/* Minification failed. Returning unminified contents.
(4071,33): run-time error CSS1030: Expected identifier, found '.'
(4071,55): run-time error CSS1031: Expected selector, found ')'
(4071,55): run-time error CSS1025: Expected comma or open brace, found ')'
(4091,29): run-time error CSS1030: Expected identifier, found '.'
(4091,51): run-time error CSS1031: Expected selector, found ')'
(4091,51): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*https://stackoverflow.com/questions/42749666/how-to-display-event-as-color-dots-in-fullcalendar*/
/*a.fc-event {
    border-radius: 10px;*/
/* round edges */
/*width: 20px;*/
/* fixed width */
/*color: transparent;*/
/* hide text */
/*}*/
/* inline the tr's for events */
/*div.fc-content-skeleton > table > tbody > tr {
    display: inline-block;
}*/

/*#calendarT {
    max-width: 500px;
    overflow: auto;
}*/


.headerGridProdAplSimples {
    background-image: linear-gradient(110deg, #3E9BD5 50%, #3E9BD5 50%)
}

.headerGridProdAplEspe {
    background-image: linear-gradient(110deg, #FAD200 50%, #FAD200 50%)
}

.headerGridProdComposto {
    background-image: linear-gradient(110deg, #DE8D00 50%, #DE8D00 50%)
}

.headerGridProdSimilar {
    background-image: linear-gradient(110deg, #A1C057 50%, #A1C057 50%)
}

.headerPDVMisto {
    background-image: linear-gradient(110deg, #68A3C3 50%, #9FCF6A 50%)
}

.btnPDVMistoNFNFS {
    background-image: linear-gradient(50deg, #9B59B6 50%, #4DC247 50%)
}

.btnPDVMistoNFCNFS {
    background-image: linear-gradient(50deg, #1CA1F2 50%, #4DC247 50%)
}

.pnlPDVMistoNFSe {
    background-image: linear-gradient(50deg, #4DC247 50%, #4DC247 50%)
}

.pnlPDVMistoNFCe {
    background-image: linear-gradient(50deg, #1CA1F2 50%, #1CA1F2 50%)
}

.pnlPDVMistoNFe {
    background-image: linear-gradient(50deg, #9B59B6 50%, #9B59B6 50%)
}

.loaderAjaxToast {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 16px;
    height: 16px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.int-bs2 {
    width: 161px !important;
    height: 30px !important;
    background-image: url(/flexApplications//Integracoes//Imagens//bs2.png) !important;
}

.int-stone {
    width: 161px !important;
    height: 30px !important;
    background-image: url(/flexApplications//Integracoes//Imagens//stone.png) !important;
}

.int-weepay {
    width: 161px !important;
    height: 30px !important;
    background-image: url(/flexApplications//Integracoes//Imagens//voluti.png) !important;
}

.int-tray {
    width: 161px !important;
    height: 30px !important;
    background-image: url(/flexApplications//Integracoes//Imagens//tray.png) !important;
}

.int-shopify {
    width: 161px !important;
    height: 30px !important;
    background-image: url(/flexApplications//Integracoes//Imagens//shopify.png) !important;
}

.int-merlivre {
    width: 161px !important;
    height: 30px !important;
    background-image: url(/flexApplications//Integracoes//Imagens//mercadolivre.png) !important;
}

.int-b2w {
    width: 161px !important;
    height: 30px !important;
    background-image: url(/flexApplications//Integracoes//Imagens//b2wmarketplace.png) !important;
}

.int-nuvemshop {
    width: 161px !important;
    height: 30px !important;
    background-image: url(/flexApplications//Integracoes//Imagens//nuvemshop.png) !important;
}

.int-lojaintegrada {
    width: 161px !important;
    height: 30px !important;
    background-image: url(/flexApplications//Integracoes//Imagens//lojaintegrada.png) !important;
}

.int-ifood {
    width: 161px !important;
    height: 30px !important;
    background-image: url(/flexApplications//Integracoes//Imagens//ifood.png) !important;
}

.int-ifoodm {
    width: 161px !important;
    height: 30px !important;
    background-image: url(/flexApplications//Integracoes//Imagens//sitemercado.png) !important;
}


.ui-contextmenu {
    z-index: 1;
}

/*thema classic and gray */
.sw-form-find-trigger {
    background-image: url(/imagens/gif/form/trigger-tpl-find.gif);
}

.sw-form-add-trigger {
    background-image: url(/imagens/gif/form/trigger-tpl-add.gif);
}

.sw-form-edit-trigger {
    background-image: url(/imagens/gif/form/trigger-tpl-edit.gif);
}

.sw-form-alert-trigger {
    background-image: url(/imagens/gif/form/trigger-tpl-alert.gif);
}

.sw-form-cep-trigger {
    background-image: url(/imagens/gif/form/trigger-tpl-cep.gif);
}

.sw-form-cnpj-trigger {
    background-image: url(/imagens/gif/form/trigger-tpl-cnpj.gif);
}

.sw-form-filter-trigger {
    background-image: url(/imagens/gif/form/trigger-tpl-filter.gif);
}

.sw-form-inadimplencia-trigger {
    background-image: url(/imagens/gif/form/trigger-tpl-inadimplencia.gif);
}

.sw-form-script-trigger {
    background-image: url(/imagens/gif/form/trigger-tpl-script.gif);
}

/*thema crisp*/
.sw-form-find-trigger-crisp {
    background-image: url(/imagens/gif/form/trigger-tpl-find-crisp.gif);
}

.sw-form-add-trigger-crisp {
    background-image: url(/imagens/gif/form/trigger-tpl-add-crisp.gif);
}

.sw-form-edit-trigger-crisp {
    background-image: url(/imagens/gif/form/trigger-tpl-edit-crisp.gif);
}

.sw-form-alert-trigger-crisp {
    background-image: url(/imagens/gif/form/trigger-tpl-alert.gif);
}

.sw-form-cep-trigger-crisp {
    background-image: url(/imagens/gif/form/trigger-tpl-cep-crisp.gif);
}

.sw-form-cnpj-trigger-crisp {
    background-image: url(/imagens/gif/form/trigger-tpl-cnpj.gif);
}

.sw-form-filter-trigger-crisp {
    background-image: url(/imagens/gif/form/trigger-tpl-filter.gif);
}

.sw-form-inadimplencia-trigger-crisp {
    background-image: url(/imagens/gif/form/trigger-tpl-inadimplencia.gif);
}

.sw-form-script-trigger-crisp {
    background-image: url(/imagens/gif/form/trigger-tpl-script.gif);
}

/*https://www.sencha.com/forum/showthread.php?297671-HOW-TO-change-the-trigger-cls*/
.my-bar-triggercode:after {
    content: "\f13e";
    color: #A9A9A9;
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 3px;
}

.my-bar-triggertoken:after {
    content: "\f126";
    color: #A9A9A9;
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 3px;
}

.fa-trigger {
    background-image: none !important;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    padding-top: 12px;
}

.my-foo-trigger:after {
    content: "\f087";
    color: red;
}

.my-bar-trigger:after {
    content: "\f02f";
    color: #5FA2DD;
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 3px;
}

.my-bar-triggeredit:after {
    content: "\f040";
    color: #A9A9A9;
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 3px;
}

.my-bar-triggerapply:after {
    content: "\f01a";
    color: #A9A9A9;
    width: 24px;
    height: 24px;
    font-size: 24px;
    margin: 1px;
}

.my-bar-triggercodebar:after {
    content: "\f02a";
    color: #A9A9A9;
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 3px;
}

.my-bar-triggerbalance:after {
    content: "\f24e";
    color: #A9A9A9;
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 3px;
}

.my-bar-triggeradd:after {
    content: "\f067";
    color: #A9A9A9;
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 3px;
}

.my-bar-selall:after {
    content: "\f058";
    color: #A9A9A9;
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 3px;
}

.my-bar-triggernow:after {
    content: "\f017";
    color: #A9A9A9;
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 3px;
}


.my-exan-trigger:after {
    content: "\f298";
    color: #5FA2DD;
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 3px;
}

.x-form-trigger.fa {
    display: table-cell;
    background-image: none !important;
    padding-top: 5px;
}

/* botões diferenciados azul e verde*/
.green-button {
    background: #46a546;
    /*border: none;!important;*/
    color: #ffffff;
    font-weight: bold;
}

    .green-button .x-btn-inner {
        color: #ffffff;
    }

.green-button-over {
    background: #4cc54c;
}

.x-btn-over.green-button {
    background: #4cc54c;
    border-color: #4cc54c;
}

.x-btn.x-btn-pressed.green-button {
    background: #388438;
    border-color: #388438;
}

.x-btn-focus.green-button {
    background: #46a546;
}

.blue-button {
    background: #3498db;
    color: #ffffff;
    font-weight: bold;
}

    .blue-button .x-btn-inner {
        color: #ffffff;
    }

.blue-button-over {
    background: #3cb0fd;
}

.x-btn-over.blue-button {
    background: #3cb0fd;
    border-color: #3cb0fd;
}

.x-btn.x-btn-pressed.blue-button {
    background: #2A7AAF;
    border-color: #2A7AAF;
}

.x-btn-focus.blue-button {
    background: #3498db;
}

.x-fieldset-header-text {
    font-size: 15px !important;
    /*color: #a52a2a !important;*/
    font-weight: bold;
}


.sf-grid-black {
    background: #000;
    color: #FFF;
}

.sf-grid-red-back {
    background-color: #ffe2e2 !important;
}

.sf-grid-estoqueA {
    background-color: #C6EFCE !important;
}

.sf-grid-estoqueB {
    background-color: #BDD7EE !important;
}

.sf-grid-estoqueC {
    background-color: #FFEB9C !important;
}


.sf-grid-red-back-tachado {
    background-color: #ffe2e2 !important;
    text-decoration: line-through !important;
}

.sf-grid-yellow-back {
    background-color: #fdffc9 !important;
}

.sf-grid-green-back {
    background-color: #b3ffb3 !important;
}

.sf-grid-prod {
    background-color: #5DC1F4 !important;
}

.sf-grid-serv {
    background-color: #82C7A8 !important;
}

.sf-gridDuplicataAgrupada {
    background-image: url("/imagens/png/16x16/geral/circle013.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}


.sf-gridXmlValorDif {
    background-image: url("/imagens/icon/16x16/agenda/atrasado.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataAntecipado {
    background-image: url("/imagens/IE/16x16/clock_back.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataSplit {
    background-image: url("/imagens/I8/16x16/split.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataDfeErro {
    background-image: url("/imagens/icon/16x16/geral/dfeerro.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 32px;
}

.sf-gridDuplicataNFSeSplit {
    background-image: url("/imagens/icon/16x16/geral/nfsesplit.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 32px;
}

.sf-gridDuplicataNFSeSplitErro {
    background-image: url("/imagens/icon/16x16/geral/nfsespliterro.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 48px;
}


.sf-gridExplorerXmlSimples {
    background-image: url("/imagens/icon/16x16/geral/xml1.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataComNFe {
    background-image: url("/imagens/icon/16x16/geral/nfe.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.red-flag {
    background: url("/imagens/icon/16x16/geral/red-flag.png") no-repeat left center;
    padding-left: 20px;
}

.green-flag {
    background: url("/imagens/icon/16x16/geral/green-flag.png") no-repeat left center;
    padding-left: 20px;
}

.orange-flag {
    background: url("/imagens/icon/16x16/geral/orange-flag.png") no-repeat left center;
    padding-left: 20px;
}

.sf-gridDuplicataComNFCe {
    background-image: url("/imagens/icon/16x16/geral/nfce.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataComNFSe {
    background-image: url("/imagens/icon/16x16/geral/nfse.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataComXML {
    background-image: url("/imagens/icon/16x16/geral/xml.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridNFeComCorrecao {
    background-image: url("/imagens/IE/16x16/contract.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataComBoleto {
    background-image: url("/imagens/I8/16X16/barcodePreto.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataStone {
    background-image: url("/imagens/icon/16x16/integracoes/stone16.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataMercadoPago {
    background-image: url("/imagens/icon/16x16/integracoes/mp.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataVero {
    background-image: url("/imagens/icon/16x16/integracoes/vero.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataFinPet {
    background-image: url("/imagens/icon/16x16/integracoes/finpet.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataComBoletoErro {
    background-image: url("/imagens/I8/16X16/barcodeVermelho.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataComBoletoCancelado {
    background-image: url("/imagens/I8/16X16/barcodeAmarelo.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridDuplicataAguardandoCompensacao {
    background-image: url("/imagens/I8/16X16/barcodeLaranja.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.sf-gridConferenciaPendente {
    background-color: #FAEEDA !important;
}

.sf-gridConferenciaEmAndamento {
    background-color: #E6F1FB !important;
}

.sf-gridConferenciaOk {
    background-color: #EAF3DE !important;
}

.sf-gridConferenciaDivergente {
    background-color: #FCEBEB !important;
}


.multiline-row .x-grid-cell-inner {
    overflow: auto !important;
    white-space: normal !important;
    text-overflow: ellipsis;
    display: block;
}

.atmusGridConsulta {
    padding-left: 16px;
    position: center;
    background: #FDC19A;
}

    .atmusGridConsulta:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f0f1";
        /*color: #FFFFFF;*/
    }

.atmusGridDigital {
    padding-left: 16px;
    position: center;
    background: #F1C40F;
}

    .atmusGridDigital:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f1c5";
        /*color: #FFFFFF;*/
    }

.atmusGridOrcamento {
    padding-left: 16px;
    position: center;
    background: #d47b1c;
}

    .atmusGridOrcamento:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f20a";
        /*color: #FFFFFF;*/
    }

.atmusGridCirurgia {
    padding-left: 16px;
    position: center;
    background: #AAB9F7;
}

    .atmusGridCirurgia:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f21e";
        /*color: #FFFFFF;*/
    }

.atmusGridExame {
    padding-left: 16px;
    position: center;
    background: #FAC3D5;
}

    .atmusGridExame:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f0c3";
        /*color: #FFFFFF;*/
    }

.atmusGridVacina {
    padding-left: 16px;
    position: center;
    background: #C3E4A0;
}

    .atmusGridVacina:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f043";
        /*color: #FFFFFF;*/
    }

.atmusGridManutencao {
    padding-left: 16px;
    position: center;
    background: #EBB38F;
}

    .atmusGridManutencao:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f0ad";
        /*color: #FFFFFF;*/
    }

.atmusGridVermifugo {
    padding-left: 16px;
    position: center;
    background: #ABA589;
}

    .atmusGridVermifugo:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f188";
        /*color: #FFFFFF;*/
    }

.atmusGridPacote {
    padding-left: 16px;
    position: center;
    background: #DEAAEA;
}

    .atmusGridPacote:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f0c4";
        /*color: #FFFFFF;*/
    }

.atmusGridCreche {
    padding-left: 16px;
    position: center;
    background: #248AE6;
}

    .atmusGridCreche:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f2cd";
        /*color: #FFFFFF;*/
    }

.atmusGridDocumento {
    padding-left: 16px;
    position: center;
    background: #95D5DE;
}

    .atmusGridDocumento:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f15b";
        /*color: #FFFFFF;*/
    }

.atmusGridInternacao {
    padding-left: 16px;
    position: center;
    background: #80DAFD;
}

    .atmusGridInternacao:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f0f9";
        /*color: #FFFFFF;*/
    }

.atmusGridHospedagem {
    padding-left: 16px;
    position: center;
    background: #40CACA;
}

    .atmusGridHospedagem:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f015";
        /*color: #FFFFFF;*/
    }

.atmusGridOs {
    padding-left: 16px;
    position: center;
    background: #4dc247;
}

    .atmusGridOs:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f0b1";
        /*color: #FFFFFF;*/
    }

.atmusGridVenda {
    padding-left: 16px;
    position: center;
    background: #68D8E6;
}

    .atmusGridVenda:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f217";
        /*color: #FFFFFF;*/
    }

.atmusGridProcedimentos {
    padding-left: 16px;
    position: center;
    background: #d14586;
}

    .atmusGridProcedimentos:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f022";
        /*color: #FFFFFF;*/
    }

.atmusGridTaxiPet {
    padding-left: 16px;
    position: center;
    background: #00BBF0;
}

    .atmusGridTaxiPet:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f1b9";
        /*color: #FFFFFF;*/
    }

.atmusGridProc {
    padding-left: 16px;
    position: center;
    background: #199ADA;
}

    .atmusGridProc:before {
        position: center;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f2c7";
        /*color: #FFFFFF;*/
    }

.atmusButtonConsulta {
    background: #FDC19A;
}

    .atmusButtonConsulta.x-btn.x-btn-pressed {
        background: #FDC19A !important;
    }

.atmusButtonGeral {
    background: #ccca72;
}

    .atmusButtonGeral.x-btn.x-btn-pressed {
        background: #ccca72 !important;
    }

.atmusButtonCirurgia {
    background: #AAB9F7;
}

    .atmusButtonCirurgia.x-btn.x-btn-pressed {
        background: #AAB9F7 !important;
    }

.atmusButtonExame {
    background: #FAC3D5;
}

    .atmusButtonExame.x-btn.x-btn-pressed {
        background: #FAC3D5 !important;
    }

.atmusButtonVacina {
    background: #C3E4A0;
}

    .atmusButtonVacina.x-btn.x-btn-pressed {
        background: #C3E4A0 !important;
    }


.atmusButtonProc {
    background: #199ADA;
}

    .atmusButtonProc.x-btn.x-btn-pressed {
        background: #199ADA !important;
    }


.atmusButtonCreche {
    background: #248AE6;
}

    .atmusButtonCreche.x-btn.x-btn-pressed {
        background: #248AE6;
    }

.atmusButtonPacote {
    background: #DEAAEA;
}

    .atmusButtonPacote.x-btn.x-btn-pressed {
        background: #DEAAEA;
    }

.atmusButtonDocumento {
    background: #95D5DE;
}

    .atmusButtonDocumento.x-btn.x-btn-pressed {
        background: #95D5DE !important;
    }

.atmusButtonInternacao {
    background: #80DAFD;
}

    .atmusButtonInternacao.x-btn.x-btn-pressed {
        background: #80DAFD !important;
    }

.atmusButtonHospedagem {
    background: #40CACA;
}

    .atmusButtonHospedagem.x-btn.x-btn-pressed {
        background: #40CACA !important;
    }

.atmusButtonAgenda {
    background: #3E86A9;
}

    .atmusButtonAgenda.x-btn.x-btn-pressed {
        background: #3E86A9 !important;
    }

.atmusButtonComissao {
    background: #0B89AA;
}

    .atmusButtonComissao.x-btn.x-btn-pressed {
        background: #0B89AA !important;
    }

.atmusButtonProcedimentos {
    background: #d14586;
}

    .atmusButtonProcedimentos.x-btn.x-btn-pressed {
        background: #d14586 !important;
    }

.atmusButtonOrcamento {
    background: #d47b1c;
}

    .atmusButtonOrcamento.x-btn.x-btn-pressed {
        background: #d47b1c !important;
    }

.atmusButtonOs {
    background: #4dc247;
}

    .atmusButtonOs.x-btn.x-btn-pressed {
        background: #4dc247 !important;
    }

.atmusButtonVermifugo {
    /*background: #817C66;*/
    background: #9C9784;
}

    .atmusButtonVermifugo.x-btn.x-btn-pressed {
        background: #9C9784 !important;
    }

.atmusButtonDigital {
    background: #F1C40F;
}

    .atmusButtonDigital.x-btn.x-btn-pressed {
        background: #F1C40F !important;
    }

.doButtonFiltrar {
    background: #F6A458;
}

    .doButtonFiltrar.x-btn.x-btn-pressed {
        background: #F6A458 !important;
    }

.doButtonRespFiscal {
    background: #28B351;
}

    .doButtonRespFiscal.x-btn.x-btn-pressed {
        background: #28B351 !important;
    }

.doButtonPanel {
    background: #df8ae3;
}

.doButtonRota {
    background: #ebd728;
}

.doButtonClear {
    background: #E2B8B8;
}

    .doButtonClear.x-btn.x-btn-pressed {
        background: #E2B8B8 !important;
    }


.doButtonHisto {
    background: #499DFB;
}

    .doButtonHisto.x-btn.x-btn-pressed {
        background: #499DFB !important;
    }

.doButtonIntegra {
    background: #A8C94E;
}

    .doButtonIntegra.x-btn.x-btn-pressed {
        background: #A8C94E !important;
    }

.doButtonAdd {
    background: #247AB4;
}

.doButtonDemonst {
    background: #0099FF;
    font-weight: bold;
}

.doButtonAdd.x-btn .x-btn-pressed {
    background: #247AB4 !important;
}

.doButtonFaturaProd {
    background: #5DC1F4 !important;
    background-image: none !important;
}

    .doButtonFaturaProd.x-menu-item-default.x-menu-item-focus,
    .doButtonFaturaProd.x-menu-item-default.x-menu-item-active {
        background: #3C85E7 !important;
        background-image: none !important;
        font-weight: bold !important;
    }

.doButtonFaturaServ {
    background: #82C7A8 !important;
    background-image: none !important;
}

    .doButtonFaturaServ.x-menu-item-default.x-menu-item-focus,
    .doButtonFaturaServ.x-menu-item-default.x-menu-item-active {
        background: #55A05E !important; /* #6EBD78 !important;*/
        background-image: none !important;
        font-weight: bold !important;
    }

.doButtonImpr {
    background: #8561C5;
}

.doButtonConfig {
    background: #0D0953;
    color: #ffffff;
    font-weight: bold;
}

.x-btn-over.doButtonConfig {
    background: #3d3a75;
    border-color: #3d3a75;
}

.x-btn-focus.doButtonConfig {
    background: #0D0953;
}

.doButtonImpr.x-btn.x-btn-pressed {
    background: #8561C5 !important;
}

.doButtonFinish {
    background: #2E8B57;
}

    .doButtonFinish.x-btn.x-btn-pressed {
        background: #2E8B57 !important;
    }

    .doButtonFinish .x-btn-icon-el-default-small {
        color: #fff !important;
    }

        .doButtonFinish .x-btn-icon-el-default-small.x-btn-glyph {
            opacity: 0.9 !important;
        }

.doButtonIA {
    background: #F46F00;
}

    .doButtonIA .x-btn.x-btn-pressed {
        background: #F46F00 !important;
    }

    .doButtonIA .x-btn-icon-el-default-small {
        color: #fff !important;
    }

        .doButtonIA .x-btn-icon-el-default-small.x-btn-glyph {
            opacity: 0.9 !important;
        }





.doButtonDesc {
    background: #EE929D;
}

    .doButtonDesc.x-btn.x-btn-pressed {
        background: #EE929D !important;
    }


.doButtonDel {
    background: #EA4B5C;
}

    .doButtonDel.x-btn.x-btn-pressed {
        background: #EA4B5C !important;
    }


.doButtonEdit {
    background: #2FC4C6;
}

    .doButtonEdit.x-btn.x-btn-pressed {
        background: #2FC4C6 !important;
    }

/*.atmusButtonExames.x-btn.x-btn-over {
    background: #0885A9;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #EF3A2E);
    background-image: -moz-linear-gradient(top, #3cb0fd, #EF3A2E);
    background-image: -ms-linear-gradient(top, #3cb0fd, #EF3A2E);
    background-image: -o-linear-gradient(top, #3cb0fd, #EF3A2E);
    background-image: linear-gradient(to bottom, #3cb0fd, #EF3A2E);
    text-decoration: none;
}*/



/*.atmusButtonCirurgias.x-btn.x-btn-over {
    background: #5D46B7;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #5D46B7);
    background-image: -moz-linear-gradient(top, #3cb0fd, #5D46B7);
    background-image: -ms-linear-gradient(top, #3cb0fd, #5D46B7);
    background-image: -o-linear-gradient(top, #3cb0fd, #5D46B7);
    background-image: linear-gradient(to bottom, #3cb0fd, #5D46B7);
    text-decoration: none;
}*/


.x-btn.my-over {
    background: #FBC539;
}
/*Ext is not consistent */
.x-btn.x-btn-my-pressed {
    background: #FBC539;
}


.sisFlexButtonLogin {
    background: #FCD037;
    font-size: 14px;
}

.sisFlexButtonAdd {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 15px;
    color: blue;
}

    .sisFlexButtonAdd:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
        font-size: 15px;
        color: blue;
    }



.sisFlexButtonEdit {
    background: #74ad5a;
    background-image: -webkit-linear-gradient(top, #74ad5a, #3b6e22);
    background-image: -moz-linear-gradient(top, #74ad5a, #3b6e22);
    background-image: -ms-linear-gradient(top, #74ad5a, #3b6e22);
    background-image: -o-linear-gradient(top, #74ad5a, #3b6e22);
    background-image: linear-gradient(to bottom, #74ad5a, #3b6e22);
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}

    .sisFlexButtonEdit:hover {
        background: #74ad5a;
        background-image: -webkit-linear-gradient(top, #74ad5a, #3b6e22);
        background-image: -moz-linear-gradient(top, #74ad5a, #3b6e22);
        background-image: -ms-linear-gradient(top, #74ad5a, #3b6e22);
        background-image: -o-linear-gradient(top, #74ad5a, #3b6e22);
        background-image: linear-gradient(to bottom, #74ad5a, #3b6e22);
        text-decoration: none;
        color: #FFFFFF;
    }


.sisFlexButtonDel {
    background: #e4685d;
    background-image: -webkit-linear-gradient(top, #e4685d, #e67a73);
    background-image: -moz-linear-gradient(top, #e4685d, #e67a73);
    background-image: -ms-linear-gradient(top, #e4685d, #e67a73);
    background-image: -o-linear-gradient(top, #e4685d, #e67a73);
    background-image: linear-gradient(to bottom, #e4685d, #e67a73);
    font-family: Arial;
    color: #ffffff;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}

    .sisFlexButtonDel:hover {
        background: #e4685d;
        background-image: -webkit-linear-gradient(top, #e4685d, #e67a73);
        background-image: -moz-linear-gradient(top, #e4685d, #e67a73);
        background-image: -ms-linear-gradient(top, #e4685d, #e67a73);
        background-image: -o-linear-gradient(top, #e4685d, #e67a73);
        background-image: linear-gradient(to bottom, #e4685d, #e67a73);
        text-decoration: none;
    }

.x-boundlist-item img.chkCombo {
    background: transparent url(/ExtJS/classic/theme-gray/resources/theme-classic/images/menu/default-unchecked.gif);
}

.x-boundlist-selected img.chkCombo {
    background: transparent url(/ExtJS/classic/theme-gray/resources/theme-classic/images/menu/default-checked.gif);
}

.atGridHeaderBlue {
    background: #4B8DF8;
    color: #FCFDFE;
    text-align: center;
    font-size: 12pt;
}

.atGridHeaderRed {
    background: #E02222;
    color: #FCFDFE;
    text-align: center;
    font-size: 12pt;
}

.atGridHeaderGreen {
    background: #35AA47;
    color: #FCFDFE;
    text-align: center;
    font-size: 12pt;
}

.ux-item-disabled .x-form-field, .ux-item-disabled .x-form-display-field, .ux-item-disabled .x-form-trigger {
    filter: alpha(opacity=30);
    opacity: .3;
}

.x-livesearch-match {
    font-weight: bold;
    background-color: yellow;
}

.atGrid-Cell-user-online {
    background-color: #99FFCD !important;
}

.atGrid-Cell-user-offline {
    background-color: #FFFFCE !important;
}

.atGrid-Cell-user-offline2 {
    background-color: #ffe2e2 !important;
}

.atGrid-Cell-user-onoffline {
    background-color: #EB7545 !important;
}

.atGrid-Cell-trata-med {
    background-color: #6dc0e3 !important;
}

.atGrid-Cell-trata-flu {
    background-color: #b2eff7 !important;
}

.atGrid-Cell-trata-ali {
    background-color: #b0d9b9 !important;
}

.atGrid-Cell-trata-pro {
    background-color: #c6c5e8 !important;
}

.atGrid-Cell-trata-aberto {
    background-color: #f0e1e1 !important;
}

.winHeaderClassNFE .x-window-header, .x-window-tc, .x-window-tr, .x-window-tl, .x-window-ml, .x-window-mr, .x-window-bc, .x-window-br, .x-window-bl {
    background-color: #82C7A8;
}

.winHeaderClassNFSE .x-window-header, .x-window-tc, .x-window-tr, .x-window-tl, .x-window-ml, .x-window-mr, .x-window-bc, .x-window-br, .x-window-bl {
    background-color: #82C7A8;
}

.x-window-footer {
    background-color: #FEFF7C;
}

#fountainG {
    position: relative;
    width: 234px;
    height: 28px;
    margin: auto;
}

.fountainG {
    position: absolute;
    top: 0;
    background-color: rgb(0,0,0);
    width: 28px;
    height: 28px;
    animation-name: bounce_fountainG;
    -o-animation-name: bounce_fountainG;
    -ms-animation-name: bounce_fountainG;
    -webkit-animation-name: bounce_fountainG;
    -moz-animation-name: bounce_fountainG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(.3);
    -o-transform: scale(.3);
    -ms-transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    border-radius: 19px;
    -o-border-radius: 19px;
    -ms-border-radius: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
}

#fountainG_1 {
    left: 0;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#fountainG_2 {
    left: 29px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#fountainG_3 {
    left: 58px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#fountainG_4 {
    left: 88px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#fountainG_5 {
    left: 117px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#fountainG_6 {
    left: 146px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#fountainG_7 {
    left: 175px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

#fountainG_8 {
    left: 205px;
    animation-delay: 1.64s;
    -o-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s;
}



@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: rgb(0,0,0);
    }

    100% {
        transform: scale(.3);
        background-color: rgb(255,255,255);
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: rgb(0,0,0);
    }

    100% {
        -o-transform: scale(.3);
        background-color: rgb(255,255,255);
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: rgb(0,0,0);
    }

    100% {
        -ms-transform: scale(.3);
        background-color: rgb(255,255,255);
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: rgb(0,0,0);
    }

    100% {
        -webkit-transform: scale(.3);
        background-color: rgb(255,255,255);
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: rgb(0,0,0);
    }

    100% {
        -moz-transform: scale(.3);
        background-color: rgb(255,255,255);
    }
}


#backgroundIni {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -999; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretchIni {
    width: 100%;
    height: 100%;
}

.stretchIni1 {
    width: 100%;
    height: 50%;
    position: absolute; /* or absolute */
    top: 50%;
}

.center-block {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.child-row .x-grid-cell {
    background-color: #ffe2e2;
    color: #900;
}

.adult-row .x-grid-cell {
    background-color: #e2ffe2;
    color: #090;
}


.atCreditado {
    /*background-color: #e2ffe2;*/
    color: #090;
}

.atACreditar {
    /*background-color: #ffe2e2;*/
    color: #F38037;
}

.atAtrasado {
    /*background-color: #ffe2e2;*/
    color: #900;
}

.atPerdida {
    /*background-color: #ffe2e2;*/
    color: #a19494;
}

.atSugeCompra {
    background-color: #B3FFB3;
    color: #000000;
    font-weight: bold;
}

.atIconCxTran {
    position: center;
}

    .atIconCxTran:before {
        vertical-align: middle;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f061";
        color: #31B57C;
    }

.atIconCxOpen {
    position: center;
}

    .atIconCxOpen:before {
        vertical-align: middle;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f09c";
        color: #D9953C;
    }

.atIconCxClose {
    position: center;
}

    .atIconCxClose:before {
        vertical-align: middle;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f023";
        color: #C98631;
    }

.atIconCxSangr {
    position: center;
}

    .atIconCxSangr:before {
        vertical-align: middle;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f068";
        color: #D75553;
    }

.atIconCxSupr {
    position: center;
}

    .atIconCxSupr:before {
        vertical-align: middle;
        font-family: 'FontAwesome';
        /*top: 0;*/
        /*left: 10px;*/
        content: "\f067";
        color: #1162F7;
    }

.doBtnNFe {
    background-color: #9B59B6 !important;
    background-image: none;
}

.doBtnFim {
    background-color: #CCCCCC !important;
    background-image: none;
}

.doBtnNFCe {
    background-color: #1CA1F2 !important;
    background-image: none;
}

.doBtnNFSe {
    background-color: #4DC247 !important;
    background-image: none;
}

.doBtnFiado {
    background-color: #F1C40F !important;
    background-image: none;
}


.doBtnNFCeIcon {
    background-image: url("/imagens/png/imprNFCe.png") !important;
    width: 108px !important;
    height: 111px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.doBtnNFeIcon {
    background-image: url("/imagens/png/imprNFe.png") !important;
    width: 113px !important;
    height: 111px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}


.doGridChecklist {
    background-image: url("/imagens/ie/16x16/checks.png") !important;
    background-position: center !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 16px;
}

.doGridChecklistClie {
    background-image: url("/imagens/IE/16x16/clieCheckList.png") !important;
    background-position: left !important;
    width: auto !important;
    /*color:#FF0000;*/
    background-repeat: no-repeat;
    padding-left: 35px;
}

.ui-icon.custom-icon-whatapp {
    background-image: url("/imagens/i8/16x16/whatsapp.png") !important;
    background-position: 0 0;
}

.ui-icon.custom-icon-checklist {
    background-image: url("/imagens/IE/16x16/checks.png") !important;
    background-position: 0 0;
}

.ui-icon.custom-icon-extra {
    background-image: url("/imagens/IE/16x16/add.png") !important;
    background-position: 0 0;
}

.atInventarioContadoOk {
    background-color: #b3ffcc !important;
}

.atInventarioContadoDiferenca {
    background-color: #F5B7B1 !important;
}

.DRE-Receitas {
    background-color: #3CB371 !important;
    color: white !important;
}

.DRE-Despesas {
    background-color: lightcoral !important;
    color: white !important;
}

.DRE-Resultado {
    background-color: #2980b9 !important;
    color: white !important;
}

.DRE-Equilibrio {
    background-color: #146a80 !important;
    /*background-color: #d8e1e3 !important;*/
    color: white !important;
}

.DRE-Resultado-Exercicio {
    background-color: #2E8B57 !important;
    /*background-color: #d8e1e3 !important;*/
    color: white !important;
    height: 40px !important;
    font-size: 130% !important;
    font-weight: bold !important;
}

    .DRE-Resultado-Exercicio .x-grid-td {
        text-align: center !important;
        vertical-align: middle !important;
    }

.DRE-Investimentos {
    background-color: #D8D8D8 !important;
    /*background-color: #d8e1e3 !important;*/
    color: black !important;
}

.DRE-Nivel1 {
    height: 25px !important;
    font-size: 110% !important;
    font-weight: bold !important;
}

    .DRE-Nivel1 .x-grid-td {
        vertical-align: middle !important;
    }

.DRE-toggle-slide label.x-toggle-slide-label-on {
    background: #83B264;
    color: #F9FBF7;
    text-shadow: 0px 0px 2px #346817;
}

.DRE-toggle-slide label.x-toggle-slide-label-off {
    background: #C56333;
    color: #7F1F06;
    text-shadow: 1px 0px 1px #DD9A78;
    text-shadow: 1px 1px -1px #D7875F;
    text-align: right;
}


.NFE-toggle-slide label.x-toggle-slide-label-on {
    background: #FF3131;
    color: #F9FBF7;
    text-shadow: 0px 0px 2px #346817;
}

.NFE-toggle-slide-toggle-slide label.x-toggle-slide-label-off {
    background: #D0D0D0; /*#C56333;*/
    color: #7F1F06;
    text-shadow: 1px 0px 1px #DD9A78;
    text-shadow: 1px 1px -1px #D7875F;
    text-align: right;
}

/*FLUXO CAIXA REAL*/

.FluxoCaixa-toggle-slide label.x-toggle-slide-label-on {
    background: #83B264;
    color: #F9FBF7;
    text-shadow: 0px 0px 2px #346817;
}

.FluxoCaixa-toggle-slide label.x-toggle-slide-label-off {
    background: #C56333;
    color: #7F1F06;
    text-shadow: 1px 0px 1px #DD9A78;
    text-shadow: 1px 1px -1px #D7875F;
    text-align: right;
}

.FluxoCaixaREAL-Receitas {
    /*    background-color: #3CB371 !important;*/
    background-color: #D1F2EB !important;
    /*    color: white !important;*/
}

.FluxoCaixaREAL-Despesas {
    background-color: #FCE4EC !important;
    /*    color: white !important;*/
}

.FluxoCaixaREAL-Investimentos {
    background-color: #D8D8D8 !important;
    /*background-color: #d8e1e3 !important;*/
    color: black !important;
}

.FluxoCaixaREAL-Nivel2 {
    margin-left: 50px !important;
}

    .FluxoCaixaREAL-Nivel2 .x-grid-td {
        vertical-align: middle !important;
    }

.FluxoCaixaREAL-Nivel1 {
    height: 20px !important;
    /*font-size: 110% !important;*/
    font-weight: bold !important;
}

    .FluxoCaixaREAL-Nivel1 .x-grid-td {
        vertical-align: middle !important;
    }


.FluxoCaixaREAL-Nivel0 {
    height: 25px !important;
    font-size: 110% !important;
    font-weight: bold !important;
}

    .FluxoCaixaREAL-Nivel0 .x-grid-td {
        vertical-align: middle !important;
    }

.FluxoCaixaREAL-Receitas-Cabecalho {
    /*    background-color: #2E8B57 !important;*/
    /*background-color: #d8e1e3 !important;*/
    background-color: green !important;
    color: white !important;
    height: 25px !important;
    font-size: 110% !important;
    font-weight: bold !important;
}

.FluxoCaixaREAL-Despesas-Cabecalho {
    background-color: red !important;
    color: white !important;
    height: 25px !important;
    font-size: 110% !important;
    font-weight: bold !important;
}

.FluxoCaixaREAL-Disponivel-Cabecalho {
    background-color: #0047b3 !important;
    color: white !important;
    height: 25px !important;
    font-size: 110% !important;
    font-weight: bold !important;
    vertical-align: middle !important;
}

.FluxoCaixaREAL-ReceitasDespesas-Cabecalho {
    background-color: #4682B4 !important;
    color: white !important;
    height: 25px !important;
    font-size: 110% !important;
    font-weight: bold !important;
    vertical-align: middle !important;
}

.FluxoCaixaREAL-Disponivel-Cabecalho .x-grid-td {
    vertical-align: middle !important;
}

.icon-background1 {
    color: #FADAC5;
}

.icon-background2 {
    color: #82C992;
}

.icon-background3 {
    color: #7377BC;
}

.icon-background4 {
    color: #679DC6;
}

.icon-background5 {
    color: #E57373;
}

.icon-background6 {
    color: #95D7BB;
}

.icon-background7 {
    color: #FFCFA1;
}

.icon-background8 {
    color: #F1CD38;
}

.icon-background9 {
    color: #C062F6;
}

.icon-background10 {
    color: #C3E4A0;
}

.icon-background11 {
    color: #9C9784;
}



.btn-noti {
    background-color: DodgerBlue;
    border: none;
    color: white;
    padding: 3px 3px;
    font-size: 16px;
    cursor: pointer;
    margin-right: 3px;
}

    /* Darker background on mouse-over */
    .btn-noti:hover {
        background-color: RoyalBlue;
    }


.fc-icon-agendacal::before {
    font-family: FontAwesome;
    content: "\f073";
    width: 16px;
    height: 16px;
    font-size: 16px;
}

#calendarEsc .fc-today {
    background: #FFF !important;
}

/*#calendarEsc .fc-body {
    background-color: #ECE4C6
}

#calendarEsc .fc-nonbusiness {
    opacity: 1;
}*/



#wrap {
    width: 1100px;
    margin: 0 auto;
}

#external-events {
    float: left;
    width: 150px;
    padding: 0 10px;
    border: 1px solid #ccc;
    background: #eee;
    text-align: left;
}

    #external-events h4 {
        font-size: 16px;
        margin-top: 0;
        padding-top: 1em;
    }

    #external-events .fc-event {
        margin: 10px 0;
        cursor: pointer;
    }

    #external-events p {
        margin: 1.5em 0;
        font-size: 11px;
        color: #666;
    }

        #external-events p input {
            margin: 0;
            vertical-align: middle;
        }

#calendarEsc {
    float: right;
    width: 900px;
}

.orange {
    background-color: orange;
}

.textfield-tachado .x-form-text-default {
    color: #FF0000 !important;
    text-decoration: line-through !important;
}


.grouped-list .x-boundlist-item {
    padding: 1px 3px 0 10px;
}

.grouped-list .group-header {
    padding: 4px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.group {
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.group-title {
    background: #eee;
    padding: 6px 10px;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
}

.group-toggle-icon {
    display: inline-block;
    width: 16px;
    text-align: center;
    margin-right: 5px;
    font-weight: bold;
}

.group-items {
    padding: 6px 12px;
    transition: all 0.2s ease;
}

    .group-items.collapsed {
        display: none;
    }


.tile-name {
    font-weight: bold;
    font-size: 12px;
    color: #150775;
}

.tile-email {
    font-size: 12px;
    color: #666;
}


.tile-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 8px;
}

.tile-item {
    width: 200px;
    height: 100px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #ccc; /* Borda inicial visível */
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
}

    /* Hover com destaque */
    .tile-item:hover {
        transform: translateY(-6px) scale(1.02);
        box-shadow: 0 8px 16px rgba(0,0,0,0.18);
        border-color: #2196f3; /* Azul mais vibrante no hover */
    }

        /* Título muda de cor no hover */
        .tile-item:hover .tile-name {
            color: #2196f3;
        }


.tile-buttons {
    display: flex;
    gap: 6px;
    margin-top: auto; /* força ficar no fim do container */
}

.tile-btn {
    flex: 1;
    border: none;
    border-radius: 6px;
    padding: 6px;
    cursor: pointer;
    background: #eee;
}



    .tile-btn.action-edit {
        background-color: #4caf50;
    }

        .tile-btn.action-edit:hover {
            background-color: #45a049;
        }

    .tile-btn.action-delete {
        background-color: #ba68c8;
    }

        .tile-btn.action-delete:hover {
            background-color: #9c27b0;
        }

    .tile-btn.action-info {
        background-color: #2196f3;
    }

        .tile-btn.action-info:hover {
            background-color: #1976d2;
        }







.AgTileItem {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #ccc; /* Borda inicial visível */
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    margin-bottom: 10px;
    border-left: 8px solid;
    overflow: hidden;
    transition: all 0.3s;
    margin: 10px;
}

    /* Hover com destaque */
    .AgTileItem:hover {
        transform: translateY(-6px) scale(1.02);
        box-shadow: 0 8px 16px rgba(0,0,0,0.18);
        border-color: #2196f3; /* Azul mais vibrante no hover */
    }

.AgTileImg {
    flex: 0 0 80px;
    height: 80px;
    margin: 10px;
}

    .AgTileImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

.AgTileContent {
    flex: 1;
    padding: 10px 15px;
}

.AgTileTitle {
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

.AgTileSubtitle {
    font-size: 14px;
    color: #666;
    margin-top: 4px;
}

.AgTileDescription {
    font-size: 13px;
    color: #555;
    margin-top: 6px;
    margin-bottom: 2px;
}

.AgTileActions button {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    color: white;
    margin-right: 5px;
}

.AgBtnMenu {
    background-color: #28a745; /* verde */
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 6px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 3px;
    line-height: 1;
    transition: all 0.2s ease;
    margin-left: 3px;
}

    .AgBtnMenu:hover {
        background-color: #218838;
        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
        transform: scale(1.1);
    }

.AgBtnEdit {
    background-color: #008CBA; /* azul */
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 6px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 3px;
    line-height: 1;
    transition: all 0.2s ease;
}

    .AgBtnEdit:hover {
        background-color: #006f9a;
        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
        transform: scale(1.1);
    }

.AgBtnDelete {
    background-color: #f44336; /* vermelho */
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 6px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 3px;
    line-height: 1;
    transition: all 0.2s ease;
}

    .AgBtnDelete:hover {
        background-color: #d32f2f;
        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
        transform: scale(1.1);
    }


.AgIconAlert {
    background-color: #ff9800;
    color: #fff;
    border-radius: 50%;
    font-size: 14px; /* tamanho do ícone */
    width: 28px; /* reduzido para centralizar melhor */
    height: 28px;
    display: inline-flex; /* garante centralização */
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    vertical-align: middle;
    transition: all 0.2s ease;
}

    .AgIconAlert:hover {
        background-color: #e68900;
        transform: scale(1.1);
    }

.AgIconInadimplente {
    background-color: #e53935; /* vermelho inadimplente */
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 6px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    margin-right: 6px;
    margin-top: -2px; /* mesmo ajuste do alerta */
    line-height: 1;
    width: 32px;
    height: 32px;
    transition: all 0.2s ease;
    vertical-align: middle;
}

    .AgIconInadimplente:hover {
        background-color: #c62828;
        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
        transform: scale(1.1);
    }



/* container imagem + botões */
.AgTileImgWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px;
}

/* imagem reduzida */
.AgTileImgThumb {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    object-fit: cover;
    margin-bottom: 6px;
    margin-top: 6px;
}

/* botões abaixo da imagem */
.AgTileActionsBelow {
    display: flex;
    justify-content: center;
    gap: 6px;
    width: 100%; /* ocupa toda a largura do wrapper */
    flex-wrap: nowrap; /* impede quebra */
}

    /* estilo dos botões */
    .AgTileActionsBelow button {
        border-radius: 50%;
        padding: 6px;
        font-size: 12px;
        line-height: 1;
        flex: 1; /* distribui largura igualmente */
        max-width: 36px; /* garante proporção sem esticar demais */
    }



/* Badge de status (pílula verde) */
.AgStatusBadge {
    background-color: #28a745; /* verde */
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 12px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
}

.AgDuration {
    font-size: 14px; /* menor que o nome do pet */
    color: #555; /* opcional: tom mais claro */
    font-weight: normal; /* mantém diferença com o nome */
}



/* Estilo base para todos os horários */
.AgHorario {
    color: #fff;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px 6px 0 0;
    display: flex;
    align-items: center;
}

    /* Ícone dentro do horário */
    .AgHorario i {
        margin-right: 8px;
        font-size: 18px;
    }

    /* Cores específicas por horário */
    .AgHorario.Manha {
        background-color: #FDC19A;
    }

    .AgHorario.Tarde {
        background-color: #FFA500;
    }

    .AgHorario.Noite {
        background-color: #4B0082;
    }

    .AgHorario.Madrugada {
        background-color: #2F4F4F;
    }



.sf-tooltip-permission {
    background: linear-gradient(145deg, #f9f9f9, #efefef);
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: #333;
    padding: 10px 14px;
    max-width: 260px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

    .sf-tooltip-permission .x-fa {
        color: #d9534f; /* vermelho suave */
        font-size: 16px;
        margin-right: 6px;
        vertical-align: middle;
    }

.sf-tooltip-title {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    color: #444;
    margin-bottom: 4px;
}

.sf-tooltip-msg {
    font-size: 12px;
    line-height: 1.4;
    color: #666;
}



/* === Linhas ofuscadas (sem permissão) === */
.sf-grid-obfuscate-row .x-grid-cell-inner {
    background-color: #f2f2f2 !important;
    color: transparent !important;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    filter: blur(2px) brightness(0.95);
    opacity: 0.6;
    cursor: not-allowed;
}

/* === Checkbox visível mas sem interação === */
.sf-grid-obfuscate-row .x-grid-cell-row-checker,
.sf-grid-obfuscate-row .x-grid-checkcolumn,
.sf-grid-obfuscate-row .x-grid-cell-checkcolumn {
    filter: none !important;
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    pointer-events: none !important; /* 🚫 impede o clique */
}

/* === Bloqueia todo clique nos conteúdos da linha === */
.sf-grid-obfuscate-row .x-grid-cell {
    pointer-events: none !important;
}

/* === Tooltip informativa === */
.sf-grid-obfuscate-row::after {
    content: "🔒 Sem permissão para visualizar";
    position: absolute;
    left: 45px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    color: #666;
    font-style: italic;
    pointer-events: none;
}

#csSubestoques_fieldTreeSubestoques .x-tree-node-text,
#csSubestoques_fieldTreeSubestoques .x-grid-cell-inner {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Garante alinhamento do TD apenas neste tree */
#csSubestoques_fieldTreeSubestoques td.x-grid-cell {
    padding-left: 0 !important;
}

/* Nó PAI apenas neste tree */
#csSubestoques_fieldTreeSubestoques .subestoque-tree-node-parent .x-grid-cell-inner {
    padding-left: 6px !important;
}

/* Nó FILHO apenas neste tree */
#csSubestoques_fieldTreeSubestoques .x-grid-row:not(.subestoque-tree-node-parent) .x-grid-cell-inner {
    padding-left: 24px !important;
}

/* Garante padding default nos nós do tree específico */
#csSubestoques_fieldTreeSubestoques .x-grid-cell-inner {
    padding-left: 6px !important;
}

/* Remove ícones do tree apenas neste tree */
#csSubestoques_fieldTreeSubestoques .x-tree-icon {
    display: none !important;
}

.combo-cor-empresa {
    background-image: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   do-ui — novo padrão de interface das telas ExtJS do DataOn
   zatta 15/10/2026
   Regra: componentes base do Ext (campos/botões) continuam no padrão do Ext,
   sem arredondar bordas. O padrão mexe em cor, tipografia, espaçamento e
   hierarquia. Tudo escopado em .do-ui para não vazar pras telas antigas.
   ========================================================================== */

/* --- Tokens (referência) ---------------------------------------------------
   fundo janela   #F3F5F8   superfície  #FFFFFF   borda      #DDE3EA
   texto          #1C2430   texto 2     #5A6676   texto 3    #8692A2
   primária       #1F5FA0   positivo    #1E7A45   negativo   #A33A3A
   alerta         #9A4B07 / #FDF0E1
   ------------------------------------------------------------------------- */

/* Título da janela: "Pacotes / Novo agrupador [#3 · NOME]" */
.do-ui .do-title-sep {
    color: #9AA5B3;
    margin: 0 8px;
    font-weight: 400;
}

.do-ui .do-title-sub {
    color: #5A6676;
    font-weight: 400;
}

.do-ui .do-title-tag {
    margin-left: 8px;
    padding: 2px 8px;
    background: #EAF2FB;
    color: #1F5FA0;
    font-size: 12px;
    font-weight: 600;
}

/* Rótulos de campo (labelClsExtra: 'do-lbl') */
.do-ui .do-lbl,
.do-ui .do-lbl .x-form-item-label-text {
    font-size: 11px;
    font-weight: 600;
    color: #5A6676;
    letter-spacing: .02em;
}

/* Texto auxiliar */
.do-ui .do-muted {
    font-size: 12px;
    color: #8692A2;
}

.do-ui .do-muted-dark {
    font-size: 12px;
    color: #5A6676;
}

.do-ui .do-num {
    font-variant-numeric: tabular-nums;
}

/* Pills de status (únicos elementos arredondados do padrão, junto com avatar) */
.do-pill {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}

.do-pill-neutro {
    background: #EEF1F5;
    color: #5A6676;
}

.do-pill-info {
    background: #EAF2FB;
    color: #1F5FA0;
    font-weight: 500;
}

.do-pill-azul {
    background: #E6F0FA;
    color: #1F5FA0;
}

.do-pill-roxo {
    background: #EFEAF8;
    color: #5B3FA0;
}

.do-pill-alerta {
    background: #FDF0E1;
    color: #9A4B07;
}

.do-pill-ok {
    background: #E4F3EA;
    color: #1E7A45;
}

.do-pill-erro {
    background: #FBE7E7;
    color: #A33A3A;
}

/* Botão primário — só cor, mantém forma/raio do Ext */
.x-btn.do-btn-primary {
    background-color: #1F5FA0;
    background-image: none;
    border-color: #1A5189;
}

    .x-btn.do-btn-primary .x-btn-inner,
    .x-btn.do-btn-primary .x-btn-glyph {
        color: #FFFFFF;
        font-weight: 600;
    }

    .x-btn.do-btn-primary.x-btn-over {
        background-color: #1A5189;
        background-image: none;
    }

    .x-btn.do-btn-primary.x-btn-pressed,
    .x-btn.do-btn-primary.x-btn-menu-active {
        background-color: #164878;
        background-image: none;
    }

    .x-btn.do-btn-primary.x-btn-disabled {
        opacity: .55;
    }

/* Botão de ação destrutiva (só o texto vermelho) */
.x-btn.do-btn-danger-text .x-btn-inner,
.x-btn.do-btn-danger-text .x-btn-glyph {
    color: #A33A3A;
}

/* Grid ------------------------------------------------------------------- */
.do-ui .do-grid {
    border: 1px solid #DDE3EA;
}

    .do-ui .do-grid .x-grid-header-ct {
        background: #F7F9FB;
        border-bottom: 1px solid #DDE3EA;
    }

    .do-ui .do-grid .x-column-header {
        background: #F7F9FB;
        background-image: none;
        border-right-color: transparent;
    }

    .do-ui .do-grid .x-column-header-text {
        font-size: 11px;
        font-weight: 600;
        color: #5A6676;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    .do-ui .do-grid .x-grid-item {
        border-color: #EEF1F5;
    }

    .do-ui .do-grid .x-grid-cell-inner {
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 13px;
        color: #1C2430;
    }

    .do-ui .do-grid .x-grid-item-over .x-grid-td {
        background-color: #F4F8FD;
    }

    .do-ui .do-grid .x-grid-item-selected .x-grid-td {
        background-color: #E6F0FA;
    }

    .do-ui .do-grid .x-grid-cell-row-numberer .x-grid-cell-inner {
        color: #8692A2;
    }

.do-ui .do-cell-date b {
    display: block;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.do-ui .do-cell-date span {
    display: block;
    font-size: 11px;
    color: #8692A2;
    line-height: 14px;
}

/* Ícones da actioncolumn (iconCls: 'x-fa fa-...') */
.do-ui .do-act-edit, .do-ui .do-act-del {
    font-size: 15px;
    line-height: 16px;
    margin: 0 4px;
    cursor: pointer;
    border: 0;
    background: none;
    width: auto;
    height: 16px;
}

.do-ui .do-act-edit {
    color: #5A6676;
}

    .do-ui .do-act-edit:hover {
        color: #1F5FA0;
    }

.do-ui .do-act-del {
    color: #A33A3A;
}

    .do-ui .do-act-del:hover {
        color: #7E2626;
    }

/* Toolbar superior da grid */
.do-ui .do-grid-tbar {
    background: #FFFFFF;
    border-bottom: 1px solid #DDE3EA;
    padding: 6px 8px;
}

.do-ui .do-grid-title {
    font-size: 13px;
    font-weight: 600;
    color: #1C2430;
}

/* Rodapé de totais */
.do-ui .do-grid-bbar {
    background: #F7F9FB;
    border-top: 1px solid #DDE3EA;
    padding: 6px 12px;
}

.do-ui .do-resumo {
    font-size: 12px;
    color: #5A6676;
    margin-left: 22px;
}

    .do-ui .do-resumo b {
        color: #1C2430;
        font-variant-numeric: tabular-nums;
    }

        .do-ui .do-resumo b.do-neg {
            color: #A33A3A;
        }

        .do-ui .do-resumo b.do-total {
            color: #1E7A45;
            font-size: 14px;
        }

/* Cabeçalho pet / tutor / crédito (xtype panelInfoAnimal) ----------------- */
.do-hdr {
    border-bottom: 1px solid #DDE3EA;
}

    .do-hdr .do-hdr-body, .do-hdr .do-hdr-bloco {
        background: #FFFFFF;
    }

    .do-hdr .do-hdr-bloco {
        border-right: 1px solid #EEF1F5;
    }

    .do-hdr .do-hdr-vazio {
        padding: 14px;
        font-size: 12px;
        color: #8692A2;
    }

    .do-hdr .do-hdr-pet {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 14px;
        height: 100%;
        box-sizing: border-box;
    }

    .do-hdr .do-hdr-tutor {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        padding: 12px 14px;
        height: 100%;
        box-sizing: border-box;
    }

    .do-hdr .do-hdr-info {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .do-hdr .do-hdr-avatar {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
        background: #E6EEF6;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .do-hdr .do-hdr-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .do-hdr .do-hdr-avatar span {
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 16px;
            color: #5D7896;
        }

    .do-hdr .do-hdr-avatar-quadrado {
        border-radius: 6px;
        background: #F4F6FB;
    }

        .do-hdr .do-hdr-avatar-quadrado img {
            object-fit: contain;
            padding: 6px;
            box-sizing: border-box;
        }

    .do-hdr .do-hdr-linha-titulo {
        display: flex;
        align-items: baseline;
        gap: 6px;
        white-space: nowrap;
        overflow: hidden;
    }

    .do-hdr .do-hdr-nome {
        font-size: 16px;
        font-weight: 700;
        color: #1C2430;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .do-hdr .do-hdr-nome-tutor {
        font-size: 14px;
        font-weight: 600;
        color: #1C2430;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .do-hdr .do-hdr-id {
        font-size: 12px;
        color: #8692A2;
    }

    .do-hdr .do-hdr-cap {
        font-size: 11px;
        font-weight: 700;
        color: #8692A2;
        text-transform: uppercase;
        letter-spacing: .07em;
    }

    .do-hdr .do-hdr-l1, .do-hdr .do-hdr-l2 {
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .do-hdr .do-hdr-l1 {
        color: #5A6676;
    }

    .do-hdr .do-hdr-l2 {
        color: #8692A2;
    }

    .do-hdr .do-hdr-cel::before {
        content: '\f232';
        font-family: FontAwesome;
        color: #2E9E5B;
        margin-right: 4px;
    }

    .do-hdr .do-pill {
        cursor: default;
    }

.do-pill-vip {
    background: #FFF4C2;
    color: #7A5B00;
}

/* Bloco de crédito */
.do-hdr .do-hdr-credito {
    background: #FFFFFF;
}

.do-hdr .do-hdr-credito-in {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 12px 14px;
    height: 92px;
    box-sizing: border-box;
}

.do-hdr .do-hdr-valor {
    font-size: 18px;
    font-weight: 700;
    color: #1C2430;
    font-variant-numeric: tabular-nums;
}

.do-hdr .do-hdr-valor-ok {
    color: #1E7A45;
}

.do-hdr .do-hdr-valor-neg {
    color: #A33A3A;
}

.do-hdr .do-hdr-valor-alerta {
    color: #9A4B07;
}

.do-hdr .do-hdr-barra {
    display: block;
    height: 5px;
    background: #E3E8EE;
    position: relative;
}

    .do-hdr .do-hdr-barra span {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background: #D27A1C;
    }

.do-hdr .do-hdr-mini {
    font-size: 11px;
    color: #8692A2;
}

.do-hdr .do-hdr-mini-flex {
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

/* Limite estourado: bloco de crédito avermelhado */
.do-hdr.do-hdr-estourado .do-hdr-credito {
    background: #FDF5F5;
}

    .do-hdr.do-hdr-estourado .do-hdr-credito .do-hdr-cap {
        color: #A33A3A;
    }

.do-hdr.do-hdr-estourado .do-hdr-barra span {
    background: #A33A3A;
}

/* Títulos de seção dentro do form */
.do-ui .do-sec {
    font-size: 11px;
    font-weight: 700;
    color: #8692A2;
    text-transform: uppercase;
    letter-spacing: .07em;
}

/* Header de panel/grid no padrão (title + botões à direita) */
.do-ui .x-panel-header.do-grid-hdr {
    background-color: #FFFFFF;
    background-image: none;
    border: 0;
    border-bottom: 1px solid #DDE3EA;
    padding: 6px 8px;
}

.do-ui .do-grid-hdr .x-title-text {
    color: #1C2430;
    font-size: 13px;
    font-weight: 600;
}

.do-ui .do-grid-hdr .x-tool-img {
    background-color: transparent;
}

/* Faixa de resumo do detalhamento da execução */
.do-ui .do-det-resumo {
    background: #FFFFFF;
    border-bottom: 1px solid #DDE3EA;
}

.do-ui .do-det-resumo-in {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 10px 14px;
}

.do-ui .do-det-data b {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #1C2430;
    font-variant-numeric: tabular-nums;
}

.do-ui .do-det-data span {
    display: block;
    font-size: 12px;
    color: #8692A2;
}

.do-ui .do-det-flex {
    flex: 1;
}

.do-ui .do-det-col {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
}

    .do-ui .do-det-col .do-hdr-cap {
        font-size: 11px;
        font-weight: 700;
        color: #8692A2;
        text-transform: uppercase;
        letter-spacing: .07em;
    }

.do-ui .do-det-total {
    align-items: flex-end;
}

    .do-ui .do-det-total b {
        font-size: 18px;
        font-weight: 700;
        color: #1E7A45;
        font-variant-numeric: tabular-nums;
    }

/* ==========================================================================
   Atendimento (VetSegCli) — zatta 15/10/2026
   ========================================================================== */

/* Abas sublinhadas (tabpanel com cls: 'do-tabs') */
.do-ui .do-tabs > .x-tab-bar,
.do-ui .do-tabs .x-tab-bar-default-top {
    background: #FFFFFF;
    background-image: none;
    border-bottom: 1px solid #DDE3EA;
    padding: 0 12px;
}

.do-ui .do-tabs .x-tab-bar-strip {
    display: none;
}

.do-ui .do-tabs .x-tab {
    background: transparent;
    background-image: none;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    margin-right: 18px;
    padding: 10px 4px 8px;
}

    .do-ui .do-tabs .x-tab .x-tab-inner {
        color: #5A6676;
        font-size: 13px;
        font-weight: 500;
    }

    .do-ui .do-tabs .x-tab .x-tab-glyph {
        color: #9AA5B3;
    }

.do-ui .do-tabs .x-tab-over .x-tab-inner {
    color: #1C2430;
}

.do-ui .do-tabs .x-tab-active {
    border-bottom-color: #1F5FA0;
}

    .do-ui .do-tabs .x-tab-active .x-tab-inner {
        color: #1C2430;
        font-weight: 600;
    }

    .do-ui .do-tabs .x-tab-active .x-tab-glyph {
        color: #1F5FA0;
    }

.do-ui .do-tabs > .x-panel-body, .do-ui .do-tabs .x-tabpanel-child > .x-panel-body {
    background: #F3F5F8;
}

/* Botões "lançar" (cls: 'do-tile do-tile-<tipo>') — forma do Ext, fundo na cor do atalho (opção C) */
.x-btn.do-tile {
    background-image: none;
    border: 1px solid #DDE3EA;
    background-color: #FFFFFF;
}

    .x-btn.do-tile .x-btn-inner {
        color: #1C2430;
        font-size: 11px;
        font-weight: 600;
    }

    .x-btn.do-tile .x-btn-glyph {
        font-size: 16px;
        color: #5A6676;
    }

    .x-btn.do-tile.x-btn-disabled {
        opacity: .45;
    }

.x-btn.do-tile-consulta {
    background-color: rgba(210,122,28,.12);
    border-color: rgba(210,122,28,.33);
}

    .x-btn.do-tile-consulta.x-btn-over {
        background-color: rgba(210,122,28,.20);
        border-color: rgba(210,122,28,.55);
    }

    .x-btn.do-tile-consulta.x-btn-pressed {
        background-color: rgba(210,122,28,.28);
    }

    .x-btn.do-tile-consulta .x-btn-glyph {
        color: #D27A1C;
    }

.x-btn.do-tile-cirurgia {
    background-color: rgba(91,107,192,.12);
    border-color: rgba(91,107,192,.33);
}

    .x-btn.do-tile-cirurgia.x-btn-over {
        background-color: rgba(91,107,192,.20);
        border-color: rgba(91,107,192,.55);
    }

    .x-btn.do-tile-cirurgia.x-btn-pressed {
        background-color: rgba(91,107,192,.28);
    }

    .x-btn.do-tile-cirurgia .x-btn-glyph {
        color: #5B6BC0;
    }

.x-btn.do-tile-vacina {
    background-color: rgba(46,158,91,.12);
    border-color: rgba(46,158,91,.33);
}

    .x-btn.do-tile-vacina.x-btn-over {
        background-color: rgba(46,158,91,.20);
        border-color: rgba(46,158,91,.55);
    }

    .x-btn.do-tile-vacina.x-btn-pressed {
        background-color: rgba(46,158,91,.28);
    }

    .x-btn.do-tile-vacina .x-btn-glyph {
        color: #2E9E5B;
    }

.x-btn.do-tile-internacao {
    background-color: rgba(46,134,193,.12);
    border-color: rgba(46,134,193,.33);
}

    .x-btn.do-tile-internacao.x-btn-over {
        background-color: rgba(46,134,193,.20);
        border-color: rgba(46,134,193,.55);
    }

    .x-btn.do-tile-internacao.x-btn-pressed {
        background-color: rgba(46,134,193,.28);
    }

    .x-btn.do-tile-internacao .x-btn-glyph {
        color: #2E86C1;
    }

.x-btn.do-tile-agenda {
    background-color: rgba(31,95,160,.12);
    border-color: rgba(31,95,160,.33);
}

    .x-btn.do-tile-agenda.x-btn-over {
        background-color: rgba(31,95,160,.20);
        border-color: rgba(31,95,160,.55);
    }

    .x-btn.do-tile-agenda.x-btn-pressed {
        background-color: rgba(31,95,160,.28);
    }

    .x-btn.do-tile-agenda .x-btn-glyph {
        color: #1F5FA0;
    }

.x-btn.do-tile-pacote {
    background-color: rgba(142,91,194,.12);
    border-color: rgba(142,91,194,.33);
}

    .x-btn.do-tile-pacote.x-btn-over {
        background-color: rgba(142,91,194,.20);
        border-color: rgba(142,91,194,.55);
    }

    .x-btn.do-tile-pacote.x-btn-pressed {
        background-color: rgba(142,91,194,.28);
    }

    .x-btn.do-tile-pacote .x-btn-glyph {
        color: #8E5BC2;
    }

.x-btn.do-tile-creche {
    background-color: rgba(31,127,175,.12);
    border-color: rgba(31,127,175,.33);
}

    .x-btn.do-tile-creche.x-btn-over {
        background-color: rgba(31,127,175,.20);
        border-color: rgba(31,127,175,.55);
    }

    .x-btn.do-tile-creche.x-btn-pressed {
        background-color: rgba(31,127,175,.28);
    }

    .x-btn.do-tile-creche .x-btn-glyph {
        color: #1F7FAF;
    }

.x-btn.do-tile-exame {
    background-color: rgba(194,87,122,.12);
    border-color: rgba(194,87,122,.33);
}

    .x-btn.do-tile-exame.x-btn-over {
        background-color: rgba(194,87,122,.20);
        border-color: rgba(194,87,122,.55);
    }

    .x-btn.do-tile-exame.x-btn-pressed {
        background-color: rgba(194,87,122,.28);
    }

    .x-btn.do-tile-exame .x-btn-glyph {
        color: #C2577A;
    }

.x-btn.do-tile-hospedagem {
    background-color: rgba(26,156,140,.12);
    border-color: rgba(26,156,140,.33);
}

    .x-btn.do-tile-hospedagem.x-btn-over {
        background-color: rgba(26,156,140,.20);
        border-color: rgba(26,156,140,.55);
    }

    .x-btn.do-tile-hospedagem.x-btn-pressed {
        background-color: rgba(26,156,140,.28);
    }

    .x-btn.do-tile-hospedagem .x-btn-glyph {
        color: #1A9C8C;
    }

.x-btn.do-tile-procedimentos {
    background-color: rgba(163,58,58,.12);
    border-color: rgba(163,58,58,.33);
}

    .x-btn.do-tile-procedimentos.x-btn-over {
        background-color: rgba(163,58,58,.20);
        border-color: rgba(163,58,58,.55);
    }

    .x-btn.do-tile-procedimentos.x-btn-pressed {
        background-color: rgba(163,58,58,.28);
    }

    .x-btn.do-tile-procedimentos .x-btn-glyph {
        color: #A33A3A;
    }

.x-btn.do-tile-vermifugo {
    background-color: rgba(138,122,58,.12);
    border-color: rgba(138,122,58,.33);
}

    .x-btn.do-tile-vermifugo.x-btn-over {
        background-color: rgba(138,122,58,.20);
        border-color: rgba(138,122,58,.55);
    }

    .x-btn.do-tile-vermifugo.x-btn-pressed {
        background-color: rgba(138,122,58,.28);
    }

    .x-btn.do-tile-vermifugo .x-btn-glyph {
        color: #8A7A3A;
    }

.x-btn.do-tile-orcamento {
    background-color: rgba(180,83,9,.12);
    border-color: rgba(180,83,9,.33);
}

    .x-btn.do-tile-orcamento.x-btn-over {
        background-color: rgba(180,83,9,.20);
        border-color: rgba(180,83,9,.55);
    }

    .x-btn.do-tile-orcamento.x-btn-pressed {
        background-color: rgba(180,83,9,.28);
    }

    .x-btn.do-tile-orcamento .x-btn-glyph {
        color: #B45309;
    }

.x-btn.do-tile-documento {
    background-color: rgba(90,102,118,.12);
    border-color: rgba(90,102,118,.33);
}

    .x-btn.do-tile-documento.x-btn-over {
        background-color: rgba(90,102,118,.20);
        border-color: rgba(90,102,118,.55);
    }

    .x-btn.do-tile-documento.x-btn-pressed {
        background-color: rgba(90,102,118,.28);
    }

    .x-btn.do-tile-documento .x-btn-glyph {
        color: #5A6676;
    }

.x-btn.do-tile-digital {
    background-color: rgba(90,102,118,.12);
    border-color: rgba(90,102,118,.33);
}

    .x-btn.do-tile-digital.x-btn-over {
        background-color: rgba(90,102,118,.20);
        border-color: rgba(90,102,118,.55);
    }

    .x-btn.do-tile-digital.x-btn-pressed {
        background-color: rgba(90,102,118,.28);
    }

    .x-btn.do-tile-digital .x-btn-glyph {
        color: #5A6676;
    }

/* Estado vazio de grid (cls: 'do-grid-vazio' + emptyText com .do-vazio) */
.do-ui .do-grid-vazio .x-grid-empty {
    padding: 0;
    height: 100%;
}

.do-ui .do-vazio {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 56px 24px;
    min-height: 220px;
    box-sizing: border-box;
    background: repeating-linear-gradient(135deg, #F7F9FB 0 12px, #F3F5F8 12px 24px);
    color: #5A6676;
}

.do-ui .do-vazio-ico {
    font-family: FontAwesome;
    font-size: 30px;
    line-height: 64px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #E6EEF7;
    color: #1F5FA0;
    margin-bottom: 14px;
}

.do-ui .do-vazio-tit {
    font-size: 15px;
    font-weight: 600;
    color: #1C2430;
    margin-bottom: 6px;
}

.do-ui .do-vazio-sub {
    font-size: 12px;
    max-width: 380px;
    line-height: 1.5;
}

/* Card pet + tutor (coluna esquerda) */
.do-seg-card {
    font-family: inherit;
    background: #FFFFFF;
    border-bottom: 1px solid #DDE3EA;
    color: #1C2430;
}

.do-seg-pet {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 14px 10px;
}

.do-seg-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #E6EEF6;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .do-seg-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .do-seg-avatar span {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 17px;
        color: #5D7896;
    }

.do-seg-pet-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.do-seg-linha {
    display: flex;
    align-items: baseline;
    gap: 6px;
    white-space: nowrap;
    overflow: hidden;
}

.do-seg-nome {
    font-size: 17px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}

.do-seg-nome-tutor {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
}

.do-seg-card .do-hdr-id {
    font-size: 12px;
    color: #8692A2;
}

.do-seg-card .do-hdr-cap {
    font-size: 11px;
    font-weight: 700;
    color: #8692A2;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.do-seg-l1 {
    font-size: 12px;
    color: #5A6676;
}

.do-seg-l2 {
    font-size: 12px;
    color: #8692A2;
}

.do-seg-card .do-hdr-cel::before {
    content: '\f232';
    font-family: FontAwesome;
    color: #2E9E5B;
    margin-right: 4px;
}

.do-seg-banner {
    margin: 0 14px 10px;
    padding: 8px 10px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 12px;
    line-height: 1.4;
}

    .do-seg-banner .fa {
        font-size: 14px;
        margin-top: 1px;
    }

.do-seg-banner-alerta {
    background: #FBE7E7;
    border: 1px solid #F0C4C4;
    color: #7E2626;
}

.do-seg-banner-obito {
    background: #EEF1F5;
    border: 1px solid #C5CEDA;
    color: #1C2430;
}

.do-seg-banner-oculto {
    display: none;
}

.do-seg-banner-txt {
    max-height: 74px;
    overflow: auto;
    margin-top: 2px;
}

.do-seg-grade {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    padding: 0 14px 12px;
    font-size: 12px;
}

.do-seg-rot {
    font-size: 10px;
    font-weight: 700;
    color: #8692A2;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.do-seg-vazio {
    color: #9AA5B3;
}

.do-seg-tutor {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    border-top: 1px solid #EEF1F5;
}

.do-seg-atu {
    font-size: 11px;
    color: #9AA5B3;
    margin-top: 4px;
}

/* Óbito: card acinzentado */
.do-seg-obito .do-seg-pet, .do-seg-obito .do-seg-grade, .do-seg-obito .do-seg-tutor {
    opacity: .55;
    filter: grayscale(100%);
}

/* Linha do tempo */
.do-seg-tipo {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
}

.do-seg-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}
/* Futuros (FUTURO = 1): fundo amarelo suave + faixa à esquerda, mantendo a leitura do "amarelo" antigo */
.do-ui .do-grid .do-row-futuro .x-grid-td {
    background-color: #FFFAE6;
}

    .do-ui .do-grid .do-row-futuro .x-grid-td:first-child {
        box-shadow: inset 3px 0 0 #E0A800;
    }

.do-ui .do-grid .do-row-futuro.x-grid-item-over .x-grid-td {
    background-color: #FFF4CC;
}

.do-ui .do-grid .do-row-futuro.x-grid-item-selected .x-grid-td {
    background-color: #FCEFC0;
}

.do-ui .do-cell-date .do-tag-futuro {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: #8A6100;
}

.do-ui .do-grid .do-row-divisor .x-grid-td {
    border-top: 2px solid #1F5FA0;
}

/* ==========================================================================
   Mural — resumo do dia (Mural.js) — zatta 15/10/2026
   ========================================================================== */
.do-ui .do-mural-hdr {
    padding: 8px 12px;
}

.do-ui .do-mural-titulo {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #1C2430;
    line-height: 20px;
}

.do-ui .do-mural-data {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #8692A2;
    line-height: 16px;
}

/* Cabeçalho dos grupos (feature grouping) */
.do-ui .do-mural .x-grid-group-hd {
    background: #F7F9FB;
    background-image: none;
    border-top: 1px solid #DDE3EA;
    border-bottom: 1px solid #DDE3EA;
    padding: 8px 10px;
}

.do-ui .do-mural .x-grid-group-title {
    color: #1C2430;
}

.do-ui .do-mural-grupo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.do-ui .do-mural-grupo-ico {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
}

.do-ui .do-mural-grupo-nome {
    font-size: 13px;
    font-weight: 600;
    color: #1C2430;
}

.do-ui .do-mural-grupo-total {
    margin-left: auto;
    font-size: 13px;
    font-weight: 700;
    color: #1C2430;
    font-variant-numeric: tabular-nums;
    padding-right: 50px;
}

/* Células */
.do-ui .do-mural-pet b {
    display: block;
    font-weight: 600;
    color: #1C2430;
}

.do-ui .do-mural-pet span {
    display: block;
    font-size: 11px;
    color: #8692A2;
}

.do-ui .do-mural-contato {
    font-size: 12px;
    line-height: 17px;
}

.do-ui .do-mural .do-hdr-cel::before {
    content: '\f232';
    font-family: FontAwesome;
    color: #2E9E5B;
    margin-right: 4px;
}

.do-ui .do-mural .do-mural-desc .x-grid-cell-inner {
    white-space: normal;
    line-height: 17px;
}

.do-ui .do-mural .do-mural-desc u {
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    color: #8692A2;
    text-transform: uppercase;
    letter-spacing: .05em;
}

/* Fieldset no padrão (cls: 'do-fieldset') — usado no aviso por SMS e no bloco de medicamento */
.do-ui .x-fieldset.do-fieldset {
    background: #FFFFFF;
    border: 1px solid #DDE3EA;
    padding: 4px 12px 8px;
}

.do-ui .do-fieldset .x-fieldset-header-text {
    font-size: 11px;
    font-weight: 700;
    color: #5A6676;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.do-ui .do-fieldset .x-form-item-label-text {
    font-size: 12px;
    color: #5A6676;
}

/* Coluna de ações fixa à direita (tdCls 'do-col-fixa' / cls 'do-col-fixa-hdr') */
.do-ui .do-grid .do-col-fixa {
    position: sticky;
    right: 0;
    z-index: 2;
    background-color: #FFFFFF;
    box-shadow: -6px 0 6px -6px rgba(28, 36, 48, .25);
}

.do-ui .do-grid .do-col-fixa-hdr {
    z-index: 3;
    background-color: #F7F9FB;
    box-shadow: -6px 0 6px -6px rgba(28, 36, 48, .25);
}

/* ==========================================================================
   Documentos (VetAni_winTabDocs — cls 'do-docs') — zatta 15/10/2026
   Escopo próprio (.do-docs) porque a aba também aparece no cadastro do animal
   ========================================================================== */
.do-docs .x-toolbar {
    background: #FFFFFF;
    background-image: none;
    border-bottom: 1px solid #DDE3EA;
    padding: 6px 10px;
}

.do-docs .group {
    background: #FFFFFF;
    border: 1px solid #DDE3EA;
    margin: 12px 12px 0;
    border-radius: 0;
    box-shadow: none;
}

.do-docs .group-title {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    cursor: pointer;
    background: #FFFFFF;
    background-image: none;
    border: 0;
    border-bottom: 1px solid #EEF1F5;
    font-size: 13px;
    font-weight: 600;
    color: #1C2430;
}

    .do-docs .group-title:hover {
        background: #F7FAFE;
    }

    .do-docs .group-title:has(+ .group-items.collapsed) {
        border-bottom: 0;
    }

.do-docs .group-toggle-icon {
    font-size: 0;
    width: 14px;
    display: inline-flex;
    justify-content: center;
}

    .do-docs .group-toggle-icon::before {
        content: '\f078';
        font-family: FontAwesome;
        font-size: 11px;
        color: #8692A2;
        display: inline-block;
        transition: transform .15s;
    }

.do-docs .group-title:has(+ .group-items.collapsed) .group-toggle-icon::before {
    transform: rotate(-90deg);
}

.do-docs .do-doc-qtd {
    margin-left: auto;
    font-size: 11px;
    font-weight: 600;
    color: #5A6676;
    background: #EEF1F5;
    padding: 2px 8px;
    border-radius: 999px;
}

.do-docs .group-items.collapsed {
    display: none;
}

.do-docs .tile-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 10px;
    padding: 12px;
}

.do-docs .tile-item {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: start;
    gap: 10px 10px;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    float: none;
    padding: 12px;
    background: #FFFFFF;
    border: 1px solid #DDE3EA;
    border-radius: 0;
    box-shadow: none;
    cursor: default;
}

    .do-docs .tile-item:hover {
        border-color: #9DB6D3;
        background: #FBFDFF;
    }

.do-docs .do-doc-ico {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EAF2FB;
    color: #1F5FA0;
    font-size: 14px;
    border-radius: 50%;
}

.do-docs .tile-name {
    font-size: 13px;
    font-weight: 600;
    color: #1C2430;
    line-height: 18px;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 36px;
    padding: 0;
    margin: 0;
}

.do-docs .tile-buttons {
    grid-column: 1 / -1;
    display: flex;
    gap: 6px;
    margin: 0;
    padding: 0;
    position: static;
}

.do-docs .tile-btn {
    flex: 1;
    height: 28px;
    padding: 0 6px;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: #FFFFFF;
    background-image: none;
    border: 1px solid #C5CEDA;
    border-radius: 0;
    box-shadow: none;
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    color: #1C2430;
    cursor: pointer;
}

    .do-docs .tile-btn:hover {
        background: #F7FAFE;
        border-color: #9DB6D3;
    }

    .do-docs .tile-btn i {
        font-size: 13px;
        color: #5A6676;
    }

    .do-docs .tile-btn.action-edit i {
        color: #1F5FA0;
    }

    .do-docs .tile-btn.action-delete i {
        color: #8E5BC2;
    }

    .do-docs .tile-btn.action-info i {
        color: #1A9C8C;
    }

/* Aba "Fixos": botões neutros (forma do Ext) */
.do-docs-fixos .x-btn {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #DDE3EA;
}

    .do-docs-fixos .x-btn .x-btn-inner {
        color: #1C2430;
        font-weight: 500;
    }

    .do-docs-fixos .x-btn.x-btn-over {
        background-color: #F7FAFE;
        border-color: #9DB6D3;
    }

/* ==========================================================================
   dodropzone — arrastar/soltar arquivo (DocDig.js) — zatta 15/10/2026
   ========================================================================== */
.do-drop {
    background: #FFFFFF;
    border: 2px dashed #C5CEDA;
    cursor: pointer;
    transition: border-color .15s, background-color .15s;
}

    .do-drop:hover {
        border-color: #9DB6D3;
        background: #FBFDFF;
    }

    .do-drop.is-over {
        border-color: #1F5FA0;
        background: #EAF2FB;
    }

    .do-drop.com-erro {
        border-color: #E3A0A0;
    }

    .do-drop.tem-arquivo {
        border-style: solid;
        cursor: default;
    }

.do-drop-vazio {
    padding: 22px 16px;
    text-align: center;
    font-size: 13px;
    color: #5A6676;
    line-height: 20px;
}

    .do-drop-vazio b {
        color: #1C2430;
    }

.do-drop-ico {
    display: block;
    font-family: FontAwesome;
    font-size: 30px;
    color: #9DB6D3;
    margin-bottom: 6px;
    line-height: 1;
}

.do-drop.is-over .do-drop-ico {
    color: #1F5FA0;
}

.do-drop-link {
    color: #1F5FA0;
    text-decoration: underline;
}

.do-drop-dica {
    font-size: 11px;
    color: #8692A2;
    margin-top: 4px;
}

.do-drop-arq {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
}

.do-drop-arq-ico {
    font-family: FontAwesome;
    font-size: 26px;
    line-height: 1;
    width: 28px;
    text-align: center;
    flex-shrink: 0;
}

.do-drop-arq-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .do-drop-arq-info b {
        font-size: 13px;
        color: #1C2430;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .do-drop-arq-info span {
        font-size: 11px;
        color: #8692A2;
    }

.do-drop-arq a {
    font-size: 12px;
    color: #1F5FA0;
    text-decoration: none;
    padding: 4px 6px;
}

    .do-drop-arq a:hover {
        text-decoration: underline;
    }

    .do-drop-arq a.do-drop-rem {
        color: #A33A3A;
    }

.do-drop-erro {
    border-top: 1px solid #F0C4C4;
    background: #FBE7E7;
    color: #7E2626;
    font-size: 12px;
    padding: 6px 12px;
}

/**
 * The Initial Developer of the Original Code is Sean McDaniel <sean@mcdconsulting.com>
 * Copyright(c) 2010, http://www.mcdconsultingllc.com Licensed under the terms
 * of the Open Source LGPL 3.0 http://www.gnu.org/licenses/lgpl.html
 * @see https://github.com/steelThread/ExtJs-ToggleSlide
 *
 * @author Harald Hanek (c) 2011-2012
 * @license http://harrydeluxe.mit-license.org
 */
.x-toggle-slide-container, .x-toggle-slide-container label {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.x-toggle-slide-disabled {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.x-toggle-slide-container {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	height: 23px;
	cursor: pointer;
	overflow: hidden;
}

.x-toggle-slide-container div.holder {

	height: 23px;
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;

}

.x-toggle-slide-container label {
	white-space: nowrap;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	clear: both;
	-moz-box-shadow: inset -2px 2px 10px -5px black;
	-webkit-box-shadow: inset -2px 2px 10px -5px black;
	box-shadow: inset -2px 2px 10px -5px black;
	height: 23px;
	width: auto;
	padding-top: 3px;
	overflow: hidden;
}

label.x-toggle-slide-label-on {
	background: #5EA2DA;
	color: #F7FAFD;
	text-shadow: 0px 0px 2px #364A5D;
}

label.x-toggle-slide-label-on span {
	padding-left: 8px;
}

label.x-toggle-slide-label-off {
	background: #D5D6D6;
	color: #929496;
	text-shadow: 1px 0px 1px #fff;
	text-align: right;
}

label.x-toggle-slide-label-off span {
	padding-right: 8px;
}

.x-toggle-slide-thumb {

	display: block;
	height: 23px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

	border: 1px solid #999999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	padding-left: 3px;
}

.x-item-disabled .x-toggle-slide-label-on span {
	color: white !important;
}

.x-item-disabled .x-toggle-slide-label-off span {
	color: gray !important;
}

.x-toolbar .x-toggle-slide-container label {
	font-size: 12px !important;
	
	height: 17px;
	padding-top: 1px;
}

.x-toolbar .x-toggle-slide-container {
	height: 17px;
}

.x-toolbar .x-toggle-slide-container div.holder {

	height: 17px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.x-toolbar label.x-toggle-slide-label-on {

}

.x-toolbar label.x-toggle-slide-label-on span {
	padding-left: 6px;
}

.x-toolbar label.x-toggle-slide-label-off {

}

.x-toolbar label.x-toggle-slide-label-off span {
	padding-right: 6px;
}

.x-toolbar .x-toggle-slide-thumb {
	height: 17px;
}

.x-toolbar-right .x-toggle-slide-label-on {
	text-align: left;
}






.x-field .x-toggle-slide-container label {
	font-size: 12px !important;
	
	height: 18px;
	padding-top: 1px;
}

.x-field .x-toggle-slide-container {
	height: 18px;
}

.x-field .x-toggle-slide-container div.holder {

	height: 18px;
}

.x-field label.x-toggle-slide-label-on {

}

.x-field label.x-toggle-slide-label-on span {
	padding-left: 6px;
}

.x-field label.x-toggle-slide-label-off {

}

.x-field label.x-toggle-slide-label-off span {
	padding-right: 6px;
}

.x-field .x-toggle-slide-thumb {
	height: 18px;
}

.x-toolbar-right .x-toggle-slide-label-on {
	text-align: left;
}

/* line 4, ../sass/_offline-theme-base.sass */
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 7, ../sass/_offline-theme-base.sass */
.offline-ui {
  display: none;
  position: fixed;
  background: white;
  z-index: 2000;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
}
/* line 17, ../sass/_offline-theme-base.sass */
.offline-ui .offline-ui-content:before {
  display: inline;
}
/* line 20, ../sass/_offline-theme-base.sass */
.offline-ui .offline-ui-retry {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: none;
}
/* line 24, ../sass/_offline-theme-base.sass */
.offline-ui .offline-ui-retry:before {
  display: inline;
}
/* line 29, ../sass/_offline-theme-base.sass */
.offline-ui.offline-ui-up.offline-ui-up-5s {
  display: block;
}
/* line 32, ../sass/_offline-theme-base.sass */
.offline-ui.offline-ui-down {
  display: block;
}
/* line 37, ../sass/_offline-theme-base.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
  display: block;
}
/* line 42, ../sass/_offline-theme-base.sass */
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
  display: none;
}

@-webkit-keyframes offline-dropin {
  /* line 40, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 0;
  }

  /* line 43, ../sass/_keyframes.sass */
  1% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 0;
  }

  /* line 48, ../sass/_keyframes.sass */
  2% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 1;
  }

  /* line 51, ../sass/_keyframes.sass */
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes offline-dropin {
  /* line 40, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 0;
  }

  /* line 43, ../sass/_keyframes.sass */
  1% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 0;
  }

  /* line 48, ../sass/_keyframes.sass */
  2% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 1;
  }

  /* line 51, ../sass/_keyframes.sass */
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes offline-dropin {
  /* line 40, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 0;
  }

  /* line 43, ../sass/_keyframes.sass */
  1% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 0;
  }

  /* line 48, ../sass/_keyframes.sass */
  2% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 1;
  }

  /* line 51, ../sass/_keyframes.sass */
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes offline-dropin {
  /* line 40, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 0;
  }

  /* line 43, ../sass/_keyframes.sass */
  1% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 0;
  }

  /* line 48, ../sass/_keyframes.sass */
  2% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 1;
  }

  /* line 51, ../sass/_keyframes.sass */
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes offline-dropin {
  /* line 40, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 0;
  }

  /* line 43, ../sass/_keyframes.sass */
  1% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 0;
  }

  /* line 48, ../sass/_keyframes.sass */
  2% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 1;
  }

  /* line 51, ../sass/_keyframes.sass */
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes offline-dropout {
  /* line 57, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  /* line 59, ../sass/_keyframes.sass */
  100% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
  }
}

@-moz-keyframes offline-dropout {
  /* line 57, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  /* line 59, ../sass/_keyframes.sass */
  100% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
  }
}

@-ms-keyframes offline-dropout {
  /* line 57, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  /* line 59, ../sass/_keyframes.sass */
  100% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
  }
}

@-o-keyframes offline-dropout {
  /* line 57, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  /* line 59, ../sass/_keyframes.sass */
  100% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
  }
}

@keyframes offline-dropout {
  /* line 57, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  /* line 59, ../sass/_keyframes.sass */
  100% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
  }
}

@-webkit-keyframes offline-rotation {
  /* line 64, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  /* line 66, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}

@-moz-keyframes offline-rotation {
  /* line 64, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  /* line 66, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}

@-ms-keyframes offline-rotation {
  /* line 64, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  /* line 66, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}

@-o-keyframes offline-rotation {
  /* line 64, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  /* line 66, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}

@keyframes offline-rotation {
  /* line 64, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  /* line 66, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}

/* line 21, ../sass/offline-theme-slide.sass */
.offline-ui {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  font-family: "Helvetica Neue", sans-serif;
  padding: 1em;
  width: 38em;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 38em) {
  /* line 21, ../sass/offline-theme-slide.sass */
  .offline-ui {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
}
/* line 32, ../sass/offline-theme-slide.sass */
.offline-ui .offline-ui-retry {
  position: absolute;
  right: 3em;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: inherit;
  line-height: 3.5em;
  height: 3.5em;
  margin: auto;
  padding: 0 1em;
}
/* line 45, ../sass/offline-theme-slide.sass */
.offline-ui.offline-ui-up {
  -webkit-animation: offline-dropout forwards 0.5s 2s;
  -moz-animation: offline-dropout forwards 0.5s 2s;
  -ms-animation: offline-dropout forwards 0.5s 2s;
  -o-animation: offline-dropout forwards 0.5s 2s;
  animation: offline-dropout forwards 0.5s 2s;
  -webkit-backface-visibility: hidden;
  background: #d6e9c6;
  color: #468847;
}
/* line 50, ../sass/offline-theme-slide.sass */
.offline-ui.offline-ui-down {
  -webkit-animation: offline-dropin 0.5s;
  -moz-animation: offline-dropin 0.5s;
  -ms-animation: offline-dropin 0.5s;
  -o-animation: offline-dropin 0.5s;
  animation: offline-dropin 0.5s;
  -webkit-backface-visibility: hidden;
  background: #ec8787;
  color: #551313;
}
/* line 55, ../sass/offline-theme-slide.sass */
.offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting {
  background: #f8ecad;
  color: #7c6d1f;
  padding-right: 3em;
}
/* line 60, ../sass/offline-theme-slide.sass */
.offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after {
  -webkit-animation: offline-rotation 0.7s linear infinite;
  -moz-animation: offline-rotation 0.7s linear infinite;
  -ms-animation: offline-rotation 0.7s linear infinite;
  -o-animation: offline-rotation 0.7s linear infinite;
  animation: offline-rotation 0.7s linear infinite;
  -webkit-backface-visibility: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: " ";
  display: block;
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
  width: 1em;
  border: 2px solid rgba(0, 0, 0, 0);
  border-top-color: #7c6d1f;
  border-left-color: #7c6d1f;
  opacity: 0.7;
}
/* line 77, ../sass/offline-theme-slide.sass */
.offline-ui.offline-ui-down.offline-ui-waiting {
  padding-right: 11em;
}
/* line 80, ../sass/offline-theme-slide.sass */
.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s {
  padding-right: 0;
}

/* line 5, ../sass/offline-language-portuguese-brazil-indicator.sass */
.offline-ui.offline-ui-up .offline-ui-content:before {
  content: "Conectado";
}
/* line 10, ../sass/offline-language-portuguese-brazil-indicator.sass */
.offline-ui.offline-ui-down .offline-ui-content:before {
  content: "Desconectado";
}

@charset "UTF-8";
/* line 6, ../sass/_content.sass */
.offline-ui .offline-ui-retry:before {
  content: "Reconectar";
}
/* line 11, ../sass/_content.sass */
.offline-ui.offline-ui-up .offline-ui-content:before {
  content: "Seu computador está conectado à internet.";
}
@media (max-width: 1024px) {
  /* line 11, ../sass/_content.sass */
  .offline-ui.offline-ui-up .offline-ui-content:before {
    content: "O dispositivo está conectado à internet.";
  }
}
@media (max-width: 568px) {
  /* line 11, ../sass/_content.sass */
  .offline-ui.offline-ui-up .offline-ui-content:before {
    content: "O dispositivo está conectado.";
  }
}
/* line 22, ../sass/_content.sass */
.offline-ui.offline-ui-down .offline-ui-content:before {
  content: "O computador perdeu sua conexão com a internet.";
}
@media (max-width: 1024px) {
  /* line 22, ../sass/_content.sass */
  .offline-ui.offline-ui-down .offline-ui-content:before {
    content: "O dispositivo perdeu sua conexão com a internet.";
  }
}
@media (max-width: 568px) {
  /* line 22, ../sass/_content.sass */
  .offline-ui.offline-ui-down .offline-ui-content:before {
    content: "Seu dispositivo não está conectado.";
  }
}
/* line 33, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
  content: "Tentando reconectar...";
}
/* line 42, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
  content: "Conexão perdida. Reconectando em " attr(data-retry-in-value) " segundos...";
}
@media (max-width: 568px) {
  /* line 42, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
    content: "Reconectando em " attr(data-retry-in-value) "s...";
  }
}
/* line 50, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
  content: "Conexão perdida. Reconectando em " attr(data-retry-in-value) " segundo...";
}
@media (max-width: 568px) {
  /* line 50, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
    content: "Reconectando em " attr(data-retry-in-value) "s...";
  }
}
/* line 58, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
  content: "Conexão perdida. Reconectando em " attr(data-retry-in-value) " minutos...";
}
@media (max-width: 568px) {
  /* line 58, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
    content: "Reconectando em " attr(data-retry-in-value) "m...";
  }
}
/* line 66, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
  content: "Conexão perdida. Reconectando em " attr(data-retry-in-value) " minuto...";
}
@media (max-width: 568px) {
  /* line 66, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
    content: "Reconectando em " attr(data-retry-in-value) "m...";
  }
}
/* line 74, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
  content: "Conexão perdida. Reconectando em " attr(data-retry-in-value) " horas...";
}
@media (max-width: 568px) {
  /* line 74, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
    content: "Reconectando em " attr(data-retry-in-value) "h...";
  }
}
/* line 82, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
  content: "Conexão perdida. Reconectando em " attr(data-retry-in-value) " hora...";
}
@media (max-width: 568px) {
  /* line 82, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
    content: "Reconectando em " attr(data-retry-in-value) "h...";
  }
}
/* line 90, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
  display: none;
}
/* line 93, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
  content: "Tentativa de conexão falhou.";
}

/***
Spectrum Colorpicker v1.8.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.printModal{font-family:sans-serif;display:flex;text-align:center;font-weight:300;font-size:30px;left:0;top:0;position:absolute;color:#0460b5;width:100%;height:100%;background-color:rgba(255,255,255,.91)}.printClose{position:absolute;right:10px;top:10px}