/*
 _______________
  Hello Team CA
 ---------------
        \\  ^__^
         \\ (oo)\\_______
            (__)\\       )\\/\\
               ||----W |
               ||     ||
 */

/* @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed); */
/* FREE GOOGLE FONT */
/* cyrillic-ext */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('../../../../static/fonts/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('../../../../static/fonts/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2') format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('../../../../static/fonts/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('../../../../static/fonts/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2') format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('../../../../static/fonts/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('../../../../static/fonts/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('../../../../static/fonts/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../static/fonts/roboto/v20/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../static/fonts/roboto/v20/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../static/fonts/roboto/v20/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../static/fonts/roboto/v20/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2') format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../static/fonts/roboto/v20/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../static/fonts/roboto/v20/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../static/fonts/roboto/v20/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
##############################
# INCLUIR NOVOS ITENS ABAIXO ####
####################################
*/

body {
    /* font-family   : "Roboto", "Trebuchet MS", Arial, sans-serif; */
    /* font-family      : 'Roboto', sans-serif; */
    /* font-family: 'Roboto Condensed', sans-serif; */
    /* font-family   : 'Roboto Mono', monospace; */
    font-family: 'Roboto Condensed', 'Roboto';
    /* font-family: 'Roboto Condensed', 'Roboto', 'Roboto Slab', serif; */
    /* line-height   : 1.875rem; */
    /* font-size     : 1.25rem; */
    /* (+) */
}

html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}

#navbarPrincipal.navbar-collapse .navbar-sidenav>.nav-item .sidenav-second-level>li>a:focus,
#navbarPrincipal.navbar-collapse .navbar-sidenav>.nav-item .sidenav-second-level>li>a:hover,
#navbarPrincipal.navbar-collapse .navbar-sidenav>.nav-item .sidenav-third-level>li>a:focus,
#navbarPrincipal.navbar-collapse .navbar-sidenav>.nav-item .sidenav-third-level>li>a:hover {
    color: #f9f9f9;
    background-color: #2e363f !important;
}

.logo {
    /* margin-left: 0.0625rem !important; */
    position: relative;
}

#logo {
    height: auto;
    width: 8rem;
    /*background-size: contain;*/
    text-decoration: none;
    /* margin-left   : -2.5rem; */
    margin-top: 0rem;
}

#logo a:hover {
    text-decoration: none;
}

.night-mode {
    background: #343A40 !important;
}

.night-mode-page {
    background: #444444 !important;
}

.night-mode-font {
    color: #C2C2C2 !important;
}

.night-mode-icon {
    color: #444444 !important;
}

/*remover as setinhas (spinners) do <input type="number">*/
/* Chrome, Safari, Edge (WebKit) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


.float {
    position: fixed;
    width: 4rem;
    height: 4rem;
    bottom: 1.625rem;
    right: 1.25rem;
    color: #FFFFFF;
    border-radius: 3.125rem;
    text-align: center;
    /* box-shadow: 0 0.25rem 0.25rem #999999; */
    z-index: 999;
}

.float-impressao {
    position: fixed;
    width: 4rem;
    height: 4rem;
    bottom: 6.25rem;
    right: 1.25rem;
    color: #FFFFFF;
    border-radius: 3.125rem;
    text-align: center;
    /* box-shadow: 0 0.25rem 0.25rem #999999; */
    z-index: 999;
}

.float-afaturar {
    position: fixed;
    width: 4rem;
    height: 4rem;
    bottom: 1.625rem;
    right: 6.25rem;
    color: #FFFFFF;
    border-radius: 3.125rem;
    text-align: center;
    /* box-shadow: 0 0.25rem 0.25rem #999999; */
    z-index: 999;
}

.carrinho-float {
    position: absolute;
    left: 0.75rem;
}

.elemento-float {
    position: absolute;
    left: 0.7rem;
}

/*sem badge*/

.my-float {
    margin-top: 1.3rem;
    margin-left: .2rem;
}

/*com badge*/

.my-floatb {
    top: -1rem;
    left: 0.875rem;
}

.bola-com-carrinho {
    position: inherit;
}

.badge-notify {
    position: relative;
    top: -1.25rem;
    left: -0.875rem;
}

.badge-notify-float-right {
    position: relative;
    top: -0.5rem;
    right: 0.25rem;
    /*position: absolute;*/
    /*top: -0.25rem;*/
    /*right: -0.4375rem;*/
}

.badge-notify-float {
    position: absolute;
    top: 0.125rem;
    left: 3rem;
    top: -0.3125rem;
    left: 2.5625rem;
}

.badge-pill-g {
    padding: 0.26875rem 0.4375rem;
    white-space: nowrap;
    border-radius: 0.625rem;
}

.icon-svg {
    width: 2.7em;
    height: auto;
    margin-top: 0.5625rem;
}

.text-contrast {
    background: #343A40 !important;
}

.text-dark {
    color: #444444 !important;
}


/*inicio step progress bar*/

.bs-wizard {
    margin-top: 1.25rem;
}

/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 0 #E0E0E0;
    padding: 0rem 0rem 0.5rem 0rem;
}

.bs-wizard>.bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 1rem;
    margin-bottom: 0.3125rem;
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
    color: #999999;
    font-size: 0.875rem;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    display: block;
    background: #FFD400;
    top: 2.8125rem;
    left: 50%;
    margin-top: -0.9375rem;
    margin-left: -0.9375rem;
    border-radius: 50%;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
    content: ' ';
    width: 0.875rem;
    height: 0.875rem;
    background: #FFFFFF;
    border-radius: 3.125rem;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
}


/*.bs-wizard > .bs-wizard-step > .progress {*/


/*position: relative;*/


/*border-radius: 0;*/


/*height: 0.25rem;*/


/*box-shadow: none;*/


/*margin: 1.25rem 0;*/


/*}*/

.bs-wizard>.bs-wizard-step>.progress {
    position: relative;
    border-radius: 0;
    height: 0.5625rem;
    box-shadow: none;
    margin: 1.375rem 0;
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
    width: 0;
    box-shadow: none;
    background: #FFD400;
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
    width: 50%;
}

.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
    width: 0%;
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
    background-color: #F5F5F5;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
    left: 50%;
    width: 50%;
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
    width: 50%;
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}

.mao-link {
    cursor: pointer;
}

