.full{
  width: 100%;
  margin-top: 3px;
}

.ico-pesquisa{
  font-size: 25px;
}

.ico-pesquisa:hover{
  cursor: pointer;
}

.ico-active{
  color: #E3C446;
}

.info-plan:hover{
  cursor: pointer;
}

.pulse-button {
  position: relative;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.pulse-button:hover
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #009192;
  font-size: 10px;
  margin: 0px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
.loader-cancelar{
  color: red;
  font-size: 5px;
}

.loader-correcao{
  color: blue;
  font-size: 5px;
}

.loader-pagamento{
  color: #52B99A;
  font-size: 8px;
}

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

@keyframes fadebarcode {
  from {opacity: 0;}
  to {opacity: 1;}
}

#focus-codigo{
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    position: relative;
}

#focus-codigo > .w-100{
    position: relative;
    background: #fff;
    border-radius: 4px;
    min-height: 44px;
    padding: 0 12px;
}

#focus-codigo .barcode-btnbarcode-btn{
    display: none !important;
}

.mousetrap{
    width: 100%;
    height: 44px;
    border: none !important;
    outline: none !important;
    background: transparent;
    position: relative;
    z-index: 2;
    color: #333 !important;
    caret-color: #333 !important;
}

#mousetrapTitle{
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #6c757d !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    z-index: 1;
}

#mousetrapTitle.oculto{
    display: none !important;
}

#mousetrapTitle span{
    color: #6c757d !important;
}

.pr-2{
  background:#F3F6F9;
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 35px;
}


.mousetrap:focus{
  border:none;
  outline:none;
}

.select-disabled {
  pointer-events: none;
  background: #E3E6E8 !important;
}

#produto-select {
  width: 80%;
  position: absolute;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.swal-center-buttons .swal-footer {
  text-align: center;
}

/* Daterangepicker: tema na cor primária do sistema (var(--main-color)).
   O prefixo `body` eleva a especificidade para vencer os !important do Metronic
   (style*.bundle.css carrega depois deste arquivo no <head>). */
:root {
	--drp-15: color-mix(in srgb, var(--main-color) 15%, white);
	--drp-25: color-mix(in srgb, var(--main-color) 25%, white);
	--drp-85: color-mix(in srgb, var(--main-color) 85%, black);
	--drp-90: color-mix(in srgb, var(--main-color) 90%, black);
}
body .daterangepicker .applyBtn {
	background: var(--main-color) !important;
	border-color: var(--main-color) !important;
	color: #fff !important;
}
body .daterangepicker .applyBtn:hover,
body .daterangepicker .applyBtn:focus {
	background: var(--drp-85) !important;
	border-color: var(--drp-85) !important;
	color: #fff !important;
}
body .daterangepicker .ranges li.active,
body .daterangepicker .ranges li:hover {
	background: var(--drp-25) !important;
	color: #1f2937;
	border-radius: .375rem;
}
body .daterangepicker .ranges li.active { box-shadow: inset 3px 0 0 0 var(--main-color); }
body .daterangepicker .drp-calendar td.active,
body .daterangepicker .drp-calendar td.start-date,
body .daterangepicker .drp-calendar td.end-date {
	background: var(--main-color) !important;
	color: #fff !important;
}
body .daterangepicker .drp-calendar td.active:hover,
body .daterangepicker .drp-calendar td.start-date:hover,
body .daterangepicker .drp-calendar td.end-date:hover {
	background: var(--drp-85) !important;
	color: #fff !important;
}
body .daterangepicker .drp-calendar td.today {
	background: var(--drp-25) !important;
	color: var(--drp-90) !important;
	border-radius: 0.42rem;
}
body .daterangepicker .drp-calendar td.today.active {
	background: var(--main-color) !important;
	color: #fff !important;
}
body .daterangepicker .drp-calendar td.in-range { background: var(--drp-15) !important; color: inherit; }
body .daterangepicker .drp-calendar td.in-range.start-date,
body .daterangepicker .drp-calendar td.in-range.end-date {
	background: var(--main-color) !important;
	color: #fff !important;
}
body .daterangepicker td.available:hover { background: var(--drp-25) !important; color: inherit; }
body .daterangepicker .drp-selected { color: var(--drp-90); }
body .daterangepicker .prev:hover i, body .daterangepicker .next:hover i { color: var(--main-color); }