:root {
	--base-color: #F38220;
}

.ispinner {
  position: relative;
  width: 20px;
  height: 20px; }
  .ispinner .ispinner-blade {
    position: absolute;
    top: 37%;
    left: 44.5%;
    width: 10%;
    height: 25%;
    background-color: #8e8e93;
    border-radius: 50%/20%;
    animation: iSpinnerBlade 1s linear infinite;
    will-change: opacity; }
    .ispinner .ispinner-blade:nth-child(1) {
      transform: rotate(30deg) translate(0, -150%);
      animation-delay: -1.6666666667s; }
    .ispinner .ispinner-blade:nth-child(2) {
      transform: rotate(60deg) translate(0, -150%);
      animation-delay: -1.5833333333s; }
    .ispinner .ispinner-blade:nth-child(3) {
      transform: rotate(90deg) translate(0, -150%);
      animation-delay: -1.5s; }
    .ispinner .ispinner-blade:nth-child(4) {
      transform: rotate(120deg) translate(0, -150%);
      animation-delay: -1.4166666667s; }
    .ispinner .ispinner-blade:nth-child(5) {
      transform: rotate(150deg) translate(0, -150%);
      animation-delay: -1.3333333333s; }
    .ispinner .ispinner-blade:nth-child(6) {
      transform: rotate(180deg) translate(0, -150%);
      animation-delay: -1.25s; }
    .ispinner .ispinner-blade:nth-child(7) {
      transform: rotate(210deg) translate(0, -150%);
      animation-delay: -1.1666666667s; }
    .ispinner .ispinner-blade:nth-child(8) {
      transform: rotate(240deg) translate(0, -150%);
      animation-delay: -1.0833333333s; }
    .ispinner .ispinner-blade:nth-child(9) {
      transform: rotate(270deg) translate(0, -150%);
      animation-delay: -1s; }
    .ispinner .ispinner-blade:nth-child(10) {
      transform: rotate(300deg) translate(0, -150%);
      animation-delay: -0.9166666667s; }
    .ispinner .ispinner-blade:nth-child(11) {
      transform: rotate(330deg) translate(0, -150%);
      animation-delay: -0.8333333333s; }
    .ispinner .ispinner-blade:nth-child(12) {
      transform: rotate(360deg) translate(0, -150%);
      animation-delay: -0.75s; }
  .ispinner.ispinner-large {
    width: 30px;
    height: 30px; }
    .ispinner.ispinner-large .ispinner-blade {
      width: 8.5714285714%;
      height: 25.7142857143%;
      border-radius: 50%/16.67%; }

@keyframes iSpinnerBlade {
  0% {
    opacity: 0.85; }
  50% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } 
}

.forcewidth100, .minicolors-theme-default.minicolors {
	width: 100% !important;
}

.main_color {
	color: #ac1e4c !important;
}
.main_bg_color {
	background-color: #ac1e4c !important;
}

.loader_container {
	position: fixed;
	width: 70px;
	height: 70px;
	background: rgba(0, 0, 0, .75);
	z-index: 999;
	border-radius: 5px;
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -35px;
}

.loader_container .ispinner-large {
	left: 20px;
	top: 20px;
}

.jumbotron {
	position: relative;
}

.mzauto {
	float: none !important;
	margin: 0 auto !important;
}

.card-action {
	color: #039be5 !important;
}

.force_display {
	display: inline-block !important;
}

.extra_pdd {
	padding: .75rem !important;
}

span.badge.new:after {
    content: "" !important;
}

.nodisply {
	display: none !important;
}

.pagination li.active {
    background-color: #455a64;
}

.add_ots {
	position: absolute;
	right: 15px;
	bottom: -18px;
}

.clear_float {
	float: none !important;
}

.material-tooltip {
	max-width: 600px !important;
}

.file_fix {
	display: inline-block !important;
    position: relative !important;
    width: 100%;
}

.minicolors-swatch {
	display: none !important;
}

.noPadding{
  padding: 0 !important;
}

.centrarDiv{
  display:flex;
  justify-content:center;
  align-items:center;
}

.btn-flat i {
  font-size: 2rem !important;
}

.topMargin{
  margin-top: 1rem;
}

.tabs .tab a:hover, .tabs .tab a.active, .tab a, .tabs {
  background-color: transparent !important;
  color: #595959 !important;
}

.tabs .indicator {
  background-color: #595959;
}

.select .input-field.col{
  width: 99%;
}

.labelForm{
  transform: translateY(-14px) scale(0.8) !important;
    transform-origin: 0 0 !important
}


.contentIframe{
	width: 100%;
	height: 60%;
  min-height: 300px;
  min-width: 400px;
  
}

.contentBtn{
	width: 100%;
}

.contentBtn a{
  margin-top: 1px;
}

.iframeV{
  position: absolute;
  width: 100%;
  height: 74.2%;
	left: 0;
  top: 64px;
}

.main_gradient {
	position: fixed;
	z-index: 0;
	left: 0;
	top: 0;
	background-image: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-primary) 100%);
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

.foot_call_view {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	background: rgba(0, 0, 0, .75);
	padding: 12px;
	text-align: center;
}

.foot_call_view a {
  margin-left: 10px;
  margin-right: 10px;
}

.go_call_btn {
	width: 100%;
}

.agent_actions {
	position: absolute;
	left: 0;
	top: 82%;
	width: 20%;
	height: 150px;
	z-index: 999;
}

.foot_call_view_b {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
	padding: 20px;
	text-align: center;
}

.agent_info {
	position: absolute;
	left: 20%;
	top: 82%;
	width: 80%;
	height: 150px;
	z-index: 999;
}

.info_btns {
	padding: 20px;
}

.btn-margin{
  margin: 2px;
}

.datepickerM .input-field.col{
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.text-btn{
  overflow: hidden;
  white-space: nowrap;
}

.agent-btn-margin{
  margin: 4px;
}

.default-cursor{
  cursor: default;
}

.new-custom-select {
	display: inline-block;
	width: 100%;
	height: calc(1.5em + 0.875rem + 2px);
	padding: 0.4375rem 1rem 0.4375rem 0;
	font-weight: 400;
	line-height: 1.5;
	vertical-align: middle;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgba(0, 0, 0, 0.87)' d='M7 10l5 5 5-5z'/%3e%3c/svg%3e") no-repeat right 0 center/24px;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	border-radius: 0;
	box-shadow: none;
	appearance: none;
	font-size: 1rem !important;
	color: #000 !important;
	border-bottom: 2px solid #595959;
  cursor: pointer;
  height: 3rem;
}

.new-custom-select:focus {
	outline: 0;
}

.cnew-custom-select:focus::-ms-value {
	color: #495057;
	background-color: rgba(0, 0, 0, 0);
}

.new-custom-select[multiple],
.new-custom-select[size]:not([size="1"]) {
	height: auto;
	padding-right: 0;
	background-image: none;
}

.new-custom-select:disabled {
	color: #6c757d;
	background-color: #e9ecef;
}

.new-custom-select::-ms-expand {
	display: none;
}

.width_50{
  width: 50% !important;
}

.ajustarBadge{
  min-width: 120px !important;
  float: left !important;
  font-size: 1rem !important;
}

.marginLeft{
  margin-left:-8% !important;
}

.containerName {
  color: white !important;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 15%;
  width: 100%;
  height: 150px;
  background-color: rgb(0 0 0 / 45%);
}

.userName {
  position: absolute;
  font-size: 26px;
  width: 100%;
}

.main_gradient2 {
	position: fixed;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
  overflow-y: scroll;
}