.azul-comum {
    color: #fff;
    background-image: linear-gradient(to bottom, #0083ca 0, #0083ca 100%);
    background-repeat: repeat-x;
    border-color: #0083ca;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.azul1 {
    color: #fff;
    background-image: linear-gradient(to bottom, #00416B 0, #00416B 100%);
    background-repeat: repeat-x;
    border-color: #00416B;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.azul2 {
    background-image: linear-gradient(to bottom, #bee0f4 0, #bee0f4 100%);
    background-repeat: repeat-x;
    border-color: #bee0f4;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.azul3 {
    background-image: linear-gradient(to bottom, #0083CA 0, #0083CA 100%);
    background-repeat: repeat-x;
    border-color: #0083CA;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul4 {
    background-image: linear-gradient(to bottom, #3F99D3 0, #3F99D3 100%);
    background-repeat: repeat-x;
    border-color: #3F99D3;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul5 {
    background-image: linear-gradient(to bottom, #007BCA 0, #007BCA 100%);
    background-repeat: repeat-x;
    border-color: #007BCA;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

/*.azul6 {*/
/*    background-image: linear-gradient(to bottom, #16364A 0, #16364A 100%);*/
/*    background-repeat: repeat-x;*/
/*    border-color: #16364A;*/
/*    !* box-shadow       : 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1); *!*/
/*    color: #fff;*/
/*}*/

.azul7 {
    background-image: linear-gradient(to bottom, #005C97 0, #005C97 100%);
    background-repeat: repeat-x;
    border-color: #005C97;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.amarelo4 {
    background-image: linear-gradient(to bottom, #CD992B 0, #CD992B 100%);
    background-repeat: repeat-x;
    border-color: #CD992B;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.amarelo5 {
    background-image: linear-gradient(to bottom, #FFE600 0, #FFE600 100%);
    background-repeat: repeat-x;
    border-color: #FFE600;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.amarelo6 {
    background-image: linear-gradient(to bottom, #FFC20E 0, #FFC20E 100%);
    background-repeat: repeat-x;
    border-color: #FFC20E;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.cinza5 {
    background-image: linear-gradient(to bottom, #f5f5f5 0, #f5f5f5 100%);
    background-repeat: repeat-x;
    border-color: #f5f5f5;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.cinza6 {
    background-image: linear-gradient(to bottom, #dddddd 0, #dddddd 100%);
    background-repeat: repeat-x;
    border-color: #dddddd;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.cinza7 {
    background-image: linear-gradient(to bottom, #D1CCC7 0, #D1CCC7 100%);
    background-repeat: repeat-x;
    border-color: #D1CCC7;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.cinza8 {
    background-image: linear-gradient(to bottom, #BDB4AB 0, #BDB4AB 100%);
    background-repeat: repeat-x;
    border-color: #BDB4AB;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.roxoClaro {
    background-image: linear-gradient(to bottom, #eee8f5 0, #eee8f5 100%);
    background-repeat: repeat-x;
    border-color: #eee8f5;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.vermelho {
    background-image: linear-gradient(to bottom, #660000 0, #660000 100%);
    background-repeat: repeat-x;
    border-color: #660000;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}


/*END Form Wizard*/


/*fim step progress bar*/


/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/

.modal.top .modal-dialog,
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    /* width         : 20rem; */
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.top .modal-content,
.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}


/*.modal.top .modal-body,*/

.modal.left .modal-body,
.modal.right .modal-body {
    overflow: auto;
    overflow-x: hidden;
    /* #-> temp */
}


/*Top*/

.modal.top.fade .modal-dialog {
    top: -48rem;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.top.fade.show .modal-dialog {
    top: 0;
    /* left: auto; */
}


/*Left*/

.modal.left.fade .modal-dialog {
    left: -20rem;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
    left: 0;
}


/*Right*/

.modal.right.fade .modal-dialog {
    right: -20rem;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}


/* ----- MODAL STYLE ----- */

.modal-content {
    border-radius: 0.3rem;
    border: none;
}

.altura-div-carrinho {
    overflow-y: auto;
    overflow-x: hidden;
    height: 98%;
    width: 100%;
    max-height: 100%;
    min-height: 3.5rem;
    /* margin-top   : 0.2em; */
    /* margin-bottom: 0.6em; */
    /*margin-right  : -0.375rem;
    padding         : 0.125rem 0.0625rem 0 -0.0625rem;*/
    padding: 0;
    /* padding: 0rem 0.6rem 0rem 0.6rem; */
}

.botoes-carrinho {
    padding: 0rem .5rem 0rem .5rem;
}


/*.popover {*/


/*max-width: none;*/


/*}*/

.bola-itens-carrinho {
    /*display       : inline-block;*/
    /*padding       : 0.25em 0.4em;*/
    /* font-size    : 90%; */
    /*font-weight   : 700;*/
    /* line-height  : 1; */
    /*text-align    : center;*/
    /*white-space   : nowrap;*/
    /*vertical-align: baseline;*/
    /*border-radius : 0.35rem;*/
    padding: 0.26em 0.44em;
    border-radius: 0.46rem;
    font-size: 90%;
}

.bola-flutuante-impressao {
    background: #0b4477;
    z-index: 1001;
}

.bola-flutuante-impressao:hover {
    background: #072f51;
}

.detalhe-item-carrinho {
    padding: .25em;
}

.remove,
.remove-item-checkout {
    cursor: pointer;
}

.info {
    cursor: pointer;
}

.qtd-itens-badge {
    border-radius: 1rem !important;
}

/*.word-wrap::first-letter {*/


/*text-transform: uppercase;*/


/*}*/

.text-amarelo-correios {
    color: #FFD400;
}

.text-escuro-correios {
    color: #343a40;
}

.radius-default {
    border-radius: 0.8rem !important;
}

.radius-9 {
    border-radius: 1.2rem 1.2rem 1.2rem 1.2rem !important;
}

.radius-top {
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
}

.radius-bottom {
    border-bottom-left-radius: .6rem;
    border-bottom-right-radius: .6rem;
}

.radius-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

.notify-title {
    margin-bottom: 0;
}

.notify-icon {
    position: relative;
}

.menu-header {
    background-color: transparent !important;
}

.config-layout {
    min-width: 7.8rem;
    /* padding      : 0.5rem 0rem 0.3rem 0rem; */
    /* margin       : 0.125rem 0; */
    font-size: 1.6rem;
    background-color: #fff;
}

.largura-config-layout {
    width: 1em !important;
    text-align: center;
}

.dropdown-menu {
    padding: 0.5rem 0 !important;
    margin: 0.6rem 0rem !important;
    border-radius: 0.5rem !important;
    background-color: #f8f9fa;
}

.titulo-servico {
    margin: 0rem 0rem 2.4rem -0.8rem !important;
    font-size: 80%;
    font-weight: 700 !important;
    color: #30526d;
}

.vertical-text {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.logo-acesso-negado {
    width: 7.5rem;
    height: auto;
    left: 2.5rem;
    top: 2.1rem;
}

.logo-acesso-negado-direita {
    width: 2rem;
    height: auto;
}

.logo-acesso-negado-esquerda {
    width: 5rem;
    height: auto;
    transform: rotate(180deg);
}

.texto-azul-claro {
    color: #1082CE;
}

.bg-azul-escuro- {
    background-color: #1082CE;
}

.texto-azul-escuro {
    color: #063A61;
}

.bg-azul-escuro- {
    background-color: #063A61;
}

.full-width-div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
}

.texto-acesso-negado {
    font-weight: 500;
    font-size: 1.2rem;
    color: #212529;
    word-wrap: break-word;
}

.texto-copia-cola {
    font-weight: 500;
    font-size: 3rem !important;
    /* color: #212529; */
    word-wrap: break-word;
}


/* ------------ Clear button styles - inicio ---------- */

.form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    position: absolute;
    left: 68%;
    bottom: 0.5625rem;
}

.form-with-clear input {
    padding-right: 2.3rem;
}

.form-input-clear {
    align-items: center;
    /* background   : #cecece; */
    /* border-radius: 50%; */
    top: 2.7rem;
    color: #a3a3a3;
    cursor: pointer;
    display: flex;
    height: 1.25rem;
    justify-content: center;
    position: absolute;
    right: 1.25rem;
    width: 1.25rem;
    z-index: 9999;
    /* border       : red 0.0625rem solid; */
}

.form-text+.form-input-clear {
    bottom: calc(1rem + 1.125rem);
}

.form-input-clear .icon {
    font-size: 80%;
    font-weight: 300;
}

.form-input-append-clear {
    align-items: center;
    /* background   : #cecece; */
    /* border-radius: 50%; */
    bottom: 0.38rem;
    color: #a3a3a3;
    cursor: pointer;
    display: flex;
    height: 1.5rem;
    justify-content: center;
    position: absolute;
    right: 2.8125rem;
    /*calc(25% + 2%)*/
    width: 1.25rem;
    z-index: 10;
    /* border       : red 0.0625rem solid; */
}

.form-text+.form-input-append-clear {
    bottom: calc(1rem + 1.125rem);
}

.form-input-append-clear .icon {
    font-size: 80%;
    font-weight: 300;
}

.form-input-append-lg-clear {
    align-items: center;
    /* background   : #cecece; */
    /* border-radius: 50%; */
    bottom: 0.45rem;
    color: #a3a3a3;
    cursor: pointer;
    display: flex;
    height: 1.25rem;
    justify-content: center;
    position: absolute;
    right: 3.125rem;
    /*calc(25% + 2%)*/
    width: 1.25rem;
    z-index: 10;
    /* border       : red 0.0625rem solid; */
}

.form-text+.form-input-append-lg-clear {
    bottom: calc(1rem + 1.125rem);
}

.form-input-append-lg-clear .icon {
    font-size: 80%;
    font-weight: 300;
}


/* ------------ Clear button styles - fim ---------- */


/* ------------ Preloader - inicio ---------- */

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #ededed;
    z-index: 1030;
}

.preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader span {
    display: inline-block;
    background-color: #6195FF;
    width: 1.5625rem;
    height: 1.5625rem;
    -webkit-animation: 1s preload ease-in-out infinite;
    animation: preload 1s ease-in-out infinite;
    /*-webkit-transform: scale(0);*/
    /*-ms-transform: scale(0);*/
    /*transform: scale(0);*/
    border-radius: 50%;
}

.preloader span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.preloader span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.preloader span:nth-child(3) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.preloader span:nth-child(4) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.button.button-grey-4 {
    color: #FFFFFF;
    background: #000000;
    border-color: #a3a3a3;
}

.btn.btn-outline-primary {
    border-width: 0.0625rem;
}


/*.btn.btn-primary {
  box-shadow: 0.0625rem 0.0625rem 0 0 #16364a;
}*/

.btn.btn-info {
    box-shadow: 0.0625rem 0.0625rem 0 0 #007bbe;
}

.btn {
    /* padding: 0.2rem 0.5rem 0rem 0.6rem; */
    font-size: 1.2rem;
    text-align: center;
    border-radius: .8rem;
    min-height: 2rem;
    /*min-width: 6rem;*/
}

.btn-menu-opcoes-atendimento {
    padding: 0.2rem 0.5rem 0rem 0.6rem;
}

.botoes-navegacao {
    font-size: 1.2rem;
    text-align: center;
    border-radius: .8rem;
    min-height: 2.5rem;
    /*min-width: 6rem;*/
}

.btn:hover {
    /* display     : inline-block; */
    /* border-style: solid; */
    /* border-width: 0 0 0.0625rem; */
    /* font-size   : 0.875rem; */
    /* line-height : 2.125rem; */
    text-align: center;
    /* padding     : 0.1875rem 0.9375rem 0; */
    /* color       : #858585 !important; */
    /* background  : #dedede; */
    /* border-color: #6c757d; */
}

.btn-dark:hover {
    color: #fff !important;
    background-color: #23272b;
    border-color: #1d2124;
}

.lupa {
    padding-top: 0.5rem !important;
    min-width: 3rem;
    box-shadow: 0.0625rem 0 0 0 #16364a !important;
}

.icone-append {
    margin-left: -0.2rem;
    padding-top: 0.4rem !important;
    min-width: 3.3rem;
    box-shadow: 0 0 0 0 #16364a !important;
}

.alert-item-extrato {
    font-size: 0.74rem !important;
    /* font-weight: 600; */
    text-align: center;
    /* background-color: #F0F0F0 !important; */
    /*e1e1e1 515151 c5c6c7 636363*/
    color: #3f5666;
    padding: 0.1rem;
    margin: 0rem 0rem 0rem 0rem;
    /*line-height      : -0.3rem;
    padding            : 0.4rem;
    margin-left        : -1rem;
    margin-top         : 0.2rem;*/
    /* margin-right    : -1.5rem; */
    border-bottom-style: solid;
    border-bottom-width: 0.04em;
    border-bottom-color: #f0f0f0;
}

.alert-item-extrato i {
    font-size: 1.2rem !important;
    font-weight: 600;
    /*background-color: #e1e1e1;*/
    /*515151 c5c6c7 636363*/
    color: #3f5666;
    /*f9aa33*/
    line-height: 1.2em;
}

.valor-servico-extrato-agencia {
    width: 4rem;
    text-align: right;
}

.servico-produto-detalhe-extrato {
    /*border   : 0.0625rem solid gray;*/
    margin: -0.375rem 0 0.1875rem 0;
    padding: 0.0625rem;
    font-weight: 600;
    line-height: 1.5;
    font-size: 0.875rem;
    color: #0D426B;
    /*195479*/
}

.titulo-detalhe-extrato {
    /*border   : 0.0625rem solid gray;*/
    margin: 0;
    padding: 0.0625rem;
    font-weight: 600;
    line-height: 1.5;
    font-size: 1rem;
    color: #F9AA33;
    /*195479*/
}

.valor-detalhe-extrato {
    /*border   : 0.0625rem solid gray;*/
    margin: 0;
    padding: 0;
    font-weight: 600;
    line-height: 1.5;
    font-size: 0.8125rem;
    color: #647a90;
}

.div-solicitacoes-recolhimento {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 9.7rem;
    margin: 0 -0.3125rem 0 0;
    padding: 0;
    padding-top: 0.1rem;
}

.div-altura-dropdown-numerario {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 14rem;
    margin: 0;
    padding: 0;
}

.bg-item-checkout {
    background-color: #E9ECEF;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    overflow: auto;
    /* background-color: gainsboro; */
    /* min-height: 36rem; */
}

.recibo-pagamento {
    position: inherit;
    top: 0rem;
    left: 0rem;
    right: 0rem;
    margin-bottom: 0.5rem;
    /* margin-bottom: 1rem; */
    /* box-shadow   : 0rem 0.1rem 0.1rem 0rem #999999; */
    z-index: 997;
    overflow-y: auto;
    width: 100%;
    min-height: 18rem;
    max-height: 29rem;
}

.div-out-recibo-pagamento {
    position: initial;
    width: 95%;
    height: 1rem;
    bottom: 1rem;
    right: 0;
    left: 0;
    margin-right: 0.625rem;
    margin-left: 0.625rem;
    background-color: #363b3f;
    border-radius: 3.125rem;
    text-align: center;
    /* box-shadow   : 0 0.25rem 0.25rem #999999; */
    z-index: 997;
    top: 10.6rem;
}

.div-footer-recibo-pagamento {
    position: inherit;
    top: 23.5rem !important;
    margin-bottom: 1rem;
    /* box-shadow         : 1.25rem 0.1875rem 1.125rem 0 #999999; */
    z-index: 989;
    /* border             : 0 solid black; */
    /* border-bottom-width: 0; */
    width: 25rem !important;
    left: 2.34375rem;
}

#modal-ver-pagamento {
    overflow-x: hidden;
    overflow-y: auto;
    /* height : 100% !important; */
}

.img-recibo {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}

.footer-recibo {
    width: 25.125rem;
}

.azul-comum {
    color: #fff;
    background-image: linear-gradient(to bottom, #3F99D3 0, #3F99D3 100%);
    background-repeat: repeat-x;
    border-color: #3F99D3;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.azul1 {
    color: #fff;
    background-image: linear-gradient(to bottom, #00416B 0, #00416B 100%);
    background-repeat: repeat-x;
    border-color: #00416B;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.azul2 {
    background-image: linear-gradient(to bottom, #bee0f4 0, #bee0f4 100%);
    background-repeat: repeat-x;
    border-color: #bee0f4;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.azul3 {
    background-image: linear-gradient(to bottom, #0083CA 0, #0083CA 100%);
    background-repeat: repeat-x;
    border-color: #0083CA;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul4 {
    background-image: linear-gradient(to bottom, #3F99D3 0, #3F99D3 100%);
    background-repeat: repeat-x;
    border-color: #3F99D3;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul5 {
    background-image: linear-gradient(to bottom, #007BCA 0, #007BCA 100%);
    background-repeat: repeat-x;
    border-color: #007BCA;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul7 {
    background-image: linear-gradient(to bottom, #005C97 0, #005C97 100%);
    background-repeat: repeat-x;
    border-color: #005C97;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.amarelo4 {
    background-image: linear-gradient(to bottom, #CD992B 0, #CD992B 100%);
    background-repeat: repeat-x;
    border-color: #CD992B;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.amarelo5 {
    background-image: linear-gradient(to bottom, #FFE600 0, #FFE600 100%);
    background-repeat: repeat-x;
    border-color: #FFE600;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.amarelo6 {
    background-image: linear-gradient(to bottom, #FFC20E 0, #FFC20E 100%);
    background-repeat: repeat-x;
    border-color: #FFC20E;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.cinza7 {
    background-image: linear-gradient(to bottom, #D1CCC7 0, #D1CCC7 100%);
    background-repeat: repeat-x;
    border-color: #D1CCC7;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.cinza8 {
    background-image: linear-gradient(to bottom, #BDB4AB 0, #BDB4AB 100%);
    background-repeat: repeat-x;
    border-color: #BDB4AB;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.roxoClaro {
    background-image: linear-gradient(to bottom, #eee8f5 0, #eee8f5 100%);
    background-repeat: repeat-x;
    border-color: #eee8f5;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.vermelho {
    background-image: linear-gradient(to bottom, #660000 0, #660000 100%);
    background-repeat: repeat-x;
    border-color: #660000;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05) inset, 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
}

.botoes-inicio {
    /* outline: -webkit-focus-ring-color auto 0; */
    box-shadow: 0.375rem 0.375rem 0 0 rgb(0 0 0 / 20%);
}

.altura-card-botoes-inicio {
    min-height: 5.5rem;
    padding-bottom: 0;
}

.texto-autenticado {
    color: #17a2b8 !important;
}

.texto-nao-autenticado {
    color: #ff0039 !important;
}

.texto-botoes-navegacao {
    font-weight: 600;
    font-size: .85rem;
    line-height: 1.3rem;
    text-transform: uppercase;
    padding: 0.3rem 0rem 0rem 0rem;
}

.texto-botoes-navegacao-claro {
    color: #343434 !important;
}

.texto-botoes-navegacao-escuro {
    color: #f8f9fa !important;
    /*#ffba00 !important;*/
}

.texto-botao-card-footer {
    font-weight: 600;
    font-size: 1rem;
    line-height: 0;
    text-transform: uppercase;
}

.texto-botoes-carrinho {
    font-weight: 600;
    font-size: 0.875rem;
    /* border  : solid 0.0625rem red; */
}

.texto-caixa-alta {
    font-size: 0.80rem !important;
    text-transform: uppercase;
}

.item-modulos-inicio {
    width: 100%;
    -webkit-transition: .2s width;
    transition: .2s width;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.item-modulos-inicio:hover {
    /* content                        : ""; */
    /* background-color               : #1C1D21 !important; */
    /* left                           : 0; */
    /* top                            : 0; */
    /* bottom                         : 0; */
    width: 100%;
    /* padding                        : 0; */
    /* margin                         : 0; */
    z-index: 0;
    -webkit-transition: .2s width;
    transition: .2s width;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    /* border-radius                  : .25rem; */
}

.postagem-carta {
    color: #515151 !important;
}

.postagem-carta:hover {
    color: #515151 !important;
}

.postagem-carta:hover {
    color: #3a3939 !important;
}

.postagem-lote {
    color: #515151 !important;
}

.postagem-lote:hover {
    color: #3a3939 !important;
}

.borda-erro {
    border-color: #b01524 !important;
}

.bg-cinza-claro {
    background-color: #ebebec;
}

.bg-amarelo-correios {
    background-color: #FFBA00 !important;
}

.bg-tela-inicial-6 {
    background-color: #E4C124;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FAA704'/%3E%3Cstop offset='1' stop-color='%23E4C124'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23efb414'/%3E%3Cstop offset='1' stop-color='%23E4C124'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(980 0)'%3E%3Cg transform='translate(0 735)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg %3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

.bg-tela-inicial-5 {
    background-color: #FFBA00;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='249' height='249' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23d99a00' fill-opacity='0.13'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.13'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");
}

.bg-tela-inicial-4 {
    position: relative;
    background-color: #FFAF0C;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23f9a80a' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%23f3a209' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%23ec9b07' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23e69506' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%23E08E04' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

/* ===== SEU BACKGROUND ORIGINAL ===== */
.bg-tela-inicial-3 {
    position: relative;
    background-color: #D28100;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23F2BD15' stroke-width='66.7' stroke-opacity='0.1'%3E%3Ccircle fill='%23D28100' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23d48301' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23d78501' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23d98702' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23db8a02' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23de8c03' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23e08e04' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23e39005' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23e59205' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23e79406' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23ea9607' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23ec9908' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%23ee9b09' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23f19d09' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23f39f0a' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%23f5a20b' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%23f8a40c' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23FAA60D' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

.bg-tela-inicial-2 {
    background-color: #E08E04;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23e69703' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%23eca002' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%23f3a802' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23f9b101' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%23FFBA00' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

.bg-tela-inicial-1 {
    background-color: #FFBA00;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb804' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffb507' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffb30b' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffb10e' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFAF12' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffb615' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffbd18' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffc31b' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffca1e' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFD021' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
    /* background-attachment: fixed; */
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.bg-tela-inicial-0 {
    background-color: #FFBA00;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23feb601' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23fdb202' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23fcae02' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23fbab03' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FAA704' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23fbab03' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23fcae02' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23fdb202' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23feb601' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFBA00' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E") 0 0 repeat;
    background-attachment: fixed;
    background-size: cover;
}

.bg-botao-fale-presidente {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb804' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffb507' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffb30b' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffb10e' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFAF12' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffb615' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffbd18' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffc31b' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffca1e' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFD021' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    position: relative;
    overflow: hidden;
    background-blend-mode: color-burn;
}

/* .bg-tela-inicial-1::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    z-index: -1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23feb601' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23fdb202' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23fcae02' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23fbab03' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FAA704' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23fbab03' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23fcae02' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23fdb202' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23feb601' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFBA00' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E") 0 0 repeat;
    transform: rotate(30deg);
} */

/* ===== WATERMARK (só aparece em homologação) ===== */
body.env-homologacao .bg-tela-inicial::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='1200' viewBox='0 0 1200 1200'%3E%3Cstyle%3Etext%7Bfont-family:'Roboto Condensed',Arial,sans-serif;font-size:160px;font-weight:700;fill:%23000000;fill-opacity:0.4;text-anchor:middle;dominant-baseline:middle;%7D%3C/style%3E%3Cg transform='rotate(-30 600 600)'%3E%3Ctext x='600' y='600'%3EHOMOLOGA%C3%87%C3%83O%3C/text%3E%3C/g%3E%3C/svg%3E");

    background-repeat: repeat;
    background-size: 200px 200px;

    pointer-events: none;
    z-index: 1;
}

/* ===== WATERMARK (só aparece em piloto) ===== */
body.env-piloto .bg-tela-inicial::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='1200' viewBox='0 0 1200 1200'%3E%3Cstyle%3Etext%7Bfont-family:'Roboto Condensed',Arial,sans-serif;font-size:200px;font-weight:700;fill:%23000000;fill-opacity:0.4;text-anchor:middle;dominant-baseline:middle;%7D%3C/style%3E%3Cg transform='rotate(-30 600 600)'%3E%3Ctext x='600' y='600'%3EPILOTO%3C/text%3E%3C/g%3E%3C/svg%3E");

    background-repeat: repeat;
    background-size: 180px 180px;

    pointer-events: none;
    z-index: 1;
}

/* garante que o conteúdo fique acima */
/* .bg-tela-inicial>* {
    position: relative;
    z-index: 2;
} */

.borda-cabecalho {
    border-bottom-width: 0.23rem !important;
}

.borda-esquerda {
    border-left: #f9aa33;
    border-left-width: 0.16rem !important;
    border-left-style: solid;
    padding-left: 0.3rem !important;
}

.borda-esquerda-1 {
    border-left-width: 0.16rem !important;
    padding-left: 0.2rem;
}

.borda-esquerda-2 {
    border-left-width: 0.23rem !important;
    padding-left: 0.2rem;
}

.borda-direita-1 {
    border-right-width: 0.16rem !important;
    padding-right: 0.2rem;
}

.borda-direita-2 {
    border-right-width: 0.23rem !important;
    padding-right: 0.2rem;
}

.borda-saldo-extrato-icons {
    border-top-width: 0.23rem !important;
    width: 9rem;
    height: 6.4rem;
    background-color: #f8f8f9;
}

.borda-saldo-extrato-icons-reduzido {
    border-top-width: 0.23rem !important;
    width: 10rem;
    height: 4.3rem;
    background-color: #f8f8f9;
    padding: 0.3rem;
    /* margin-bottom: 0.4rem; */
    padding: 0.6rem 0rem -0.1rem 0rem;
    margin: 0rem 0.3rem 0rem 0rem !important;
}

.botao-menu-numerario {
    border-top-width: .3rem !important;
    /* width: 30%; */
    height: 2.4rem;
    /* margin-left: 0.5rem; */
}

.titulo-botao-numerario {
    font-size: 0.7rem !important;
    font-weight: 600;
    text-align: center;
    color: #6c757d;
    padding: 0.5rem 0 0 0;
}

.titulo-botao-ver-pagamento {
    font-size: 0.57rem !important;
    font-weight: 600;
    text-align: center;
    color: #6c757d;
    padding: 0.3rem 0 0 0;
}

.alert-saldo-inicial-extrato {
    font-size: 0.8rem !important;
    font-weight: 600;
    text-align: center;
    background-color: #f8f8f9 !important;
    color: #52575b !important;
    padding: 0.1rem;
    margin: 0rem 0rem 0rem 0rem;
}

.texto-item-afaturar {
    /* font-weight: 500; */
    color: #fff;
}

.card-paper1 {
    /* border-radius   : .30rem; */
    /* box-shadow      : 0 0.375rem 0.125rem -0.25rem rgba(0, 0, 0, 0.15); */
    /* background-color: #f8f8f8; */
    /*fbfcfa f8f9fa*/
    /* color: #3b3f43; */
    /*4a4f54*/
    margin: -0.3rem -0.7rem 0.8rem -0.5rem;
    position: relative;
    /* border            : 0 none; */
    /* -webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease; */
    -moz-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -o-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -ms-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    /* transition        : transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease; */
}

#table-objetos_wrapper {
    /* border: 0.0625rem solid blue; */
    padding: 0 0 0 0.5625rem;
    margin: 0 0 0 0;
}

.dropdown-mensagem {
    min-width: 24rem !important;
}

.fundo-dropdown {
    background-color: #f8f8f9 !important;
}

.fundo-dropdown .dropdown-item:hover {
    /*color         : #16181b;
    text-decoration : none;*/
    background-color: #ebebec;
}


/* width */
::-webkit-scrollbar {
    width: 0.375rem;
    height: 0.375rem;
}

/* Track */
::-webkit-scrollbar-track {
    background: #292929;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #948a7d;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #242424;
}

.nav-tabs .nav-link {
    color: #898a8b;
    background-color: #d2d3d3;
    border-color: #cccccc;
}

.altura-div-lancamentos-modal {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 25rem !important;
    /* margin : 0.5rem -0.5rem 0rem -0.4rem; */
    /* padding: 0rem 0.4rem 0rem 0rem; */
}

.botao-paginacao {
    font-size: 1rem !important;
    line-height: 1.2rem;
    width: 2.4rem;
}

.texto-numero-paginacao {
    font-size: 0.7rem;
}

.capitalize {
    text-transform: capitalize;
}

.nome-solicitante {
    font-size: 0.9rem;
}

h5.modal-title {
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.8rem;
    text-transform: uppercase;
    padding-left: 0.3rem;
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0.0625rem solid #dee2e6;
    /* text-transform: uppercase; */
    font-size: 0.9rem;
    /* font-size        : 0.85rem; */
}

i.fas.fa-pen.fa-medio.mao-link {
    font-size: 1.25rem !important;
}

i.fas.fa-trash.fa-medio.mao-link {
    font-size: 1.55rem !important;
}

i.fas.fa-info-circle.fa-medio {
    font-size: 1.55rem !important;
}

i.fas.fa-trash.fa-medio {
    font-size: 1.55rem !important;
}


/*fa-1.5*/

.fa-medio {
    font-size: 1.5rem !important;
    padding: 0rem 0rem 0rem 0rem !important;
}

.fa-grande {
    font-size: 4rem !important;
    padding: 0rem 0rem 0rem 0rem !important;
}

.table-responsive.mt-2.mb-2 {
    margin: -0.3125rem;
}

/*div#tela-inicial.card {*/
/*    margin: 0 !important;*/
/*    padding: 0;*/
/*    width: 100% !important;*/
/*    border: 0;*/
/*    box-shadow: none;*/
/*    !* height    : 100% !important; *!*/
/*    !* min-height: 41rem !important; *!*/
/*    min-height: calc(100vh - 3.5rem - 4.6875rem);*/
/*}*/

div#tela-inicial.card .card-footer {
    background-color: transparent;
}

#altura-card-body-tela-inicial {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 0 0 0.6rem;
    padding: 0 !important;
}

.texto-laranja {
    /* margin  : 0rem 0rem 0rem 0rem; */
    line-height: 2.2rem;
    font-size: 2rem !important;
    color: #f9aa33;
}

.text-laranja {
    color: #f9aa33 !important;
}

.numero-destaque {
    color: #000;
    /* color      : #f9aa33; */
    font-size: 3rem;
    font-weight: 600;
}

.numero-destaque.gccap {
    color: #000;
    /* color      : #f9aa33; */
    font-size: 6rem;
    font-weight: 600;
}

.texto-destaque {
    color: #3d6788;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.texto-destaque-claro {
    color: #ececeb;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.titulo-modal {
    /* font-weight   : 600; */
    font-size: 1rem;
    /* line-height   : 1.5rem; */
    /* text-transform: uppercase; */
}

.clearable {
    background: #f9f9f9 url('/static/img/cross-mark-on-a-black-circle-background-24.png') no-repeat right -1.25rem center;
    background-size: 1.2rem;
    cursor: pointer;
    /* padding     : 0.1875rem 1.125rem 0.1875rem 0.25rem; */
    /* transition  : background 0.2s; */
}

.clearable.x {
    background-position: right 0.75rem center !important;
    cursor: pointer;
}

.clearable.on {
    cursor: pointer;
    background-position: right 0.75rem center !important;
}

.page-link {
    color: #6b757d !important;
    background-color: #f8f8f8;
}

.dataTables_info {
    color: #6b757d;
}

.numero-boleto {
    font-size: 0.85rem;
    margin-bottom: 1.25rem;
    text-align: center;
    color: #6b737c;
}

.plano-triagem-float {
    position: fixed;
    width: 5rem;
    height: 5rem;
    /* margin-top      : 5.5625rem; */
    right: 1rem;
    border-radius: 2.8125rem;
    text-align: center;
    box-shadow: 0 0.125rem 0.25rem #999999;
    z-index: 999;
    background-color: #f3aa33;
}

.numero-plano-triagem-float {
    position: relative;
    top: -0.375rem;
    color: #f9f9f9;
    font-size: 4rem;
}

.objetos-cartoes-float {
    position: fixed;
    width: 4rem;
    height: 4rem;
    top: 8.5rem;
    right: 0rem;
    border-radius: 2rem;
    text-align: center;
    box-shadow: 0.3125rem 0.125rem 0 #f3aa33;
    z-index: 999;
    background-color: #f0f1f2;
    font-weight: bold;
    margin-top: -1.8125rem;
}

.numero-objetos-cartoes-float {
    position: relative;
    top: .7rem;
    color: #737373;
    font-size: 1.8rem;
}

.campo-maior {
    /*font-size: 1.2rem;*/
    font-weight: bold;
}

.clear-campo-maior {
    font-size: 1.2rem;
    font-weight: bold;
    bottom: 0.75rem;
}

.bloqueio-campo-maior {
    font-size: 1.2rem;
    font-weight: bold;
    bottom: 0.25rem;
}

.campo-maior-select {
    /*font-size: 1.2rem;*/
    font-weight: bold;
    height: 2.675rem !important;
    border-radius: 0.5rem;
}

.bloqueio-campo-maior-select {
    font-size: 1.2rem;
    font-weight: bold;
    /* bottom: 1.6rem; */
    /* height  : 2rem !important; */
}

.cabecalho-card-objetos {
    padding: -0.5rem 1.25rem;
    height: 2.9375rem;
    border-bottom: 0 !important;
}

.cabecalho-card-objetos-escuro {
    background: #343A40;
    color: #bdbfc1;
    font-weight: bold !important;
}

.cabecalho-card-objetos-claro {
    background: #dfe0e1;
    color: #6b757d;
    font-weight: bold !important;
    padding-top: 0.9rem;
}

/*.alert-destaque-objeto {*/
/*    font-size: 0.8rem !important;*/
/*    font-weight: 600;*/
/*    text-align: center;*/
/*    background-color: #d2d2d3 !important;*/
/*    !* background-color: #dfe0e1 !important; *!*/
/*    color: #52575b !important;*/
/*    padding: 0.5rem;*/
/*    min-width: 10.625rem;*/
/*}*/

/*.alert-destaque-objeto.gccap {*/
/*    font-size: 1.6rem !important;*/
/*    font-weight: 600;*/
/*    text-align: center;*/
/*    !* background-color: #d2d2d3 !important; *!*/
/*    background-color: #dfe0e1 !important;*/
/*    !* padding: 0.5rem; *!*/
/*    !* min-width: 10.625rem; *!*/
/*    !* padding-left: 3.3rem; *!*/
/*    margin: auto;*/
/*    padding-top: 1.6rem;*/
/*}*/

.alert-qrcode-voltar {
    font-size: 0.8rem !important;
    font-weight: 600;
    text-align: center;
    background-color: #d2d2d3 !important;
    /* background-color: #dfe0e1 !important; */
    color: #52575b !important;
    padding: 0.5rem;
}

.wait-link {
    cursor: wait;
}

.console-log-div {
    border: 0.0625rem solid gray;
    padding: 0.3125rem 0.625rem;
    border-radius: 0.3125rem;
    /* width           : 95% !important; */
    background-color: #efefef;
}

#console-log-div {
    font-family: monospace !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: pre !important;
    border: 0 solid black !important;
    border-radius: 0 !important;
    padding: 0 0 !important;
}

#console-log-text {
    font-family: monospace !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* white-space  : pre; */
    border: 0 solid black !important;
    border-radius: 0 !important;
    padding: 0 0 !important;
    max-height: 11.3rem !important;
    min-height: 11rem;
    overflow: auto !important;
    line-height: 1.6rem;
    color: aqua;
    background-color: #32383e;
}

/*.card-header-console-log {*/
/*    padding: 0rem 0rem;*/
/*    margin-bottom: 0;*/
/*    background-color: rgba(0, 0, 0, .03);*/
/*    border-bottom: 0.0625rem solid rgba(0, 0, 0, .125);*/
/*}*/

legend {
    display: none;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

.texto-rodape {
    color: #F9F9F9;
}

.conteudo-debug-console {
    margin: 0rem !important;
    /* background-color      : #343d46 !important; */
    color: aqua;
    max-height: 28rem !important;
    min-height: 28rem;
    height: 100%;
    overflow: auto !important;
    line-height: 1.2rem;
    font-family: monospace !important;
    /* white-space           : pre !important; */
    white-space: normal;
    padding-bottom: 1rem;
}

.conteudo-debug-console-full {
    /* margin                   : 0rem !important; */
    /* background-color      : #343d46 !important; */
    /* color                    : aqua; */
    max-height: 100% !important;
    min-height: 100% !important;
    height: 100%;
    /* overflow                 : auto !important; */
    /* line-height              : 1.2rem; */
    /* font-family              : monospace !important; */
    /* white-space              : pre !important; */
    /* white-space              : normal; */
}

.icone-aciona-debug-console {
    cursor: s-resize !important;
}

.posicionamento-console {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
}

.botoes-navegacao.beat:hover {
    -webkit-animation-name: fa-beat;
    animation-name: fa-beat;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
    animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

/*.botoes-navegacao.zoom:hover {*/
/*    transform: scale(1.2);*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/

.botoes-navegacao-medio {
    border-radius: 1.6rem;
    max-width: 20rem;
    min-width: 15rem;
}

/* Modal itens estoque agência */
.dataTable-table {
    max-width: 100%;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}

.controle-contador {
    display: inline-block;
    border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
    font-size: 1.1rem;
    width: 5rem;
    height: 2.5rem;
}

.controle-acao {
    display: inline-block;
    font-size: 2rem;
    margin-top: -0.5625rem !important;
    /* margin-left: -4.25rem !important; */
}

.dataTable-wrapper .dataTable-container .table tbody tr td {
    padding: 0.75rem 1.5rem;
}

dataTable-table tbody td,
.dataTable-table tbody th,
.dataTable-table tfoot td,
.dataTable-table tfoot th,
.dataTable-table thead td,
.dataTable-table thead th {
    vertical-align: middle !important;
}

.table td,
.table th {
    white-space: nowrap;
    vertical-align: middle !important;
}

.text-sm {
    font-size: .82rem !important;
    line-height: 1.5;
    padding-top: 1.4375rem !important;
    color: #343a40;
    padding-left: 0.9375rem !important;
}

#modal-itens-estoque-agencia th {
    font-size: 0.75rem !important;
    text-transform: uppercase;
    /* background-color: #343d46 !important; */
}

.dataTable-sorter {
    color: #f8f9fa;
}

.scroll-div-lista-produtos-estoque {
    overflow: auto;
    max-height: 40rem;
}

/* .modal-content {
    min-width: 60rem !important;
} */

#modal-itens-estoque-agencia .modal-body {
    max-height: 55rem;
    min-height: 55rem;
}

#modal-itens-estoque-agencia thead {
    position: sticky;
    top: -1rem;
}

.botao-navegacao {
    width: 1.875rem;
    height: 2.125rem;
    background-color: #948a7d;
    border-radius: 0.5625rem;
    margin: 0.3125rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.i-navegacao {
    font-size: 1.4rem;
    color: #e9ecef;
}

.id-pagina-corrente {
    font-size: 0.9rem;
    color: #0d426b;
    vertical-align: middle;
    padding-right: 0.625rem;
}

.page-link {
    background-color: #948a7d !important;
    /*948a7d 80756a*/
    border-radius: 0.5625rem !important;
    color: #f8f9fa !important;
    border: none !important;
    margin: 0.125rem !important;
}

.page-link:hover {
    color: #f8f9fa !important;
    background-color: #5e5e5e !important;
    /*52473B 5e5e5e*/
    border-color: #dee2e6 !important;
    border: none !important;
}

.page-item.active .page-link {
    color: #fff !important;
    border-color: #80756a !important;
    background-color: #5e5e5e !important;
    /*5e5144 5e5e5e*/
    border: none !important;
    /* background-color: #52473B !important; */

}

.page-item .page-link {
    color: #fff !important;
    border-color: #80756a !important;
}

#modal-itens-estoque-agencia a:visited {
    border-color: #80756a;
    border: none !important;
}

.botao-acao {
    border-radius: 0.6rem;
    height: 3.0rem;
    background-color: #dedee0;
    color: #6b737c;
    font-size: 0.9rem;
    border: #dedee0;
    box-shadow: 0 0.25rem 0.4375rem 0 rgb(0 0 0 / 20%);
    margin: 0rem 0.2rem 0.4rem 0.5rem !important;
    padding: 0.75rem 1.25rem;
    min-width: 12rem;
    max-width: 14rem;
    display: flex;
    justify-content: center;
}

.botao-acao:focus {
    outline: 0 auto -webkit-focus-ring-color !important;
}

.botao-acao:hover {
    background-color: #3d6788db;
    color: #dedee0;
    border: #3d6788db;
    /* height          : 3.1rem; */
}

.botao-filtro {
    border-radius: 0.6rem;
    height: 2.5rem;
    background-color: #3d6788;
    color: #f8f9fa;
    font-size: 0.9rem;
    border: #dedee0;
    box-shadow: 0 0.25rem 0.4375rem 0 rgb(0 0 0 / 20%);
    margin: 0rem 0.2rem 0.4rem 0.5rem !important;
    padding: 0.75rem 0.75rem;
    min-width: 12rem;
    max-width: 14rem;
    display: flex;
    justify-content: flex-start;
    position: absolute;
    align-items: center;
}

.atendimeto-escolhido-venda-produto {
    font-size: 0.9rem;
    margin: 0rem 0.2rem 0.4rem 0.5rem !important;
    padding: 0.75rem 0.75rem;
}

.item-atendimento-aberto {
    border-radius: 0.3rem;
    height: 2rem;
    background-color: #e0e0e0;
    color: #6b737c;
    font-size: 0.9rem;
    border: #dedee0;
    margin: 0.1rem 0.4rem 0.1rem 0.4rem !important;
    padding: 0.25rem 0.25rem;
    min-width: 17rem;
    display: table;
}

.item-atendimento-aberto:hover {
    background-color: #d2d2d3;
}

/* min-width: 15rem;
    max-width: 30rem;
    display: table; */

.botao-filtro:focus {
    outline: 0 auto -webkit-focus-ring-color !important;
}

.botao-filtro:hover {
    background-color: #0d426b;
    color: #dedee0;
    border: #0d426b;
    /* height          : 3.1rem; */
}

.limpar-filtro-table-venda-lista-produtos-estoque {
    margin-top: 0.55rem;
    margin-left: 10.5rem !important;
    position: relative !important;
    color: #e0e0e0 !important;
}

.item-filtro {
    border-radius: 0.3rem;
    height: 2rem;
    background-color: #e0e0e0;
    color: #6b737c;
    font-size: 0.9rem;
    border: #dedee0;
    /* box-shadow: 0 0.25rem 0.4375rem 0 rgb(0 0 0 / 20%); */
    margin: 0.1rem 0.4rem 0.1rem 0.4rem !important;
    padding: 0.25rem 0.25rem;
    min-width: 12rem;
    max-width: 20rem;
    display: flex;
    justify-content: flex-start;
}

.item-filtro:hover {
    background-color: #d2d2d3;
}

.filtros-aplicados-venda-produto {
    font-size: 0.9rem;
    color: #5e5145;
    margin-left: 0.6rem;
    padding-top: 0.5rem;
}

.titulo-item-filtro-aplicado-venda-produto {
    font-size: 0.8rem;
    color: #0d426b;
}

.item-filtro-aplicado-venda-produto {
    font-size: 0.8rem;
    color: #80756a;
    font-weight: 600;
}

.bg-marrom-escuro {
    background-color: #5e5e5e !important;
    /*5e5e5e 5e5145*/
}

.bg-marrom-claro {
    background-color: #948a7d !important;
    /*948a7d 80756a*/
}

input[type="search"] {
    border-radius: 0.5rem;
    padding: 0.3125rem;
    font-size: 1rem;
    border: 0.0625rem solid #ccc;
    outline: none;
}

input {
    border-radius: .5rem !important;
    /*border: .3rem solid #ccc !important;*/
    outline: none !important;
}

.input-group input {
    border-radius: .5rem 0 0 .5rem !important;
}

.input-group-prepend+input {
    border-radius: 0 .5rem .5rem 0 !important;
}

.input-group-prepend+input:not(:last-child) {
    /*border-top-right-radius: 0 !important;*/
    /*border-bottom-right-radius: 0 !important;*/
}

input+.input-group-append {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group-prepend+input+.input-group-append {
    border-radius: 0 0 0 0 !important;
}

input[type="search"]:focus {
    border: 0.0625rem solid #80756a;
}

input:focus {
    border: 0.2rem solid #00416b !important;
    /*border-color: #3d6788 !important;*/
    /*border-color: #00416b80 !important;*/
    /*border-color: #00416b80 !important;*/
}

.resizable {
    resize: both;
    overflow: auto;
}

.resizable.x {
    resize: horizontal !important;
}

.resizable.y {
    resize: vertical !important;
}

.nome-agencia-tela-inicial {
    font-size: 1.3rem;
    font-weight: 600;
    /* color: #f9aa33; */
}

.identificador-terminal-tela-inicial {
    font-size: 1.3rem;
    font-weight: 600 !important;
    color: #0585c7 !important;
}

.identificadorhn-terminal-tela-inicial {
    font-size: 1.3rem;
    font-weight: 600 !important;
    color: #0bc705 !important;
}

/* Modal itens estoque agência */

.indicador {
    position: absolute;
    top: -0.6875rem;
    left: 3.375rem;
}

.custom-tooltip .tooltip-inner {
    background-color: #b01524;
    color: white;
    font-weight: bold;
}

.custom-tooltip .arrow::before {
    border-top-color: #b01524 !important;
    border-bottom-color: #b01524 !important;
}

.badge-danger {
    color: #fff;
    background-color: #b01524 !important;
}

.text-danger {
    color: #b01524;
}

.btn-group.d-flex.btn-group-toggle {
    overflow: auto !important;
    /*padding: 0.625rem;*/
}

:root {
    --colunaMaior-width: 75%;
}

/* Estilos gerais */

#container-coluna-maior-menor {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    flex-direction: row;
    justify-self: center;
    justify-content: center;
}

#colunaMaior,
#colunaMenor {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

#colunaMaior {
    flex: 1;
    max-width: var(--colunaMaior-width);
    /*margin: 0 0 0 0.625rem;*/
    flex-direction: column;
    transition: width 0.3s ease;
    /* Transição suave para mudança de largura */
}

#colunaMenor {
    flex: 0 0 32%;
    /* Tamanho fixo para colunaMenor quando visível */
    display: none !important;
    /* Escondido por padrão */
    margin: 0 -1.8rem 0 0rem;
    flex-direction: column;
    max-width: 30rem;
}

/*.card-paper .card-paper-user {*/
/*    max-width: 88% !important;*/
/*    min-width: 88% !important;*/
/*}*/

.card-paper-user .card-paper-body,
#divCarrinho {
    flex: 1;
    box-sizing: border-box;
    max-width: 100% !important;
}

.card-paper-body-carrinho {
    /*background-color: #252424;*/
    border-radius: 0.8rem !important;
    padding: 1rem 0.8rem !important;
    margin: 0rem 0.4rem 0rem 0rem !important;
}

/*#modal-carrinho-reduzida .card-paper-body-carrinho {*/
/*    margin: 0 !important;*/
/*}*/

.card-paper-body-carrinho-checkout {
    /*background-color: #252424;*/
    border-radius: 0.8rem !important;
    padding: .5rem .5rem .2rem .5rem !important;
    margin: 0;
}

#divCarrinho {
    flex: 1;
    box-sizing: border-box;
}

#divCarrinho .card-paper-carrinho {
    height: 98.7%;
}

.nav-link {
    display: inline-flex;
    justify-content: center;
    align-items: baseline;
}

.valor-servico-carrinho {
    font-weight: 600;
    line-height: 2;
    font-size: 1rem;
    padding: 0rem 0.6rem 0rem 0rem;
}

.nome-servico-carrinho {
    font-weight: 600;
    line-height: 1.5;
    font-size: 0.9rem;
}

.border-danger {
    border-color: #b01524 !important;
}

.border-laranja {
    border-color: #f9aa33 !important;
}

/* Para navegadores WebKit (Chrome, Safari, Edge) */
#lista-ddo-conciliado-dropdown::-webkit-scrollbar {
    width: 0.75rem;
}

#lista-ddo-conciliado-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* Cor de fundo da trilha do scroll */
}

#lista-ddo-conciliado-dropdown::-webkit-scrollbar-thumb {
    background-color: yellow;
    /* Cor amarela para o thumb */
    border-radius: 0.625rem;
    border: 0.125rem solid #f1f1f1;
    /* Espaço entre o thumb e a trilha */
}

/* Para Firefox */
#lista-ddo-conciliado-dropdown {
    scrollbar-width: thin;
    scrollbar-color: #6c757d #f1f1f1;
    /* thumb e track */
}

/* Para navegadores WebKit (Chrome, Safari, Edge) */
#lista-ddo-aberto-dropdown::-webkit-scrollbar {
    width: 0.75rem;
}

#lista-ddo-aberto-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* Cor de fundo da trilha do scroll */
}

#lista-ddo-aberto-dropdown::-webkit-scrollbar-thumb {
    background-color: yellow;
    /* Cor amarela para o thumb */
    border-radius: 0.625rem;
    border: 0.125rem solid #f1f1f1;
    /* Espaço entre o thumb e a trilha */
}

/* Para Firefox */
#lista-ddo-aberto-dropdown {
    scrollbar-width: thin;
    scrollbar-color: #6c757d #f1f1f1;
    /* thumb e track */
}

.label-lista-escura {
    font-size: .9rem !important;
    font-weight: 600;
    text-align: center;
    background-color: #292929;
    color: #ebebec;
    padding: 0.4rem;
    margin-left: 0.2rem;
    margin-top: 0.2rem;
}

.label-lista-escura:hover {
    background-color: #242424;
    color: #5f7481 !important;
    transition: all .40s ease-in-out;
    -moz-transition: all .40s ease-in-out;
    -webkit-transition: all .40s ease-in-out;
}

.modal {
    display: none;
    /* Outros estilos necessários para centralizar e posicionar seu modal */
    overflow-y: auto;
    /* z-index: 3000; */
    /*max-height: calc(100vh - 6.25rem);*/
    /* Ajuste o 6.25rem conforme necessário */
}

/*.modal .modal-dialog .modal-content {*/
/*    position: fixed;*/
/*    margin: auto;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    -webkit-transform: translate3d(0%, 0, 0);*/
/*    -ms-transform: translate3d(0%, 0, 0);*/
/*    -o-transform: translate3d(0%, 0, 0);*/
/*    transform: translate3d(0%, 0, 0);*/
/*}*/

.modal.show {
    display: block;
}

/* Garantir que o modal de lista de e-mails fique acima de outros modais (ex.: finalizar múltiplos atendimentos) */
#modal-ver-lista-email {
    z-index: 3001 !important;
    /* acima do padrão Bootstrap (1050) e de backdrops (1040) */
}

/*.modal-body {*/
/*    overflow-y: auto;*/
/*    max-height: calc(100vh - 6.25rem); !* Ajuste o 6.25rem conforme necessário *!*/
/*}*/

/*.custom-backdrop {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(0, 0, 0, 0.7);*/
/*    !* Fundo semi-transparente *!*/
/*    z-index: 1040;*/
/*    !* Certifique-se de que o z-index esteja adequado em relação ao modal *!*/
/*}*/

.custom-backdrop-mensagem-usuario {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    /* Fundo semi-transparente */
    z-index: 1050;
    /* Certifique-se de que o z-index esteja adequado em relação ao modal */
}

/* Estilo da mensagem de usuário */
.mensagem-usuario {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;

    position: fixed;
    top: -10rem;
    /* inicia fora da tela para efeito slide */
    left: 50% !important;
    transform: translateX(-50%);
    z-index: 11000;
    padding: 1rem 1rem 1rem 6rem;
    /* padrão para todos exceto alerta */
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.2);
    min-width: 30rem;
    max-width: 85% !important;
    transition: top .5s;
    overflow: hidden;
    color: white;
    border-radius: 0.8125rem;
}

.mensagem-usuario-mostra {
    top: 3rem !important;
    opacity: 1;
    transition: opacity 0s linear, top 0.5s ease-out;
}

.mensagem-usuario-esconde {
    top: -10rem !important;
    opacity: 0;
    transition: opacity 0.5s ease-out, top 0.5s ease-out;
}

/* Ícone padrão (lado esquerdo) */
.mensagem-usuario .icone {
    /* position: absolute; */
    position: inherit;
    left: 0.9375rem;
    top: .6rem;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    font-size: 1.5em;
}

/* Área da mensagem (central) */
.mensagem-usuario .mensagem-alerta {
    text-align: left;
    line-height: 1.4;
    margin-left: -2.6rem !important;
    margin-right: 1rem;
    max-height: 80vh;
    /* 80% da altura visível da tela */
    overflow-y: auto;
    overflow-x: hidden;
}

/* Botão fechar (canto superior direito) */
.mensagem-usuario .fechar-alerta {
    position: absolute;
    top: 0.3125rem;
    right: 0.3125rem;
    cursor: pointer;
    font-size: 1.2em;
}

.invisivel {
    visibility: hidden;
    pointer-events: none;
}

/* ===== Scrollbar para navegadores baseados em WebKit (Chrome, Edge, Brave, etc.) ===== */
.mensagem-alerta::-webkit-scrollbar {
    width: 6px;
    /* largura da barra */
}

.mensagem-alerta::-webkit-scrollbar-track {
    background: #365c7a;
    /* cor do trilho */
    border-radius: 3px;
}

.mensagem-alerta::-webkit-scrollbar-thumb {
    background-color: #1a3144;
    /* cor do "polegar" da barra */
    border-radius: 3px;
}

.mensagem-alerta::-webkit-scrollbar-thumb:hover {
    background-color: #1a3144;
    /* cor quando o mouse passa por cima */
}

/* ===== Scrollbar no Firefox ===== */
.mensagem-alerta {
    scrollbar-width: thin;
    /* deixa a barra fina */
    scrollbar-color: #365c7a #365c7a
        /* (polegar, trilho) */
}

/*.impressoras-container {*/
/*    !* text-align: center;  *!*/
/*    !* overflow-x: auto !important; *!*/
/*    !* height: 11rem; *!*/
/*    min-width: 60rem;*/
/*    !* flex-direction: row; *!*/
/*    !* justify-content: center; *!*/
/*    !* align-items: center; *!*/
/*}*/

/*.impressora-item {*/
/*    min-height: 10rem;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    align-content: center;*/
/*    justify-content: center;*/
/*}*/

/*modal-mensagem-impressora*/
.impressora-item:hover {
    background-color: #FFBA00;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb804' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffb507' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffb30b' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffb10e' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFAF12' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffb615' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffbd18' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffc31b' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffca1e' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFD021' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

#impressao-comprovante {
    text-align: center;
    overflow-x: hidden !important;
    /* Remove scroll horizontal */
    width: 100%;
}

.impressoras-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.625rem;
    margin: 0;
    width: 100%;
    overflow: hidden;
    /* Previne scroll */
}

.impressora-item {
    flex: 0 1 auto;
    text-align: center;
    padding: 0.5rem;
    width: 100%;
    max-width: 10rem;
}

/* Esconde os inputs radio */
/*.impressora-item input[type="radio"] {*/
/*    display: block;*/
/*}*/

/* Estilo para item selecionado (quando o radio estiver checked) */
.impressora-item input[type="radio"]:checked+img,
.impressora-item input[type="radio"]:checked~span {
    /* Pode adicionar um estilo visual para indicar seleção */
    filter: brightness(90%);
}

.impressora-item img.imagem-impressora {
    width: 100%;
    height: auto;
    max-width: 5rem;
    /* Limita o tamanho máximo */
    object-fit: contain;
    /* Mantém a proporção da imagem */
}

/*modal-usuarios-agencia*/
/* Estilos gerais */
.lista-usuarios-logados {
    width: 100%;
}

/* Container dos valores com ícones */
.div-saldo-dinheiro,
.div-saldo-pix {
    position: relative;
    padding-left: 1.8rem;
    /* Espaço para o ícone */
    font-size: 1.4rem;
    font-weight: bold;
}

.div-saldo-dinheiro {
    color: #f9aa33;
}

.div-saldo-pix {
    color: #ebecec;
}

/* Estilo dos ícones */
.div-saldo-dinheiro::before,
.div-saldo-pix::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.div-saldo-dinheiro::before {
    content: "\f0d6";
    /* ícone de dinheiro */
    color: #f69721 !important;
}

.div-saldo-pix::before {
    content: "\f362";
    /* ícone do PIX */
    color: #ebecec !important;
}

.container-itens-espacados-igualmente {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 0.2rem;
    /* alternativa mais moderna ao uso de margin */
    padding: 0.6rem 0rem 0.6rem 0rem;
    margin: 0rem 0.16rem 0rem 0.16rem;
}

.item-espacado-igualmente {
    flex: 1;
}

/* Alinha o primeiro item à esquerda */
.item-espacado-igualmente:first-child {
    text-align: left;
}

/* Alinha o último item à direita */
.item-espacado-igualmente:last-child {
    text-align: right;
}

/* Alinha todos os itens do meio ao centro */
.item-espacado-igualmente:not(:first-child):not(:last-child) {
    text-align: center;
}

.largura-card-carrinho-atendimentos-abertos {
    min-width: 100%;
}

.conteudoCarrinho {
    /* margin: 0.1rem 0.5rem 0.5rem 0.5rem;
    padding-bottom: 0.2rem; */
    margin: 0 .3rem 0 .2rem;
    padding-bottom: 0.2rem;
}

#table-declaracao {
    max-height: 48vh;
    /* ajusta a altura máxima do DataTable dentro do modal */
    overflow-y: auto;
    /* permite rolagem vertical no conteúdo da tabela */
}

.ativo {
    display: block;
}

/* 1rem = 16px no desktop */
html {
    font-size: 100%;
}

body.mobile {
    font-size: 0.80rem !important;
}

body.mobile input,
body.mobile select,
body.mobile textarea {
    font-size: 1rem !important;
    margin-bottom: 1rem;
    min-height: 3.5rem;
}

#conteudo-boleto {
    color: #212529;
}

/* Personalização para botões de navegação dentro do footer iframe */
.footer-iframe .botoes-navegacao {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    min-height: 1rem;
    max-width: 200px;
    width: 100%;
    border-radius: 0.65rem;
    margin: 0.25rem;
}

.badge-qtde-atendimentos-postagens {
    margin-left: 0.8rem !important;
    top: -0.3rem;
    display: block !important;
}

.badge-qtde-atendimentos-postagens.inativo {
    display: none !important;
}

.span-qtde-atendimentos-postagens {
    padding: 0.1rem 0 0.1rem 0.2rem;
    border-radius: 7px;
}

.qtd-itens-atendimentos-abertos {
    padding: 0.1rem 0.2rem 0.1rem 0.2rem;
    border-radius: 0 7px 7px 0;
}

/* Animação de pulso básica */
@keyframes pulsar {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.3);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

#carrinho-icone.cheio {
    animation: pulsar 2s infinite;
}

.breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}

.card-paper .card-paper-body {
    padding: 0.5rem !important;
}

.temporizador-botao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75em !important;
    opacity: 0.7;
    vertical-align: middle;
    margin-left: 0.3em;
    line-height: 1;
}

.contador-botao {
    margin-left: 0.25em;
    line-height: 1;
}

.temporizador-botao i {
    font-size: 0.8em;
    opacity: 0.8;
}

.card {
    border-radius: 1.1rem;
}

.card-header {
    border-radius: .9rem .9rem 0 0 !important;
}

.card-footer {
    border-radius: 0 0 .9rem .9rem !important;
    padding: 0;
}

.font-size-07 {
    font-size: .7rem !important;
}

.font-size-08 {
    font-size: .8rem !important;
}

.font-size-09 {
    font-size: .9rem !important;
}

.font-size-1 {
    font-size: 1rem !important;
}

.font-size-11 {
    font-size: 1.1rem !important;
}

.font-size-12 {
    font-size: 1.2rem !important;
}

.fa-2x {
    font-size: 1.7em;
}

/* Modal de correcao de documento alternativo */
.doc-alternativo-container {
    /*border: 1px solid rgba(255, 255, 255, 0.12);*/
    border-radius: 14px;
    padding: 0.9rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01));
}

.doc-alternativo-alerta {
    margin-bottom: 0.8rem;
    color: #f4f4f4;
    font-size: 0.95rem;
}

.doc-alternativo-opcoes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.doc-alternativo-opcao {
    position: relative;
    display: flex;
    flex-direction: column;
    /*border: 1px solid rgba(255, 255, 255, 0.24);*/
    border-radius: 12px;
    padding: 0.75rem;
    cursor: pointer;
    /*background-color: rgba(255, 255, 255, 0.04);*/
    /*transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;*/
}

.doc-alternativo-opcao input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.doc-alternativo-opcao.active {
    /*border-color: #f9aa33;*/
    /*box-shadow: 0 0 0 2px rgba(249, 170, 51, 0.18);*/
    /*transform: translateY(-1px);*/
}

.doc-alternativo-opcao-titulo {
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.doc-alternativo-opcao-subtitulo {
    margin-top: 0.2rem;
    font-size: 0.82rem;
    color: #d5d5d5;
}

@media (max-width: 575.98px) {
    .doc-alternativo-opcoes {
        grid-template-columns: 1fr;
    }
}

/*
##########################################
# MEDIA QUERIES ####
###################################
*/

/* Responsividade */
@media (max-width: 48rem) {
    .impressoras-container {
        gap: 0.5rem;
    }

    .impressora-item {
        width: calc(50% - 0.5rem);
        max-width: none;
    }

    .impressora-item img.imagem-impressora {
        max-width: 3.75rem;
    }
}

@media (max-width: 36rem) {
    .impressoras-container {
        gap: 0rem;
    }

    .impressora-item {
        width: calc(50% - 6rem);
        padding: 0.3125rem;
    }

    .impressora-item img.imagem-impressora {
        max-width: 3.125rem;
    }
}

/* Responsividade */
@media (max-width: 48rem) {
    .card-titulo {
        display: none !important;
    }

    .card-header {
        flex-direction: column !important;
        gap: 0.5rem;
        padding: 0.5rem !important;
    }

    .nome-atendente {
        width: 100%;
        text-align: left;
        font-size: 0.9rem;
    }

    .card-header>div {
        width: 100%;
        justify-content: space-between !important;
    }

    .div-saldo-dinheiro,
    .div-saldo-pix {
        min-width: 7rem !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: flex-end;
        /* Alinha os valores à direita */
        font-size: 1.2rem;
    }
}

/* Ajustes para telas muito pequenas */
@media (max-width: 36rem) {
    .card-header {
        padding: 0.4rem !important;
    }

    .nome-atendente {
        font-size: 0.85rem;
    }

    .div-saldo-dinheiro,
    .div-saldo-pix {
        min-width: 6rem !important;
        padding-left: 1.5rem;
        /* Reduz um pouco o espaço do ícone */
        font-size: 1.0rem;
    }
}

/*@media (min-width: 1022px) and (max-width: 1610px) {*/
/*    html {*/
/*        font-size: 95%;*/
/*        -webkit-text-size-adjust: 100%;*/
/*    }*/

/*    .mensagem-usuario .icone {*/
/*        font-size: 1.5rem;*/
/*    }*/

/*    !* Área da mensagem (central) *!*/
/*    .mensagem-usuario .mensagem-alerta {*/
/*        font-size: 1.1rem;*/
/*        !*text-transform: uppercase;*!*/
/*    }*/

/*    !* Botão fechar (canto superior direito) *!*/
/*    .mensagem-usuario .fechar-alerta {*/
/*        font-size: 1.5rem;*/
/*    }*/

/*    .navbar {*/
/*        padding: 0.5rem 1rem;*/
/*    }*/

/*    body.sticky-footer .content-wrapper {*/
/*        min-height: calc(100vh - 56px);*/
/*    }*/

/*    .content-wrapper {*/
/*        !*min-height: calc(100vh - 56px);*!*/
/*        padding-top: 0;*/
/*        margin-top: 0;*/
/*    }*/

/*    .wrapper-mcu {*/
/*        max-width: 85% !important;*/
/*    }*/

/*    .bola-tela-inicial {*/
/*        padding: 0rem 0rem .5rem 0rem !important;*/
/*        width: 19rem !important;*/
/*    }*/

/*    .logo-tela-inicial {*/
/*        margin: 5rem 7rem 0rem 0rem !important;*/
/*        width: 21rem !important;*/
/*    }*/

/*    #main-nav.navbar-user .navbar-collapse .navbar-sidenav>.nav-item>.nav-link {*/
/*        font-size: 0.75rem;*/
/*    }*/

/*    #main-nav .navbar-collapse .navbar-nav>.nav-item.dropdown>.nav-link {*/
/*        font-size: 0.75rem;*/
/*    }*/

/*    .nav-item i {*/
/*        font-size: 1.3rem !important;*/
/*    }*/

/*    #main-nav.fixed-top .navbar-sidenav {*/
/*        height: calc(100vh - 45px);*/
/*        margin-top: 3.7rem;*/
/*    }*/

/*    #main-nav.fixed-top.navbar-user .sidenav-toggler {*/
/*        margin-top: calc(100vh - 55px) !important;*/
/*        height: 4rem !important;*/
/*    }*/

/*    #sidenavToggler {*/
/*        !*margin-top: 7px;*!*/
/*    }*/

/*    #modal-lancamentos .modal-dialog {*/
/*        min-width: 100% !important;*/
/*    }*/

/*    .card-telegrama {*/
/*        min-height: 2.5rem !important;*/
/*    }*/

/*    .input-group {*/
/*        !*margin-bottom: 1rem;*!*/
/*    }*/

/*    label, small {*/
/*        text-transform: uppercase;*/
/*    }*/

/*    small {*/
/*        !*margin-bottom: 1rem;*!*/
/*    }*/

/*    input,*/
/*    select,*/
/*    textarea {*/
/*        font-size: 16px !important;*/
/*        !*margin-bottom: 1rem;*!*/
/*        min-height: 3.5rem;*/
/*    }*/
/*}*/

/* mobile: reduz para 77% */
@media screen and (pointer: coarse) and (-webkit-min-device-pixel-ratio: 0) {
    html {
        font-size: 77%;
        -webkit-text-size-adjust: 100%;
    }

    .mensagem-usuario .icone {
        font-size: 1.5rem;
    }

    /* Área da mensagem (central) */
    .mensagem-usuario .mensagem-alerta {
        font-size: 1.1rem;
        /*text-transform: uppercase;*/
    }

    /* Botão fechar (canto superior direito) */
    .mensagem-usuario .fechar-alerta {
        font-size: 1.5rem;
    }

    .navbar {
        padding: 0.5rem 1rem;
    }

    body.sticky-footer .content-wrapper {
        min-height: calc(100vh - 56px);
    }

    .content-wrapper {
        /*min-height: calc(100vh - 56px);*/
        padding-top: 0;
        margin-top: -0.9rem;
    }

    .wrapper-mcu {
        max-width: 77% !important;
    }

    .bola-tela-inicial {
        padding: 0rem 0rem .5rem 0rem !important;
        width: 19rem !important;
    }

    .logo-tela-inicial {
        margin: 5rem 7rem 0rem 0rem !important;
        width: 21rem !important;
    }

    #main-nav.navbar-user .navbar-collapse .navbar-sidenav>.nav-item>.nav-link {
        font-size: 0.90rem;
        margin-bottom: 0.3rem;
    }

    #main-nav .navbar-collapse .navbar-nav>.nav-item.dropdown>.nav-link {
        font-size: 0.90rem;
    }

    #modal-lancamentos .modal-dialog {
        min-width: 100% !important;
    }

    .card-telegrama {
        min-height: 2.5rem !important;
    }

    .input-group {
        margin-bottom: 1rem;
    }

    label, small {
        text-transform: uppercase;
    }

    small {
        margin-bottom: 1rem;
    }
}

@media screen and (pointer: coarse) {

    input,
    select,
    textarea {
        font-size: 16px !important;
        margin-bottom: 1rem;
        min-height: 3.5rem;
    }
}

@media (max-width: 767.98px) {
    .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        padding-bottom: 5px;
        /* espaço para a barra de rolagem */
    }

    .nav-tabs .nav-item {
        flex: 0 0 auto;
        margin-right: 2px;
    }

    .nav-tabs .nav-link {
        padding: 0.5rem 0.75rem;
    }

    /* Esconde a barra de rolagem em alguns navegadores */
    .nav-tabs::-webkit-scrollbar {
        height: 0;
        width: 0;
        display: none;
    }
}

/*
##########################################
# INCLUIR NOVOS ITENS ANTES DAQUI ####
###################################
*/

@media (min-width: 62rem) {

    /* lg e xl */
    #container-coluna-maior-menor.mostrar-coluna-menor #colunaMenor {
        display: flex !important;
    }
}

@media (max-width: 61.9375rem) {

    /* md e menores */
    #colunaMaior {
        max-width: 99% !important;
        /* Ocupa toda a largura */
        margin: 0 0 0 -0.5rem;
    }

    /*     #colunaMenor {
        display: none !important;
    }
    */

    #colunaMenor {
        display: none !important;
    }

}

@media (min-width: 62rem) and (max-width: 75rem) {
    /*#colunaMaior {*/
    /*    min-width: 90% !important;*/
    /*}*/
}

/* Super Extra small devices (portrait phones, less than 22.5625rem) - sxs */

@media (max-width: 22.56125rem) {

    .texto-console-barra-inferior.godmode:after {
        content: " | sxs";
        /* background-color: #ff0000; */
        font-size: .8rem;
        font-weight: 600 !important;
        color: #ff0000 !important;
    }

    /* body {
        background-color: rgb(94, 8, 72);
    } */

    /* Estilo da mensagem de usuário */
    .mensagem-usuario {
        min-width: 98%;
    }

    .nome-agencia-tela-inicial {
        font-size: .8rem;
        font-weight: 600;
        /* color: #f9aa33; */
    }

    .identificador-terminal-tela-inicial {
        font-size: .8rem;
        font-weight: 600 !important;
        color: #0585c7 !important;
    }

    .identificadorhn-terminal-tela-inicial {
        font-size: .8rem;
        font-weight: 600 !important;
        color: #0bc705 !important;
    }

    .texto-console-barra-inferior {
        white-space: normal !important;
        vertical-align: baseline;
        margin: 0.1875rem 0;
        line-height: 1.3em;
        font-size: 90%;
    }

    .texto-titulo-card {
        font-size: .8rem !important;
        font-weight: 600;
    }

    .titulo-botao-numerario {
        font-size: 0.56rem !important;
    }

    .alert-saldo-inicial-extrato {
        font-size: 0.65rem !important;
    }

    .valor-total-servico {
        font-size: 0.8rem !important;
    }

    .alert-item-extrato {
        font-size: 0.6rem !important;
    }

    .opcoes-objeto {
        font-size: 0.7rem !important;
    }

    /*.posicaoInputDateSemBorda {*/
    /*    padding-left: 16%;*/
    /*}*/

    .tooltip {
        display: none !important;
    }

    #colunaMenor {
        display: none !important;
    }
}

.aviso-verificacao-impressora {
    font-size: 0.95rem;
    background-color: #292a2b;
    padding: 0.7rem;
    text-align: justify;
    margin: 1rem;
    border: 0.3rem dashed #f9aa33 !important;
    border-radius: 1rem;
    filter: drop-shadow(2px 2px 0px #000) contrast(1.2);
}

.texto-destaque-aviso-verificacao-impressora {
    font-weight: 600;
}

.texto-erro-aviso-verificacao-impressora {
    font-size: 0.95rem;
    color: #dc3545;
    /* background-color: #d2d3d3; */
    font-weight: 600;
}

table.fixedHeader-floating,
table.fixedHeader-locked {
    position: relative !important;
    background-color: var(--dt-html-background);
    background-color: var(--dt-html-background);
}

.card-paper-extrato-atendente {
    margin-left: 0;
    /*box-shadow: 0 0 0.25rem -0.0625rem rgb(0 0 0 / 15%);*/
    border: solid 0.12rem #262626;
    box-shadow: none;
}

.card-paper {
    /*background-color: #2c2c2c;*/
    /*border: solid 0.12rem #262626;*/
    /*box-shadow: none;*/
}

/* .breadcrumb-item+.breadcrumb-item::before {
    content: "›";
} */

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem;
}

.breadcrumb-item.active {
    /* color: #f8a01a; */
}

div:nth-child(1)>div>h5>nav>ol>li:nth-child(1)>a {
    color: #f8a01a;
}

.breadcrumb-item {}

@media print {
    table.fixedHeader-floating {
        display: none;
    }
}

#config-zoom-range {
    cursor: pointer;
}

#config-zoom-label {
    width: 48px;
    text-align: center;
    font-size: .9rem;
}

/* ------------ Preloader - fim ---------- */

/* Custom page CSS (Not required)
--------------------------------------------- */

@media (max-width: 33.5625rem) {
    .numero-destaque {
        font-size: 1.4rem !important;
    }
}

/*Extra small devices (portrait phones, less than 36rem) - xs */
@media (min-width: 22.5625rem) and (max-width: 35.99875rem) {

    .texto-console-barra-inferior.godmode:after {
        content: " | xs";
        /* background-color: #f13b3b; */
        font-size: 1rem;
        font-weight: 600 !important;
        color: #f13b3b !important;
    }

    /* body {
        background-color: red;
    }
    */

    /* Estilo da mensagem de usuário */
    .mensagem-usuario {
        min-width: 98%;
    }

    .texto-rotulo-nao-valido {
        font-size: .85rem !important;
        font-weight: bold;
    }

    .nome-agencia-tela-inicial {
        font-size: 1rem;
        font-weight: 600;
        /* color: #f9aa33; */
    }

    .identificador-terminal-tela-inicial {
        font-size: 1rem;
        font-weight: 600 !important;
        color: #0585c7 !important;
    }

    .identificadorhn-terminal-tela-inicial {
        font-size: 1rem;
        font-weight: 600 !important;
        color: #0bc705 !important;
    }

    .texto-console-barra-inferior {
        white-space: normal !important;
        vertical-align: baseline;
        margin-bottom: 0.1875rem;
        line-height: 1.3em;
    }

    .texto-titulo-card {
        font-size: 1rem !important;
        font-weight: 600;
        color: #f8f9fa;
    }

    .bs-wizard>.bs-wizard-step>.progress {
        margin: 1.0625rem 0;
    }

    .btn-group-servicos-mensagemx {
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .scroll-div-itens {
        overflow-x: auto;
        max-height: 26rem;
    }

    #div-checkout {
        margin-right: 0;
    }

    .logo-acesso-negado-direita {
        width: 2rem !important;
        height: auto !important;
    }

    .logo-acesso-negado-esquerda {
        width: 2rem !important;
        height: auto !important;
        transform: rotate(180deg);
    }

    .texto-acesso-negado {
        /* font-size: 95%; */
        word-wrap: break-word;
    }

    /* .texto-copia-cola {
        font-size: 3rem !important;
        word-wrap: break-word;
    } */

    .altura-div-servicos-adicionais {
        max-height: 16rem !important;
    }

    .botao-menu-numerario {
        border-top-width: 0.23rem !important;
        width: 24% !important;
        height: 4.7rem !important;
        /* font-size    : 1rem; */
    }

    .titulo-botao-numerario {
        font-size: 0.56rem !important;
        font-weight: 600;
        text-align: center;
        color: #6c757d;
        padding: 0.5rem 0 0 0;
    }

    .icones-remetente-reduzido {
        font-size: 1rem !important;
        background-color: #d2d2d3;
        color: #6B737C;
        border-color: transparent;
        width: 100%;
        height: 4rem;
        padding: 0.4rem 0rem 0rem 0rem;
        margin: 0.2rem 0.2rem 0.2rem 0.2rem !important;
    }

    .alert-saldo-inicial-extrato {
        font-size: 0.7rem !important;
    }

    .borda-saldo-extrato-icons {
        border-top-width: 0.23rem !important;
        width: 31%;
        height: 5.7rem;
        background-color: #f8f8f9;
    }

    .alert-item-extrato {
        font-size: 0.7rem !important;
    }

    .opcoes-objeto {
        font-size: 0.8rem !important;
    }

    /*.posicaoInputDateSemBorda {*/
    /*    padding-left: 17%;*/
    /*}*/

    .tooltip {
        display: none !important;
    }

    .label-cores-claro {
        font-size: 0.73rem !important;
    }

    .label-cores-escuro {
        font-size: 0.73rem !important;
    }

    .label-cores-claro-marcado {
        font-size: 0.73rem !important;
    }

    .label-cores-escuro-marcado {
        font-size: 0.73rem !important;
    }

    #card-perigoso {
        margin: .6rem 0 !important;
    }

    .card-dentro-mensagem-modal {
        margin: 0 -1rem 0 -2.4rem;
    }

    #colunaMenor {
        display: none !important;
    }
}

/*Small devices (landscape phones, 36rem and up) - sm */
@media (min-width: 36rem) and (max-width: 47.99875rem) {

    .texto-console-barra-inferior.godmode:after {
        content: " | sm";
        /* background-color: #00d9ff; */
        font-size: 1.3rem;
        font-weight: 600 !important;
        color: #00d9ff !important;
    }

    /* body {
        background-color: blue !important;
    } */

    .texto-console-barra-inferior {
        white-space: normal !important;
        vertical-align: baseline;
        margin-bottom: 0.1875rem;
        line-height: 1.3em;
    }

    .bs-wizard>.bs-wizard-step>.progress {
        margin: 1.375rem 0;
    }

    .btn-group-servicos-mensagemx {
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .scroll-div-itens {
        overflow-x: auto;
        max-height: 28.125rem;
    }

    #div-checkout {
        margin-right: 0;
    }

    .logo-acesso-negado-direita {
        width: 3rem !important;
        height: auto !important;
    }

    .logo-acesso-negado-esquerda {
        width: 3rem !important;
        height: auto !important;
        transform: rotate(180deg);
    }

    .texto-acesso-negado {
        font-size: 100%;
        word-wrap: break-word;
    }

    .altura-div-servicos-adicionais {
        max-height: 16rem !important;
    }

    .botao-menu-numerario {
        border-top-width: 0.23rem !important;
        width: 24%;
        height: 4.7rem;
    }

    .titulo-botao-numerario {
        font-size: 0.65rem !important;
        font-weight: 600;
        text-align: center;
        color: #6c757d;
        padding: 0.5rem 0 0 0;
    }

    .alert-saldo-inicial-extrato {
        font-size: 0.7rem !important;
    }

    .borda-saldo-extrato-icons {
        border-top-width: 0.23rem !important;
        width: 31%;
        height: 5.7rem;
        background-color: #f8f8f9;
    }

    /*.posicaoInputDateSemBorda {*/
    /*    padding-left: 16%;*/
    /*}*/

    .tooltip {
        display: none !important;
    }

    .label-cores-claro {
        font-size: 0.73rem !important;
    }

    .label-cores-escuro {
        font-size: 0.73rem !important;
    }

    .label-cores-claro-marcado {
        font-size: 0.73rem !important;
    }

    .label-cores-escuro-marcado {
        font-size: 0.73rem !important;
    }

    #colunaMenor {
        display: none !important;
    }

}

/*Medium devices (tablets, 48rem and up) - md */
@media (min-width: 48rem) and (max-width: 61.99875rem) {

    .texto-console-barra-inferior.godmode:after {
        content: " | md";
        /* background-color: #ffa600; */
        font-size: 1.3rem;
        font-weight: 600 !important;
        color: #ffa600 !important;
    }

    /* body {
        background-color: orange;
    } */

    .scroll-div-itens {
        overflow-x: auto;
        max-height: 28.75rem;
    }

    .posicaoInputDateSemBorda {
        /*padding-left: 18%;*/
    }

    .tooltip {
        display: none !important;
    }

    .label-cores-claro {
        font-size: 0.73rem !important;
    }

    .label-cores-escuro {
        font-size: 0.73rem !important;
    }

    .label-cores-claro-marcado {
        font-size: 0.73rem !important;
    }

    .label-cores-escuro-marcado {
        font-size: 0.73rem !important;
    }

    .altura-div-servicos-adicionais {
        overflow-y: auto;
        overflow-x: hidden;
        min-height: 13.5rem;
        margin: 0;
        padding: 0;
    }

    #card-perigoso {
        margin: 0 .6rem !important;
    }
}

/*Large devices (desktops, 62rem and up) - lg */
@media (min-width: 62rem) and (max-width: 74.99875rem) {

    .texto-console-barra-inferior.godmode:after {
        content: " | lg";
        /* background-color: #5eff0056; */
        font-size: 1.3rem;
        font-weight: 600 !important;
        color: #5eff0056 !important;
    }

    /* body {
        background-color: green;
    } */

    .scroll-div-itens {
        overflow-x: auto;
        max-height: 28.75rem;
    }

    .posicaoInputDateSemBorda {
        /*padding-left: 16%;*/
    }

    #colunaMaior {
        min-width: 70% !important;
        /* min-width: 70% !important; */
    }

    .nome-servico-carrinho {
        font-size: .8rem;
    }

    #card-perigoso {
        margin: 0 .6rem !important;
    }
}

/*Extra large devices (large desktops, 75rem and up) - xl */
@media (min-width: 75rem) {

    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 1.6875rem;
        left: auto;
    }

    .texto-console-barra-inferior.godmode:after {
        content: " | xl";
        /* background-color: #58575c; */
        font-size: 1.3rem;
        font-weight: 600 !important;
        color: #58575c !important;
    }

    /* body:after {
        content         : "###### Extra large devices (large desktops, 75rem and up) - xl";
        background-color: cyan;
    } */

    /* body {
        background-color: cyan;
    } */

    .scroll-div-itens {
        overflow-x: auto;
        max-height: 35rem;
    }

    /*.posicaoInputDateSemBorda {*/
    /*    padding-left: 16%;*/
    /*}*/

    #card-perigoso {
        margin: 0 .6rem !important;
    }

}

/* Dispositivos com muita altura (portrait, min 48rem) */
@media (min-height: 47.99875rem) and (max-height: 56.25rem) {

    /* body:after {
        content         : "###### Height Screen - hs";
        background-color: #ecc84f;
    }

    body {
        background-color: #ecc84f;
    } */

    .altura-div-servicos-adicionais {
        max-height: 12.9rem !important;
    }

    .dataTables_scrollBody {
        max-height: 10rem !important;
    }
}

/* Dispositivos com muita altura (portrait, min 48rem) */
@media (min-height: 56.3125rem) {

    /* body:after {
        content         : "###### Height Screen - hs";
        background-color: #7779f1;
    }

    body {
        background-color: #7779f1;
    }

    .altura-div-servicos-adicionais {
        max-height: 16.5rem !important;
    } */

    /* .dataTables_scrollBody {
        max-height: 21rem !important;
    } */
    /* .tooltip {
        display: none !important;
    } */
}

@media (max-width: 768px) {

    /* Ignorar lado (left/right) no mobile e ocupar a tela inteira */
    .modal.top .modal-dialog,
    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        transform: none !important;
    }

    .modal.left.fade .modal-dialog,
    .modal.left.fade.show .modal-dialog,
    .modal.right.fade .modal-dialog,
    .modal.right.fade.show .modal-dialog {
        left: 0 !important;
        right: 0 !important;
        transition: none !important;
    }

    .modal .modal-content {
        height: 100% !important;
        min-width: 100% !important;
        border-radius: 0 !important;
    }

    .modal.left .modal-body,
    .modal.right .modal-body {
        padding: 0 !important;
    }
}