/******************************************
    VAI VOANDO - VENDAS PLATAFORMA

    INDICE
    1- FONTES    
*******************************************/
/*#region FONTES */
@font-face {
    font-family: 'GillSansMT-Bold';
    src: url('../../fonts/GillSansMT-Bold.eot') format('embedded-opentype'), url('../../fonts/GillSansMT-Bold.svg') format('svg'), url('../../fonts/GillSansMT-Bold.ttf') format('truetype'), url('../../fonts/GillSansMT-Bold.woff') format('woff');
}

@font-face {
    font-family: 'GillSansMT-Light';
    src: url('../../fonts/GillSansMT-Light.eot') format('embedded-opentype'), url('../../fonts/GillSansMT-Light.svg') format('svg'), url('../../fonts/GillSansMT-Light.ttf') format('truetype'), url('../../fonts/GillSansMT-Light.woff') format('woff');
}

@font-face {
    font-family: 'GillSansMT';
    src: url('../../fonts/GillSansMT.eot') format('embedded-opentype'), url('../../fonts/GillSansMT.svg') format('svg'), url('../../fonts/GillSansMT.ttf') format('truetype'), url('../../fonts/GillSansMT.woff') format('woff');
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('../../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.svg') format('svg'), url('../../fonts/fontawesome-webfont.ttf') format('truetype'), url('../../fonts/fontawesome-webfont.woff') format('woff');
}

@font-face {
    font-family: 'glyphicons-halflings-regular';
    src: url('../../fonts/glyphicons-halflings-regular.eot') format('embedded-opentype'), url('../../fonts/glyphicons-halflings-regular.svg') format('svg'), url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.woff') format('woff');
}

/*#endregion */
/*#region TIPOGRAFIA*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'GillSansMT-Bold';
}
/*#endregion */
/*#region AUXILIARES*/
.cursor-pointer {
    cursor: pointer !important;
}

.box-gray {
    background-color: #F5F5F5;
    padding: 10px 20px;
}

    .box-gray .title {
        font-weight: bold;
    }

    .box-gray p {
        font-weight: 400;
        font-size: 14px;
    }

.input-codigo {
    height: 40px;
}

.d-block {
    display: block;
}

.success-code {
    color: #87ba21;
    display: none;
}

no-padding {
    padding: 0;
}

.no-padding-inline {
    padding-inline: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.a-disabled {
    pointer-events: none;
    color: #bdc1c4;
    cursor: none;
}

.a-enabled {
    pointer-events: auto;
    color: #428bca;
    cursor: pointer;
}
/*#endregion */
/*#region ESTRUTURA*/
body {
    font-family: 'GillSansMT', sans-serif;
    font-size: 14px;
}

.container-fluid {
    width: 100%;
}

.table-responsive {
    max-width: 100%;
    overflow: auto;
}

.main-container {
    padding-bottom: 68px;
}

.pager .pagination {
    margin: 0;
}

.ui-autocomplete {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}
/*#endregion */
/*#region FORM*/
.field-validation-error, .infant-doc-message, validation-error {
    display: block;
    margin-bottom: 10px;
    color: #e74c3c;
    font-size: 1.3rem;
}

.input-error {
    color: #b94a48;
    padding-inline: 4px;
}

.span-error {
    color: #E74C3C;
    font-size: 13px;
}

.width-100 {
    width: 100%;
}

.no-wrap {
    white-space: nowrap;
}

.file-input-error {
    border: 1px solid #b94a48 !important;
}

label {
    display: inline-block;
    margin-bottom: 5px;
}
/*#endregion */
/*#region FOOTER*/
.footer {
    width: 100%;
    height: 68px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #ececec url(/Content/img/faixas.jpg) bottom center repeat-x;
    text-align: right;
}

    .footer p {
        margin: 0;
    }
/*#endregion */
/*#region HEADER */
.ace-nav > li.btn-atalho {
    border: 0 none;
}

    .ace-nav > li.btn-atalho > a {
        height: 80%;
        margin: 7px 8px 0 0;
    }

        .ace-nav > li.btn-atalho > a > [class*="icon-"] {
            margin-top: 19px;
            vertical-align: top;
            color: #fff;
        }

.nav-search .nav-search-input {
    width: 200px;
    padding-top: 9px;
}

.ace-nav > li.user-menu-main {
    background: #84d0e8;
    width: 250px;
}

.ace-nav > li.duvidas {
    line-height: normal;
    padding: 5px 30px 0;
}

    .ace-nav > li.duvidas span {
        color: #0e4d8e;
        font-size: 14px;
        display: inline-block;
        padding-right: 15px;
        vertical-align: middle;
    }

        .ace-nav > li.duvidas span strong {
            font-size: 20px;
            font-family: GillSansMT-Bold, sans-serif;
        }

.ace-nav > li.user-menu-main > a,
.ace-nav > li.user-menu-main > a > [class*="icon-"] {
    color: #fff;
}

    .ace-nav > li.user-menu-main > a:hover,
    .ace-nav > li.user-menu-main > a:focus {
        background: #84d0e8;
    }

.ace-nav > li.open.user-menu-main > a {
    background-color: #84d0e8 !important;
}
/*#endregion */
/*#region MENU*/
.sidebar .duvidas-atendimento {
    padding: 15px;
    text-align: center;
}

.menu-min.sidebar .duvidas-atendimento {
    display: none;
}

.navbar .navbar-brand img {
    max-height: 47px;
}

.navbar-container {
    padding-left: 10px;
    padding-right: 0px;
    width: 100%;
    height: 65px;
    background-color: #3c3c3c !important;
    background: url('/Content/img/header/L-header-16anos.png') no-repeat;
    background-size: cover;
    background-repeat: round;
}

.sidebar .nav-list li a {
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    color: #585858;
    text-transform: uppercase;
    font-size: 14px;
    height: 50px;
    padding: 0 10px;
    background: #ededed;
}

.sidebar .nav-list > li > a:hover,
.sidebar .nav-list > li > a:focus,
.sidebar .nav-list > li.active > a {
    text-decoration: none;
    background-color: #0072bf;
    color: #fff;
    font-weight: normal;
}

    .sidebar .nav-list > li > a:hover:after,
    .sidebar .nav-list > li > a:focus:after,
    .sidebar .nav-list > li.active > a:after {
        display: block;
        content: "";
        position: absolute;
        top: 29%;
        right: 2px;
        width: 0;
        overflow: hidden;
        border: 12px solid #ededed;
        border-right: 7px solid #ededed;
        border-color: transparent #ededed transparent transparent;
    }

    .sidebar .nav-list > li > a:hover:before,
    .sidebar .nav-list > li > a:focus:before,
    .sidebar .nav-list > li.active > a:before {
        display: block;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        border: 1px solid #ededed;
        overflow: hidden;
    }

.sidebar .nav-list > li > a .menu-text {
    line-height: 18px;
    display: inline-block;
    width: 70%;
    vertical-align: middle;
}

.sidebar.menu-min .nav-list > li > a {
    position: relative;
    height: auto;
    text-align: center;
    padding: 0;
}

    .sidebar.menu-min .nav-list > li > a > .menu-text {
        position: relative;
        top: -5px;
        text-align: center;
        text-transform: none;
        display: block;
        margin: 0;
        padding: 0;
        line-height: 14px;
        font-size: 12px;
        width: 100%;
        float: none;
    }

.icon-envelope {
    margin-right: 0 !important;
}

[class^="menuicon-"] {
    display: inline-block;
    background: url('/Content/img/sprite-menu.png') no-repeat;
    background-position: 0 0;
    margin: 5px auto;
    vertical-align: middle;
    width: 45px;
    height: 45px;
}

.menuicon-aereo {
    background-position: 0 0;
}

.menuicon-rodoviario {
    background-position: 0 -46px;
}

.menuicon-pacotes {
    background-position: 0 -701px;
}

.menuicon-hotel {
    background-position: 0 -96px;
}

.menuicon-cadastro {
    background-position: 0 -148px;
}

.menuicon-comissao {
    background-position: 0 -198px;
}

.menuicon-relatorios {
    background-position: 0 -248px;
}

.menuicon-treinamentos {
    background-position: 0 -298px;
}

.menuicon-calendario {
    background-position: 0 -348px;
}

.menuicon-links {
    background-position: 0 -398px;
}

.menuicon-chat {
    background-position: 0 -448px;
}

.menuicon-atendimento {
    background-position: 0 -498px;
}

.menuicon-duvidas {
    background-position: 0 -548px;
}

.menuicon-bus-ida {
    width: 45px;
    height: 15px;
    background-position: 0 -600px;
}

.menuicon-bus-volta {
    width: 45px;
    height: 15px;
    background-position: 0 -615px;
}

.menuicon-pos {
    width: 45px;
    height: 27px;
    vertical-align: middle;
    background-position: 0 -635px;
}

.menuicon-pix {
    background: url(/Content/img/pix-vermelho.png) no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 27px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
}

.menuicon-pnp {
    background: url(/Content/img/pinpad-sem-legenda.svg) no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 19px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
}

.icon-pnp-maquina {
    width: 30px !important;
    max-width: none !important;
    height: 35px !important;
}

.menuicon-pinpad {
    background: url('/Content/img/icon-pnp.png') no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 38px;
    height: 54px;
    margin-top: -6px;
    margin-right: -8px;
    margin-left: -8px;
    vertical-align: top;
    display: inline-block;
    clip-path: inset(0px 8px 0px 8px);
}

.menu-min [class^="menuicon-"] {
    background-size: cover;
    width: 38px;
    height: 38px;
}

.menu-min .menuicon-aereo {
    background-position: 0 0;
}

.menu-min .menuicon-rodoviario {
    background-position: 0 -40px;
}

.menu-min .menuicon-hotel {
    background-position: 0 -85px;
}

.menu-min .menuicon-pacotes {
    background-position: 0 -623px;
}

.menu-min .menuicon-cadastro {
    background-position: 0 -130px;
}

.menu-min .menuicon-comissao {
    background-position: 0 -175px;
}

.menu-min .menuicon-relatorios {
    background-position: 0 -220px;
}

.menu-min .menuicon-treinamentos {
    background-position: 0 -265px;
}

.menu-min .menuicon-calendario {
    background-position: 0 -310px;
}

.menu-min .menuicon-links {
    background-position: 0 -353px;
}

.menu-min .menuicon-chat {
    background-position: 0 -395px;
}

.menu-min .menuicon-atendimento {
    background-position: 0 -440px;
}

.menu-min .menu-icon-car-rental {
    background-position: 0 -440px;
}

/*#endregion */
/*#region LAYOUT SEM MENU */
.without-sidebar .main-content {
    margin-left: 0;
}
/*#endregion */
/*#region CAPTACAO */
.form-questions h5 {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: bold;
}

.form-questions .ace-file-input {
    margin-bottom: 0;
}

.form-questions .question[data-rel-child] {
    display: none;
    margin-left: 0;
    margin-right: 0;
}
/*#endregion */
/*#region RELATORIO: TRACKIN */
.results-tracking tr.line {
    cursor: pointer;
}

.results-tracking tr.rel-abas td {
    border-top: 0 none;
    vertical-align: middle;
}

.results-tracking .tab-content {
    background: #FFF;
}

    .results-tracking .tab-content .form-group {
        display: block;
        width: auto;
    }

.results-tracking .btn-slide {
    text-decoration: none;
}

.results-tracking .expanded {
    background-color: #f5f5f5;
}

.enviaremail {
    display: inline-grid;
}

    .enviaremail a {
        margin: 0px 0px 14px 0px;
    }

.bcash-status {
    position: relative;
}

.bcash-status-0,
.bcash-status-1,
.bcash-status-2,
.bcash-status-3,
.bcash-status-4 {
    position: relative;
    margin-right: 20px;
    margin-left: 5px;
}

    .bcash-status-0::before,
    .bcash-status-1::before,
    .bcash-status-2::before,
    .bcash-status-3::before,
    .bcash-status-4::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 16px;
        height: 16px;
        border-radius: 8px;
        border: solid 1px #aaa;
    }

    .bcash-status-0::before {
        background: yellow;
    }

    .bcash-status-1::before {
        background: blue;
    }

    .bcash-status-2::before {
        background: red;
    }

    .bcash-status-3::before {
        background: green;
    }

    .bcash-status-4::before {
        background: grey;
    }
/*#endregion */
/*#region VENDA: AEREO */
.flight-logo {
    width: 150px;
}

[class^="cia-"] {
    display: block;
    margin: 5px auto;
    -webkit-print-color-adjust: exact;
    content: url(images/mybg.png);
}

.hotel-position {
    position: fixed;
    bottom: 0;
    left: 40%;
    z-index: 80;
}

.cia-azul,
.cia-AD {
    width: 73px;
    height: 30px;
    background: url('/Content/img/sprite-cia.png') no-repeat;
    background-position: 2px 0;
    color: transparent;
}

.cia-gol,
.cia-G3 {
    width: 49px;
    height: 30px;
    background: url('/Content/img/sprite-cia.png') no-repeat;
    background-position: -100px 0px;
    color: transparent;
}

.cia-latam,
.cia-LA {
    width: 119px;
    height: 30px;
    background: url('/Content/img/sprite-cia.png') no-repeat;
    background-position: -318px 0;
    color: transparent;
}

.airline-data > .cia-latam {
    position: relative;
    left: -30px;
}

.cia-tam {
    width: 119px;
    height: 30px;
    background: url('/Content/img/sprite-cia.png') no-repeat;
    background-position: -318px 0;
    color: transparent;
}

.cia-avianca {
    width: 118px;
    height: 30px;
    background: url('/Content/img/sprite-cia.png') no-repeat;
    background-position: -175px 0;
    color: transparent;
}

.cia-passaredo,
.cia-2Z {
    width: 92px;
    height: 46px;
    background: url(/Content/img/voepass_logo.jpg) no-repeat;
    background-size: 75%;
    color: transparent;
}

.cia-ad {
    width: 73px;
    height: 30px;
    background: url('/Content/img/sprite-cia.png') no-repeat;
    background-position: 2px 0;
    color: transparent;
}

.cia-g3 {
    width: 49px;
    height: 30px;
    background: url('/Content/img/sprite-cia.png') no-repeat;
    background-position: -100px 0px;
    color: transparent;
}

.cia-la, .cia-dl, .cia-DL, .cia-AD, .cia-G3, .cia-lp, .cia-LP, .cia-JJ, .cia-Z2, .cia-4C, .cia-4c {
    width: 119px;
    height: 30px;
    background: url('/Content/img/sprite-cia.png') no-repeat;
    background-position: -318px 0;
    color: transparent;
}

.cia-jj {
    width: 119px;
    height: 30px;
    background: url('/Content/img/sprite-cia.png') no-repeat;
    background-position: -318px 0;
    color: transparent;
}

.cia-av, .cia-AV {
    width: 118px;
    height: 30px;
    background: url('/Content/img/sprite-cia.png') no-repeat;
    background-position: -175px 0;
    color: transparent;
}

.cia-z2 {
    width: 63px;
    height: 30px;
    background: url('/Content/img/sprite-cia.png') no-repeat;
    background-position: -462px 0px;
    color: transparent;
}

.cia-AR, .cia-ar {
    width: 70px;
    height: 30px;
    background: url('/Content/img/resumos_compra/CIA-Aerolineas-Argentinas.png') no-repeat;
    color: transparent;
}

.cia-AM, .cia-am {
    width: 168px;
    height: 30px;
    background: url('/Content/img/resumos_compra/CIA-Aero-Mexico.png') no-repeat;
    color: transparent;
}

.cia-AF, .cia-af {
    width: 238px;
    height: 30px;
    background: url('/Content/img/resumos_compra/CIA-Airfrance.png') no-repeat;
    color: transparent;
}

.cia-MQ, .cia-mq {
    width: 193px;
    height: 30px;
    background: url('/Content/img/resumos_compra/CIA-American-Airlines.png') no-repeat;
    color: transparent;
}

.cia-CM, .cia-cm {
    width: 117px;
    height: 30px;
    background: url('/Content/img/resumos_compra/CIA-Copa-Airlines.png') no-repeat;
    color: transparent;
}

.cia-KL, .cia-kl {
    width: 63px;
    height: 30px;
    background: url('/Content/img/resumos_compra/CIA-KLM.png') no-repeat;
    color: transparent;
}

.icone-alerta::before {
    content: "";
    position: absolute;
    background: url(../img/icone-alerta.svg);
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 3px;
    margin-left: 5px;
    width: 20px;
    height: 20px;
}

.mainSeguros {
    padding: 20px;
}

.mainSeguroFixed {
    display: block;
    position: sticky;
    top: 0;
    z-index: 101;
    background-color: none !important;
}

.ofertas-cias, .mainSeguros {
    background-color: #F5F5F5;
    text-align: center;
}
    .hide-before::before {
        content: none !important;
    }

    #PlaceholderOfertasCias {
        margin: 28px 0;
    }

    #PlaceholderOfertasCias .ofertas-cias {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }

    #progress-container {
        width: 100%;
        height: 6px;
        background: #e5e5e5;
        position: relative;
        overflow: hidden;
    }

    #progress-bar {
        width: 0%;
        height: 100%;
        background: #6494f0;
        transition: width 0.3s ease;
    }

    #PlaceholderOfertasCias .ofertas-cias {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }

    #PlaceholderOfertasCias .container-cias {
        border: solid 1.5px rgb(0, 137, 151);
        border-radius: 6px;
        width: 127px;
        display: inline-flex;
        align-items: center;
    }

    #PlaceholderOfertasCias .container-cias.empty-cias {
        border: solid 1.5px #f3e9bf;
        box-shadow: inset 0 0 0 2px #f3e9bf;
    }

        #PlaceholderOfertasCias .container-cias.finished-cias {
            background: #c3c3c3;
        }

    #PlaceholderOfertasCias .container-cias.finished-cias::before {
        font-size: 14px;
        color: #ffffff;
        margin-left: 8px;
    }

    #PlaceholderOfertasCias .container-cias.empty-cias::before {
        content: "⚠";
        font-size: 18px;
        color: #ffcc00;
        margin-left: 7px;
    }

    #PlaceholderOfertasCias .container-cias.loading-cias::before {
        content: "🔍";
        font-size: 12px;
        color: #ffcc00; /* amarelo */
        margin-left: 8px;
    }


    #PlaceholderOfertasCias .cias {
        background-color: #fff;
    }

    #PlaceholderOfertasCias .cia-latam {
        background-position: -223px 5px;
        background-size: 374px auto;
        width: 92px;
    }

    #PlaceholderOfertasCias .cia-gol {
        background-position: -78px 0px;
        width: 92px;
    }

    #PlaceholderOfertasCias .cia-azul {
        background-position: 12px 0;
        width: 92px;
    }

    .ofertas-cias .item-ofertas {
        text-align: center;
        display: inline-block;
        padding: 20px;
    }

        .ofertas-cias .item-ofertas a,
        .ofertas-cias .item-ofertas a:focus,
        .ofertas-cias .item-ofertas a:visited,
        .ofertas-cias .item-ofertas a:hover {
            color: #595958;
            text-decoration: none;
        }

        .ofertas-cias .item-ofertas .valor {
            display: inline-block;
            font-size: 12px;
            line-height: 18px;
            font-weight: 600;
        }

            .ofertas-cias .item-ofertas .valor .cias {
                cursor: pointer;
            }

            .ofertas-cias .item-ofertas .valor span {
                font-size: 12px;
                font-weight: 600;
            }

                .ofertas-cias .item-ofertas .valor span strong {
                    float: none;
                    display: block;
                    font-weight: bold;
                    font-size: 14px;
                }

        .ofertas-cias .item-ofertas .preco {
            margin-top: 15px;
        }

.calendario-extendido {
    text-align: center;
    position: relative;
}

    .calendario-extendido .icon-chevron-right,
    .calendario-extendido .icon-chevron-left {
        font-size: 60px;
        top: 43%;
        color: #abbac3;
        width: 50px;
        position: absolute;
    }

    .calendario-extendido .icon-chevron-left {
        left: 0;
    }

    .calendario-extendido .icon-chevron-right {
        right: 0;
    }

    .calendario-extendido .item-calendario {
        background-color: #F5F5F5;
        padding: 10px 30px;
        text-align: center;
        margin-bottom: 10px;
        float: none;
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
    }

        .calendario-extendido .item-calendario a,
        .calendario-extendido .item-calendario a:focus,
        .calendario-extendido .item-calendario a:visited,
        .calendario-extendido .item-calendario a:hover {
            color: #595958;
            text-decoration: none;
            display: inline-block;
        }

        .calendario-extendido .item-calendario .icon-plane.ida {
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-right: 2px;
        }

        .calendario-extendido .item-calendario .icon-plane.volta {
            -moz-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            -o-transform: rotate(225deg);
            -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
            margin-right: 2px;
        }

        .calendario-extendido .item-calendario p {
            margin-bottom: 0;
            line-height: 16px;
            font-size: 14px;
        }

            .calendario-extendido .item-calendario p span {
                display: block;
                font-weight: bold;
                font-size: 14px;
            }

        .calendario-extendido .item-calendario .valor {
            margin-top: 5px;
            font-size: 12px;
            line-height: 16px;
            font-weight: 600;
        }

        .calendario-extendido .item-calendario.day-active {
            background: #0072bf;
            position: relative;
        }

            .calendario-extendido .item-calendario.day-active:after {
                position: absolute;
                bottom: -8px;
                content: "";
                text-align: center;
                width: 0;
                left: 50%;
                margin-left: -8px;
                height: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-top: 8px solid #0072bf;
            }

            .calendario-extendido .item-calendario.day-active a,
            .calendario-extendido .item-calendario.day-active a:focus,
            .calendario-extendido .item-calendario.day-active a:visited,
            .calendario-extendido .item-calendario.day-active a:hover {
                color: #fff;
                text-decoration: none;
            }

    .calendario-extendido .data-busca {
        background: #bababa;
    }

        .calendario-extendido .data-busca a,
        .calendario-extendido .data-busca a:focus,
        .calendario-extendido .data-busca a:visited,
        .calendario-extendido .data-busca a:hover {
            color: #2d2d2d;
            text-decoration: none;
        }

    .calendario-extendido .valor-zerado {
        opacity: 0.5;
        text-decoration: line-through;
    }

        .calendario-extendido .valor-zerado .valor {
            display: none;
        }

.list-melhores-precos li {
    position: relative;
    border: dotted 1px #d8d8d8;
    border-width: 1px 1px 1px 0;
    height: 55px;
    float: none;
    display: inline-block;
}

    .list-melhores-precos li:first-child {
        border-left-width: 1px;
    }

    .list-melhores-precos li img {
        margin-right: 10px;
    }

    .list-melhores-precos li .label {
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -40px;
    }

    .list-melhores-precos li .lbl {
        display: inline-block;
        height: 35px;
    }

#listPassagens table,
#listPrecos table {
    width: 95%;
    margin: 0 15px;
    margin-bottom: 10px;
    border: none;
}

    #listPassagens table tbody > tr,
    #listPrecos table tbody > tr {
        border-top: 1px solid #e2e1e1;
    }

        #listPassagens table tbody > tr > th,
        #listPrecos table tbody > tr > th {
            text-align: center;
            padding-bottom: 5px;
            padding-right: 5px;
            border: none;
        }

            #listPassagens table tbody > tr > th:first-of-type,
            #listPrecos table tbody > tr > th:first-of-type,
            #listPassagens table tbody > tr > th:last-of-type,
            #listPrecos table tbody > tr > th:last-of-type {
                padding-right: 0;
            }

            #listPassagens table tbody > tr > th span,
            #listPrecos table tbody > tr > th span {
                color: #0072bf;
                font-weight: bold;
                font-size: 16px;
            }

        #listPassagens table tbody > tr td,
        #listPrecos table tbody > tr td {
            padding: 5px 0;
            padding-right: 5px;
            text-align: center;
            font-size: 16px;
            border: none;
        }

            #listPassagens table tbody > tr td:first-of-type,
            #listPrecos table tbody > tr td:first-of-type,
            #listPassagens table tbody > tr td:last-of-type,
            #listPrecos table tbody > tr td:last-of-type {
                padding-right: 0;
            }

        #listPassagens table tbody > tr:first-child,
        #listPrecos table tbody > tr:first-child {
            border-top: none;
            border-bottom: none;
        }

        #listPassagens table tbody > tr:nth-child(2),
        #listPrecos table tbody > tr:nth-child(2) {
            border-top: none;
        }

        #listPassagens table tbody > tr.selected td,
        #listPrecos table tbody > tr.selected td {
            background: #dcf1fe;
        }

#listPassagens .btn-icon, #listPrecos .btn-icon {
    width: 138px;
    text-align: left;
    line-height: 0.9;
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    height: 40px;
}

    #listPassagens .btn-icon .content-icon, #listPrecos .btn-icon .content-icon {
        width: 25px;
        float: left;
        border-right: 1px solid rgb(241 241 241 / 12%);
        margin-right: 8px;
        height: 40px;
        align-items: center;
        display: flex;
    }

    #listPassagens .btn-icon .icon-button, #listPrecos .btn-icon .icon-button {
        display: inline-block;
        width: 18px;
        height: 26px;
        background-image: url(../img/sprite_aereo.png);
        background-repeat: no-repeat;
    }

        #listPassagens .btn-icon .icon-button.money, #listPrecos .btn-icon .icon-button.money {
            background-position: 0 0;
        }

        #listPassagens .btn-icon .icon-button.select, #listPrecos .btn-icon .icon-button.select {
            background-position: 0 -23px;
        }

#listPassagens .item-tarifa {
    border: 1px solid #cccccc;
    margin: 25px 0;
    opacity: 1;
}

#listPassagens .box-valor {
    background: #fff;
    padding: 0;
}

    #listPassagens .box-valor .text-center {
        margin-top: 35px;
    }

    #listPassagens .box-valor .label-success {
        position: relative;
        top: -10px;
        margin: 0 auto;
        left: 35%;
    }

    #listPassagens .box-valor .mv-valor {
        position: relative;
        width: 100%;
        padding-top: 8px;
        padding-bottom: 0px;
        min-height: 92px;
        margin-bottom: 0px;
        margin-top: 0px;
        /*background: #f8f6f6;*/
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    color: #6fa15a;
    font-size: 22px;
}

    #listPassagens .box-valor h5 small {
        font-size: 16px;
        color: #0072BF;
    }

    #listPassagens .box-valor .btn {
        margin: 10px auto;
        background-color: #0072bf !important;
        border-color: #0072bf;
    }

    #listPassagens .box-valor .payment-button {
        background-color: #6fa15a !important;
        border-color: #6fa15a;
    }

    #listPassagens .box-valor.box-menor-valor .mv-valor {
        color: #6fa15a;
        font-size: 22px;
    }

    #listPassagens .box-valor.box-menor-valor h5 small {
        font-size: 16px;
        color: #0072BF;
    }

    #listPassagens .box-valor .popover .popover-title {
        font-weight: bold;
        color: #0072bf;
        border-radius: 5px 5px 0 0;
    }

    #listPassagens .box-valor .popover .popover-content {
        padding: 10px 20px;
    }

        #listPassagens .box-valor .popover .popover-content p {
            font-size: 14px;
            color: #393939;
            text-align: justify;
            margin: 0 20px 10px;
        }

        #listPassagens .box-valor .popover .popover-content .box-bottom {
            width: 100%;
            text-align: center;
        }

            #listPassagens .box-valor .popover .popover-content .box-bottom .btn {
                margin: 10px 8px 20px;
                padding: 7px 40px;
            }

    #listPassagens .box-valor .popover .arrow {
        left: auto;
        right: -10px;
        top: 53px;
    }

.rtf-content {
    font-family: Arial, sans-serif;
    line-height: 1.5;
    padding: 15px;
}

.rtf-content p {
    margin-bottom: 10px;
}

.rtf-content strong {
    font-weight: bold;
}

.rtf-content {
    font-family: Arial, sans-serif;
    line-height: 1.5;
    padding: 15px;
}

.rtf-content p {
    margin-bottom: 10px;
}

.rtf-content strong {
    font-weight: bold;
}

#listPassagens .selo-volta {
    position: relative;
    background: #0072bf;
    color: #fff;
    padding: 4px 15px;
    margin: 2px;
    display: inline-block;
}

    #listPassagens .selo-volta:after {
        content: '';
        display: inline-block;
        background: #0072bf;
        width: 24px;
        height: 27px;
        -moz-transform: skew(50deg);
        -ms-transform: skew(50deg);
        -o-transform: skew(50deg);
        -webkit-transform: skew(50deg);
        transform: skew(-40deg);
        right: -12px;
        top: 0;
        position: absolute;
    }

    #listPassagens .selo-volta .icon-plane {
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(225deg);
        left: -4px;
        position: relative;
    }

#listPassagens .selo-ida {
    position: relative;
    background: #0072bf;
    color: #fff;
    padding: 4px 15px;
    margin: 2px;
    display: inline-block;
}

    #listPassagens .selo-ida:after {
        content: '';
        display: inline-block;
        background: #0072bf;
        width: 24px;
        height: 27px;
        -moz-transform: skew(50deg);
        -ms-transform: skew(50deg);
        -o-transform: skew(50deg);
        -webkit-transform: skew(50deg);
        transform: skew(-40deg);
        right: -12px;
        top: 0;
        position: absolute;
    }

    #listPassagens .selo-ida .icon-plane {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        left: -4px;
        position: relative;
    }

#listPassagens .data-ida,
#listPassagens .data-volta {
    padding-left: 25px;
    font-size: 13px;
}

#listPassagens .box-ida .fare {
    cursor: pointer;
}

#listPassagens .box-ida,
#listPassagens .box-volta {
    padding: 0;
}

    #listPassagens .box-ida .fare,
    #listPassagens .box-volta .fare {
        cursor: pointer;
    }

    #listPassagens .box-ida .popover .arrow,
    #listPassagens .box-volta .popover .arrow {
        left: 50%;
        right: auto;
        top: -11px;
    }

    #listPassagens .box-ida.box-total {
        width: 80%;
    }

        #listPassagens .box-ida.box-total .fare {
            cursor: pointer;
        }

#listPassagens .parada-1,
#listPassagens .paradas-2 {
    text-align: center;
    color: #e74c3c;
}

#listPassagens .direto {
    text-align: center;
    color: #82af6f;
}

#listPassagens .trigger-popover {
    cursor: pointer;
    text-decoration: none;
    color: transparent;
}

.popover-cia {
    color: red;
    text-transform: uppercase;
}

#listPassagens .popover {
    width: 530px;
    max-width: none;
    font-size: 12px;
    border-radius: 5px;
}

    #listPassagens .popover .popover-title {
        font-weight: bold;
        color: #0072bf;
        border-radius: 5px 5px 0 0;
    }

    #listPassagens .popover .popover-content {
        overflow-x: auto;
    }

        #listPassagens .popover .popover-content table th span {
            font-size: 15px;
            color: #464646;
        }

        #listPassagens .popover .popover-content table td span {
            font-size: 14px;
            color: #393939;
        }

        #listPassagens .popover .popover-content table tr {
            border-top: 1px solid #e2e1e1;
        }

            #listPassagens .popover .popover-content table tr:first-child {
                border-top: none;
            }

            #listPassagens .popover .popover-content table tr:nth-child(2) {
                border-top: none;
            }

            #listPassagens .popover .popover-content table tr.selected td {
                background: none;
            }

#listPassagens .radio {
    text-align: center;
}

    #listPassagens .radio,
    #listPassagens .radio input {
        margin: 0;
        padding: 0;
    }

        #listPassagens .radio .lbl {
            margin-top: 0 !important;
        }

#listPassagens .item-tarifa.selected {
    border-color: #efefef;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.4);
}

#listPassagens .item-tarifa.no-selected {
    opacity: 0.5;
}

#listPassagens .radio {
    margin-left: 5px;
}

.overlay-popover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 1000;
}

#Menssagens .icon-plane {
    font-size: 70px;
    color: #0072bf;
}

#Menssagens .icon-close {
    font-size: 70px;
    color: #a6040f;
}

#Menssagens .text-large {
    font-weight: bold;
    font-size: 22px;
    margin-top: 24px;
}

#Menssagens p {
    font-size: 16px;
}

#Menssagens .mensagem {
    margin: 50px auto 150px;
}

.box-forma-pgto label.bold {
    font-weight: bold;
}

.box-forma-pgto .chosen-container-single .chosen-single span {
    margin-right: 11px;
}

.box-b-cash .transferencia {
    background: url(http://www.viagensprepagas.com.br/common/images/selos/selos-transferencia.png) no-repeat 0 0;
    padding-top: 28px;
    margin-top: 34px;
}

    .box-b-cash .transferencia .box {
        background: #F7F5F4;
        border: 1px solid #8C9C6B;
        padding: 15px;
        margin-top: 6px;
        margin-right: 25%;
        font: bold 12px Arial, Helvetica, sans-serif;
    }

.value-color {
    color: #87b87f;
}

.anac-msg-area {
    background: #f5f5f5;
    text-align: justify;
}

    .anac-msg-area .text-color {
        color: #0072bf;
    }

    .anac-msg-area .text-pointer {
        cursor: pointer;
    }

    .anac-msg-area div.icon-2 {
        background: #dd3636;
    }

        .anac-msg-area div.icon-2 i {
            font-size: 22px;
            display: block;
            margin: 8px 0;
            line-height: 1.05;
        }

    .anac-msg-area div.icon {
        background: #ffdc4d;
    }

        .anac-msg-area div.icon i {
            font-size: 22px;
            display: block;
            margin: 8px 0;
            line-height: 1.05;
        }

    .anac-msg-area div.informative-2 {
        background: #fae1e1;
    }

        .anac-msg-area div.informative-2 h3 {
            margin: 10px 0;
            font-size: 18px;
        }

    .anac-msg-area div.informative {
        background: #ffeb99;
    }

        .anac-msg-area div.informative h3 {
            margin: 10px 0;
            font-size: 18px;
        }

.box-venda-details {
    right: 97px;
    float: right;
    top: 7px;
    position: absolute;
    z-index: 20;
}

    .box-venda-details .details-valor {
        text-align: center;
    }

        .box-venda-details .details-valor p {
            margin: 0;
        }

            .box-venda-details .details-valor p.valor-venda {
                position: relative;
                margin-bottom: 8px;
            }

                .box-venda-details .details-valor p.valor-venda span {
                    position: absolute;
                    right: 10px;
                    top: 4px;
                }

                .box-venda-details .details-valor p.valor-venda strong {
                    font-size: 22px;
                    line-height: 1.1;
                }

    .box-venda-details .widget-header {
        min-height: 41px;
    }

        .box-venda-details .widget-header h5 small {
            font-size: 11px;
            text-transform: uppercase;
            margin-left: 10px;
        }

    .box-venda-details .widget-toolbar:before {
        top: 5px;
    }

    .box-venda-details .stops {
        display: block;
        text-transform: uppercase;
    }

    .box-venda-details .widget-inner {
        margin-bottom: 10px;
    }

        .box-venda-details .widget-inner .widget-header a {
            text-decoration: none;
            display: block;
        }

        .box-venda-details .widget-inner .widget-header h5 {
            display: inline;
        }

        .box-venda-details .widget-inner .widget-toolbar a {
            color: #4383B4;
        }

        .box-venda-details .widget-inner .widget-toolbar:before {
            border: 0 none;
        }

    .box-venda-details .flights-details-container {
        overflow: hidden;
        position: relative;
    }

        .box-venda-details .flights-details-container .label {
            background: none !important;
            color: #393939;
            font-size: 11px;
        }

        .box-venda-details .flights-details-container .airline-data {
            background: #FFF;
            padding: 4px 0;
            text-align: center;
            position: absolute;
            width: 60px;
            height: 48px;
            left: 50%;
            margin-left: -30px;
            top: 10px;
            font-size: 11px;
        }

            .box-venda-details .flights-details-container .airline-data .airline-logo {
                display: block;
            }

        .box-venda-details .flights-details-container .flight {
            float: left;
            width: 50%;
            text-align: center;
            border-right: 1px solid #EEEEEE;
            padding: 0 30px;
        }

            .box-venda-details .flights-details-container .flight:last-child {
                border: 0 none;
            }

            .box-venda-details .flights-details-container .flight .details {
                padding: 10px 5px;
            }

            .box-venda-details .flights-details-container .flight .location-code {
                font-size: 24px;
                text-transform: uppercase;
                margin: 0 0 4px;
                color: #0072bf;
            }

            .box-venda-details .flights-details-container .flight .item.date {
                margin: 4px 0 8px;
                font-size: 11px;
            }

            .box-venda-details .flights-details-container .flight .item.time {
                background: #EEEEEE;
                padding: 5px;
                display: inline-block;
            }

    .box-venda-details .connection {
        background: #EEEEEE;
        text-align: center;
        font-size: 11px;
        padding: 5px;
        display: block;
    }

.filtro-busca .acao-filtro {
    position: absolute;
    bottom: 20px;
    right: 30px;
    text-align: right;
}

    .filtro-busca .acao-filtro a {
        margin: 0 6px 0 0;
        font-size: 0.8em;
        margin-left: 5px;
    }

        .filtro-busca .acao-filtro a span.icon-secundario {
            font-size: 0.6em;
            position: absolute;
            bottom: -5px;
            left: 7px;
        }

        .filtro-busca .acao-filtro a span.icon-refresh {
            color: #5cb85c;
        }

        .filtro-busca .acao-filtro a span.icon-remove {
            color: #d9534f;
        }

.filtro-busca .acao-filtro-total {
    position: relative;
    float: right;
    margin: 8px 20px 8px 0;
    bottom: 0;
    right: 0;
}

    .filtro-busca .acao-filtro-total a {
        margin: 0 5px;
    }

.filtro-busca .box-filtro {
    border: solid 1px #e1e1e1;
    padding: 15px 20px 35px 20px;
    margin-bottom: 12px;
}

    .filtro-busca .box-filtro h5 {
        margin-top: 0;
        font-weight: bold;
    }

    .filtro-busca .box-filtro .checkbox {
        height: 35px;
    }

        .filtro-busca .box-filtro .checkbox img {
            max-height: 29px;
        }

    .filtro-busca .box-filtro .range {
        margin: 10px 0;
        display: inline-block;
        width: 100%;
    }

        .filtro-busca .box-filtro .range .range-left {
            float: left;
            text-align: left;
        }

        .filtro-busca .box-filtro .range .range-right {
            float: right;
            text-align: right;
        }

    .filtro-busca .box-filtro .checkbox-filtro .checkbox {
        padding-left: 0;
    }

#Seguro .seguro-container {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

#Seguro .seguro-form-group {
    width: max-content;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}

    #Seguro .seguro-form-group label,
    #Seguro .seguro-form-group input {
        cursor: pointer;
    }

.border-bottom-f1 {
    border-bottom: 1px solid #CCC;
}

.informacoes-seguro {
    display: flex;
    border: 1px solid #CCC;
    border-radius: 5px;
}

.title-seguro-viagem {
    color: #008C97;
    margin: 0 0 10px 0;
}

.universal-assistance-wrappler {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 10px;
}

.universal-assistance {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 5px 10px;
    max-width: fit-content
}

.beneficios-seguro {
    padding-block: 10px;
}

    .beneficios-seguro i,
    .validacao-assegurado-sucesso {
        color: #00ab63;
    }

    .beneficios-seguro h5 {
        display: inline-block;
    }

.total-seguro-wrappler {
    background-color: #80808012;
    border-left: 1px solid #CCC;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.preco-seguro-viagem {
    color: #00ab63;
}

.seguro-title {
    color: #669fc7;
}

.validacao-assegurado {
    height: 34px;
    display: flex;
    align-items: center;
}

.validacao-assegurado-falha {
    color: #b94a48;
}

.clientMessage,
.clientMessage li {
    list-style: none !important;
    margin: 0 !important;
}

/*#endregion */
/*#region VENDA: RODOVIARIO  */
/*Passo 1*/
.imagem-maleta {
    float: left;
    margin-right: 5px;
    width: 20px;
}

.label-first-name {
    width: 68%;
    margin-left: 54px;
}

.nasc-block {
    margin-left: -20px;
}

.btn-cont {
    margin-left: -125px;
}

.pass2-adulto {
    width: 18%;
    margin-top: 0 !important;
}

.cia {
    background-image: url('../img/sprite-cia-rod.png');
    background-repeat: no-repeat;
    display: block;
}

    .cia.rodov-1001 {
        background-position: -1px -1px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-aguia-branca {
        background-position: -1px -83px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-andorinha {
        background-position: -1px -165px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-araguarina {
        background-position: -1px -247px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-bel-tour {
        background-position: -1px -329px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-braganca {
        background-position: -1px -411px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-brasil-sul {
        background-position: -1px -493px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-brisa {
        background-position: -1px -575px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-rotas-do-triangulo {
        background-position: -1px -657px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-cantelle {
        background-position: -1px -739px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-catarinense {
        background-position: -1px -821px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-cometa {
        background-position: -1px -903px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-costa-verde {
        background-position: -1px -985px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-cruzeiro {
        background-position: -1px -1067px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-estrela {
        background-position: -1px -1149px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-kaiowa {
        background-position: -1px -1231px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-expresso-luxo {
        background-position: -1px -1313px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-expresso-araguari {
        background-position: -1px -1395px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-expresso-brasileiro {
        background-position: -1px -1477px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-expresso-do-sul {
        background-position: -1px -1559px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-expresso-maringa {
        background-position: -1px -1641px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-facil {
        background-position: -1px -1723px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-fretcar {
        background-position: -1px -1805px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-garcia {
        background-position: -1px -1887px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-gardenia {
        background-position: -1px -1969px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-expresso-guanabara {
        background-position: -1px -2051px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-irr {
        background-position: -1px -2133px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-inga {
        background-position: -1px -2215px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-itapemirim {
        background-position: -1px -2297px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-jbl {
        background-position: -1px -2379px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-caicara {
        background-position: -1px -2461px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-kaissara {
        background-position: -1px -2461px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-lopes-sul {
        background-position: -1px -2543px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-macaense {
        background-position: -1px -2625px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-motta {
        background-position: -1px -2707px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-nacional-expresso {
        background-position: -1px -2789px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-nasser {
        background-position: -1px -2871px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-normandy {
        background-position: -1px -2953px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-ouro-branco {
        background-position: -1px -3035px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-paraibuna {
        background-position: -1px -3117px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-passaro-verde {
        background-position: -1px -3199px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-penha {
        background-position: -1px -3281px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-planalto {
        background-position: -1px -3363px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-pluma {
        background-position: -1px -3445px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-princesa-do-ivai {
        background-position: -1px -3527px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-princesa-dos-campos {
        background-position: -1px -3609px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-viacao-rapido-brasil {
        background-position: -1px -3691px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-marajo {
        background-position: -1px -3773px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-rapido-federal {
        background-position: -1px -3855px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-real {
        background-position: -1px -3937px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-real-expresso {
        background-position: -1px -4019px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-reunidas-paulista,
    .cia.rodov-reunidas {
        background-position: -1px -4101px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-rota {
        background-position: -1px -4183px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-salutaris {
        background-position: -1px -4265px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-sampaio {
        background-position: -1px -4347px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-santa-cruz {
        background-position: -1px -4429px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-setelogoano {
        background-position: -1px -4511px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-transbrasiliana {
        background-position: -1px -4593px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-transfada {
        background-position: -1px -4675px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-transpen {
        background-position: -1px -4757px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-ultra-transportes {
        background-position: -1px -4839px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-util {
        background-position: -1px -4921px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-vg {
        background-position: -1px -5003px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-progresso {
        background-position: -1px -5085px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-transcontinental {
        background-position: -1px -5167px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-eucatur {
        background-position: -1px -5249px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-expresso-satelite-norte-ltda {
        background-position: -1px -5330px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-viacao-rio-doce {
        background-position: -1px -5496px;
        width: 160px;
        height: 80px;
    }

    .cia.rodov-unida-mansur {
        background-position: -1px -5572px;
        width: 160px;
        height: 80px;
    }

#listPrecos .list-precos {
    border: 1px solid #ccc;
    margin: 25px 0;
    opacity: 1;
}

#listPrecos .data-ida,
#listPrecos .data-volta {
    padding-left: 25px;
    font-size: 13px;
}

#listPrecos table {
    margin: 0 auto;
    width: 98%;
}

    #listPrecos table td {
        padding: 0;
        vertical-align: middle !important;
    }

        #listPrecos table td > span {
            padding: 22px 0;
            display: inline-block;
        }

        #listPrecos table td .price {
            position: relative;
            color: #0072bf;
            font-weight: bold;
            font-size: 24px;
            padding: 16px 0;
        }

            #listPrecos table td .price .label {
                display: flex;
            }

        #listPrecos table td .btn {
            padding: 8px 9px;
            margin: 8px 0;
        }

#listPrecos .selo-volta {
    background-color: #82af6f;
}

    #listPrecos .selo-volta:after {
        background-color: #82af6f;
    }

.qtd-opcao-viagem {
    margin: 6px 0 0;
}

.checkbox-ida {
    display: inline-block;
    float: right;
    margin: 0px;
}

.checkbox-ida-search {
    margin: -3px;
}

.btn-buscar {
    padding: 3px 12px;
    height: 34px;
    line-height: 0px;
}
/*Passo 2*/
.select-chair .selo-ida,
.select-chair .selo-volta {
    float: left;
}

.select-chair .select-ida,
.select-chair .select-volta {
    border: 1px solid #ccc;
    margin: 0 0 25px;
    padding-bottom: 20px;
}

.select-chair .selo-volta {
    background-color: #82af6f;
}

    .select-chair .selo-volta:after {
        background-color: #82af6f;
    }

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

.select-chair .select-ida .dados-viagem,
.select-chair .select-volta .dados-viagem {
    margin: 8px 0 15px 25px;
    display: inline-block;
    float: left;
    width: 80%;
}

    .select-chair .select-ida .dados-viagem span,
    .select-chair .select-volta .dados-viagem span {
        display: inline-block;
        margin: 0 15px 0 0;
        white-space: nowrap;
    }

.select-chair .select-ida h4,
.select-chair .select-volta h4 {
    margin-left: 20px;
}

button.reservar-assento {
    margin-right: 10px;
}

.detalhes-passageiros {
    border: 1px solid #ccc;
}

.selected-char .poltrona-passageiro {
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.selected-char .titulo,
.detalhes-passageiros > h4 {
    position: relative;
    background: #0072bf;
    color: #fff;
    padding: 3px 15px;
    margin: 2px;
    display: inline-block;
}

    .selected-char .titulo:after,
    .detalhes-passageiros > h4:after {
        content: '';
        display: inline-block;
        background: #0072bf;
        width: 20px;
        height: 25px;
        -moz-transform: skew(50deg);
        -ms-transform: skew(50deg);
        -o-transform: skew(50deg);
        -webkit-transform: skew(50deg);
        transform: skew(-40deg);
        right: -10px;
        top: 0;
        position: absolute;
    }

.selected-char .poltrona-selecionada,
.detalhes-passageiros .poltrona-selecionada {
    position: relative;
    display: inline-block;
    width: 100%;
    list-style: none;
}

    .selected-char .poltrona-selecionada .char-ida-volta,
    .detalhes-passageiros .poltrona-selecionada .char-ida-volta {
        position: relative;
        margin: 15px 0;
        display: inline-block;
    }

        .selected-char .poltrona-selecionada .char-ida-volta h4,
        .detalhes-passageiros .poltrona-selecionada .char-ida-volta h4 {
            margin-top: 0;
            padding-left: 40px;
            padding-right: 20px;
        }

    .selected-char .poltrona-selecionada .char,
    .detalhes-passageiros .poltrona-selecionada .char {
        top: -5px;
        left: -7px;
        cursor: none;
    }

.char {
    width: 36px;
    height: 30px;
    background: url(/Content/img/sprite-assentos-bus.png) no-repeat;
    padding-left: 5px;
    font-weight: 700;
    font-size: 17px;
    text-shadow: 0.2px -0.5px 0 rgba(0, 0, 0, 0.6);
    filter: dropshadow(color=rgba(0, 0, 0, 0.6), offx=0.2, offy=-0.5);
    text-align: left;
    position: absolute;
    bottom: 0;
    font-size: 15px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 8px;
    margin-left: 5px;
    cursor: pointer;
}

.char-content {
    width: 48px;
    height: 30px;
}

.char.unavailable {
    background-position: 0 0;
    cursor: text;
}

.char.available {
    background-position: -83px 0;
}

.char.reserved {
    background-position: -39px 0;
}

.char.selecioned {
    background-position: -39px 0;
}

.bus-box {
    min-width: 470px;
    height: 247px;
    position: relative;
    border: 2px solid #6f6c6c;
    border-left: none;
    border-radius: 0px 10px 10px 0px;
    margin-left: 100px;
    background-color: #ebebeb;
}

    .bus-box .line-0 {
        top: 207px;
    }

    .bus-box .line-1 {
        top: 160px;
    }

    .bus-box .line-2 {
        top: 57px;
    }

    .bus-box .line-3 {
        top: 10px;
    }

    .bus-box .line-4 {
        top: 23px;
    }

    .bus-box .col-0 {
        left: 0px;
    }

    .bus-box .col-1 {
        left: 42px;
    }

    .bus-box .col-2 {
        left: 84px;
    }

    .bus-box .col-3 {
        left: 126px;
    }

    .bus-box .col-4 {
        left: 168px;
    }

    .bus-box .col-5 {
        left: 210px;
    }

    .bus-box .col-6 {
        left: 252px;
    }

    .bus-box .col-7 {
        left: 294px;
    }

    .bus-box .col-8 {
        left: 336px;
    }

    .bus-box .col-9 {
        left: 378px;
    }

    .bus-box .col-10 {
        left: 420px;
    }

    .bus-box .col-11 {
        left: 462px;
    }

    .bus-box .col-12 {
        left: 504px;
    }

    .bus-box .col-13 {
        left: 546px;
    }

    .bus-box .col-margin-0 {
        margin-left: 0px;
    }

    .bus-box .col-margin-1 {
        margin-left: 42px;
    }

    .bus-box .col-margin-2 {
        margin-left: 84px;
    }

    .bus-box .col-margin-3 {
        margin-left: 126px;
    }

    .bus-box .col-margin-4 {
        margin-left: 168px;
    }

    .bus-box .col-margin-5 {
        margin-left: 210px;
    }

    .bus-box .col-margin-6 {
        margin-left: 252px;
    }

    .bus-box .col-margin-7 {
        margin-left: 294px;
    }

    .bus-box .col-margin-8 {
        margin-left: 336px;
    }

    .bus-box .col-margin-9 {
        margin-left: 378px;
    }

    .bus-box .col-margin-10 {
        margin-left: 420px;
    }

    .bus-box .col-margin-11 {
        margin-left: 462px;
    }

    .bus-box .col-margin-12 {
        margin-left: 504px;
    }

    .bus-box .col-margin-13 {
        margin-left: 546px;
    }

.autocomplete-loader {
    position: absolute;
    top: 28px;
    right: 16.5px;
    z-index: 99;
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #525252;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s ease-in-out infinite;
}

    .autocomplete-loader.hotel {
        top: 32px;
        right: 17px;
    }

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

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

.sk-chase {
    width: 40px;
    height: 40px;
    margin: 104px auto;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

    .sk-chase-dot:before {
        content: '';
        display: block;
        width: 25%;
        height: 25%;
        background-color: #6f6c6c;
        border-radius: 100%;
        animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
    }

    .sk-chase-dot:nth-child(1) {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2) {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3) {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4) {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5) {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6) {
        animation-delay: -0.6s;
    }

    .sk-chase-dot:nth-child(1):before {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2):before {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3):before {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4):before {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5):before {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6):before {
        animation-delay: -0.6s;
    }

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    }

    100%, 0% {
        transform: scale(1.0);
    }
}

.legends {
    width: 300px;
    margin: 24px auto 20px;
    list-style: none;
}

    .legends li {
        position: relative;
        display: inline-block;
        margin-left: 3%;
        font-size: 10px;
        width: 29%;
        padding-left: 44px;
    }

        .legends li .char {
            left: 0;
            top: -8px;
        }

.poltrona-rodoviario {
    width: 515px;
    margin: 15px auto 0;
    clear: both;
    display: table;
}

.bus-cabin {
    float: left;
    background: url(/Content/img/bg-bus.png) no-repeat;
    background-size: 603px 290px;
    background-position: 0 -27px;
    width: 100px;
    height: 249px;
    z-index: 99;
}

.passenger-details {
    position: relative;
    padding: 20px;
    margin-bottom: 10px;
}

.icon-calendar-nascimento {
    position: absolute;
    right: 20px;
    top: 62px;
    font-size: 16px;
}

.select-rodoviario {
    height: 29px !important;
}

.selected-char h2 {
    margin-top: 0;
    margin-bottom: 20px;
}

.selected-char ul {
    margin-left: 0;
}

    .selected-char ul li {
        position: relative;
        display: inline-block;
        width: 100%;
        list-style: none;
        padding: 0 30px;
    }

        .selected-char ul li .char-ida-volta {
            position: relative;
            margin: 15px 0;
            display: inline-block;
        }

            .selected-char ul li .char-ida-volta h4 {
                margin-top: 0;
                padding-left: 40px;
                padding-right: 20px;
            }

        .selected-char ul li .char {
            top: -5px;
            left: -7px;
            cursor: none;
        }

        .selected-char ul li p {
            font-size: 14px;
            width: 50%;
            float: left;
        }

        .selected-char ul li .name {
            width: 100%;
        }

        .selected-char ul li .remove-char {
            position: absolute;
            z-index: 10;
            right: 40px;
            top: 20px;
        }

        .selected-char ul li:first-child {
            border: none;
        }

.selo-ida,
.selo-volta {
    position: relative;
    background: #0072bf;
    color: #fff;
    padding: 4px 15px;
    margin: 2px;
    display: inline-block;
}

    .selo-ida:after,
    .selo-volta:after {
        content: '';
        display: inline-block;
        background: #0072bf;
        width: 20px;
        height: 31px;
        -moz-transform: skew(50deg);
        -ms-transform: skew(50deg);
        -o-transform: skew(50deg);
        -webkit-transform: skew(50deg);
        transform: skew(-33deg);
        right: -10px;
        top: 0;
        position: absolute;
    }
/*Passo 3*/
.pagamento-total {
    font-size: 18px;
    margin-bottom: 20px;
}
/*Passo 5*/
.info-passagens {
    float: none;
    margin: 10px 0;
}
/*#endregion */
/*#region COMISSÃO */
#table-result {
    overflow-x: scroll !important;
}
/*#endregion */
.border-frame {
    border: 1px solid #ccc;
}

.btn-nova-venda {
    padding-left: 90px;
    padding-right: 90px;
}

.margin-top-bottom {
    margin: 20px 0;
}

.table-info-passo-5 {
    text-align: left;
}

    .table-info-passo-5 thead {
        color: #6bb4dc;
    }

    .table-info-passo-5 tbody {
        color: #393939;
    }

.tabe-info-passo-5 .celula30 {
    width: 30%;
}

.link-item {
    margin: 11px 0;
    height: 82px;
}

    .link-item a {
        color: #393939;
    }

    .link-item h6 {
        margin-top: 0;
        text-transform: uppercase;
    }

    .link-item p {
        margin: 0;
    }

    .link-item img {
        margin-right: 20px;
    }

    .link-item .link {
        -ms-word-break: break-all;
        word-break: break-all;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        white-space: pre-wrap;
    }

.widget-box-overlay {
    width: 100%;
    height: 100%;
    z-index: 10001;
}
/*#region Hotel*/
.search-rooms-wrapper {
    display: flex;
    row-gap: 10px;
    column-gap: 24px;
    flex-wrap: wrap;
    width: 100%;
}

    .search-rooms-wrapper .selectNone {
        grid-row: 1;
        grid-column: 1 / -1;
    }

    .search-rooms-wrapper div,
    .search-rooms-wrapper input {
        display: inline-block;
    }

    .search-rooms-wrapper .search-rooms-input {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-right: 24px;
        max-width: 100%;
    }

    .search-rooms-wrapper label,
    .search-rooms-wrapper span {
        display: block;
    }

    .search-rooms-wrapper .search-rooms-select {
        width: 115px !important;
    }

.item-hotel {
    padding: 0;
    margin-bottom: 20px;
    border: 1px solid #cccccc;
    min-height: 297px;
}

.item-hotel-info {
    background-color: #FFF;
    min-height: 297px;
}

.item-hotel .ver-mais {
    margin: 20px 0;
}

.item-hotel .item-hotel-imagem img {
    max-width: 150px;
    max-height: 150px;
    padding: 0;
    border-radius: 4px;
    margin-bottom: 10px;
    object-fit: cover;
}

.item-hotel .item-hotel-imagem .flag-destaque {
    position: absolute;
    top: 10px;
    left: -15px;
    background: #03af39;
    width: 35%;
    max-width: 40%;
    height: 60px;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.7) 4px 4px 4px 0;
    color: #ffffff;
    line-height: initial;
    padding-top: 5px;
}

    .item-hotel .item-hotel-imagem .flag-destaque:after {
        content: '';
        position: absolute;
        top: 60px;
        left: -16px;
        border-style: solid;
        border-width: 0 16px 10px;
        border-color: transparent #1f6335 transparent transparent;
    }

.item-hotel .item-hotel-descricao item-hotel-nome {
    text-decoration: none;
    color: #0072bf;
}

    .item-hotel .item-hotel-descricao item-hotel-nome:focus,
    .item-hotel .item-hotel-descricao item-hotel-nome:hover {
        text-decoration: none;
    }

.item-hotel-nome {
    color: #428bca !important;
}

.item-hotel .item-hotel-opcoes {
    padding: 10px 0;
    border-top: 1px solid #e2e1e1;
}

.item-hotel .item-hotel-opcoes-wooba {
    border: 1px solid #cccccc;
    border-radius: 5px;
    /*padding: 15px;*/
    position: relative;
}

.item-hotel-input {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.item-hotel-ativo {
    border: 3px solid #428bca !important;
    box-shadow: 0 0 0 0.2rem #eaf2f9 !important;
}

.item-hotel-opcoes-wooba + .item-hotel-opcoes-wooba {
    margin-top: 20px;
}

.item-hotel .item-hotel-opcoes-wooba .item-hotel-regime,
.item-hotel .item-hotel-opcoes-wooba .item-hotel-tipo {
    text-transform: capitalize;
}

.item-hotel .item-hotel-opcoes.ativo {
    background: #dcf1fe;
}

.item-hotel .item-hotel-preco {
    background-color: #f8f6f6;
    height: auto !important;
}

    .item-hotel .item-hotel-preco h3 {
        color: #0072bf;
        margin: 30px 0 0;
    }

    .item-hotel .item-hotel-preco .btn {
        margin-top: 8px;
        margin-bottom: 20px;
    }

.hotels-not-found {
    text-align: center;
    color: #0072bf;
}

.table-rooms-information:not(:last-child) {
    margin-bottom: 20px !important;
}

.table-rooms-information .table-rooms-caption {
    text-align: left;
    text-transform: capitalize;
    background-color: #f8f6f6;
    border-radius: 5px;
    padding: 8px;
    font-family: Arial;
    font-weight: 600;
}

.table-rooms-information .table-rooms-number {
    background-color: #428bca;
    color: #fff;
    border-radius: 4px;
    padding: 5px 5px 5px 8px;
    margin-right: 8px;
}

.table-rooms-information td,
.table-rooms-information th {
    padding: 5px;
}

.table-rooms-information td {
    background-color: #f8f6f6;
}

    .table-rooms-information td:not(:last-child) {
        border-right: 4px solid #fff;
    }

.table-rooms-last-row-left {
    border-radius: 5px 0px 0px 5px !important;
}

.table-rooms-last-row-right {
    border-radius: 0px 5px 5px 0px !important;
}

.item-hotel .star-ratings-sprite {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
    font-size: 0;
    height: 21px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 110px;
    margin-bottom: 15px;
}

.item-hotel .star-ratings-sprite-rating {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
    background-position: 0 100%;
    float: left;
    height: 21px;
    display: block;
}

.item-hotel .star-ratings-css {
    unicode-bidi: bidi-override;
    color: #c5c5c5;
    font-size: 25px;
    height: 25px;
    width: 100px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    text-shadow: 0px 1px 0 #a2a2a2;
}

.item-hotel .star-ratings-css-top {
    color: #e7711b;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}

.item-hotel .star-ratings-css-bottom {
    padding: 0;
    display: block;
    z-index: 0;
}

.item-hotel .caret-aereo-passo3 {
    border-top: 6px solid #000000;
    border-right: 6px solid transparent;
    border-bottom: 0 dotted;
    border-left: 6px solid transparent;
}

.hotel-detalhes {
    border: 1px solid #cccccc;
    border-top: none;
    margin-bottom: 20px;
    padding-top: 20px;
}

    .hotel-detalhes .hotel-slide .item-slide {
        width: 100%;
        height: 400px;
    }

    .hotel-detalhes .slick-slider {
        margin-bottom: 15px !important;
    }

.modal-content-map .modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 14px;
}

.modal-header .close {
    margin-top: -2px;
    color: #555555;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close {
    font-size: inherit;
    color: #FFFFFF;
    opacity: 0.9;
    text-shadow: none;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.modal-content-map .modal-body {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    background-color: #fff;
}

.modal-footer {
    margin-top: 0 !important;
}

.modal-content-map .modal-footer {
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.modal-dialog-style {
    background: #F5F5F5 !important;
    border: none !important;
    border-radius: 14px;
}

#modalFormPaymentBLT .modal-dialog-style {
    max-width: 384px;
}

.modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
    overflow-x: hidden;
}

.m-t-6 {
    margin-top: 6px;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-27 {
    margin-top: 27px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.form-passo-2 {
    max-width: 1280px;
    margin: 0 auto;
}

.m-l-13 {
    margin-left: 13px !important;
}

.modal-hotel-footer {
    padding-top: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    margin-top: 0px !important;
}

.close-hotel {
    font-size: 48px;
    color: #0072bf;
}

.error-notice {
    margin: 5px 5px;
    /* Making sure to keep some distance from all side */
}

.error-label {
    color: red;
}

.oaerror {
    width: 100%;
    /* Configure it fit in your design  */
    background-color: #FFFFFF;
    /* Default background */
    padding: 20px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.danger {
    border-left-color: #d9534f;
    /* Left side border color */
    background-color: rgba(217, 83, 79, 0.1);
    /* Same color as the left border with reduced alpha to 0.1 */
}

    .danger strong {
        color: #d9534f;
    }

.info {
    border-left-color: #5bc0de;
    background-color: rgba(91, 192, 222, 0.1);
}

    .info strong {
        color: #5bc0de;
    }

.b-b-r {
    border-bottom: 2px solid red !important;
}

.b-b-g {
    border-bottom: 2px solid green !important;
}

.loading {
    background-color: #ffffff !important;
    background-image: url("http://loadinggif.com/images/image-selection/3.gif") !important;
    background-size: 23px 23px !important;
    background-position: 99% !important;
    background-repeat: no-repeat !important;
}

.box-parcelas,
.table-parcelas,
.table-parcelas tr {
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
}

@media screen and (max-width: 768px) {
    .containerPgtPix-imgFundo {
        background-image: url('../../../../Content/img/pagamentoPix/back-tela-pagamento-pix-mobile.jpg') !important;
        background-size: 100% 100% !important;
    }

    .containerPgtPix {
        padding-top: 50% !important;
    }

    .btn-vaivoando {
        width: 100%;
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 1100px) {
    .containerPgtPix-imgFundo {
        background-image: url('../../../../Content/img/pagamentoPix/back-tela-medio.jpg') !important;
    }
}
/*#endregion*/
/*#region RESUMO DE COMPRA */
.guestsWrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}

.d-flex.align-center {
    display: flex;
    align-items: center;
}

.flex-direction-colummn {
    flex-direction: column;
}

.resumoVendaCabecalho {
    color: #6bb4dc;
}

@media only print {
    .resumoVenda {
        color: #555;
        background: #ccc;
    }
}
/*#endregion */
/*#region MEDIA QUERY */
@media (min-width: 992px) {
    .passo-5-ida,
    .passo-5-volta {
        position: relative;
        width: 49%;
    }

    .passo-5-ida {
        float: left;
    }

    .passo-5-volta {
        float: right;
    }
}

@media only screen and (max-width: 1024px) {
    #maletaon {
        margin-left: 22px;
    }

    .pass2-adulto {
        margin-left: -15px;
    }

    .label-first-name {
        margin-left: 35px;
    }

    .seguro-img {
        margin-left: 60px;
    }
}

@media only screen and (max-width: 991px) {
    .navbar-container {
        padding-left: 100px;
    }

    .passo-5-ida,
    .passo-5-volta {
        width: 100%;
        position: relative;
        float: none;
        margin: 10px 0;
    }

    #listPassagens .box-valor {
        height: auto !important;
    }

        #listPassagens .box-valor .text-center {
            margin: 0;
        }

        #listPassagens .box-valor .label-success {
            left: 47%;
        }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    #listPassagens .box-valor .text-center [class^="cia-"] {
        margin-top: 38px;
    }
}

@media only screen and (min-width: 560px) and (max-width: 844px) {
    .container-box-filtro {
        width: 50% !important;
        float: left;
    }
}

@media only screen and (max-width: 710px) {
    .footer {
        height: 88px;
        bottom: -14px;
    }

    .box-venda-details {
        right: 0;
        float: right;
        top: 7px;
        width: 100%;
        position: relative;
        z-index: 20;
        margin: 27px 0 20px;
    }

    .wizard-steps li .title {
        display: none;
    }

    .wizard-steps li.active .title {
        display: inline-block;
        position: absolute;
        top: 35px;
        left: 0;
        font-weight: bold;
        font-size: 16px;
    }
}

@media only screen and (max-width: 557px) {
    .footer {
        font-size: 12px;
    }
}

@media only screen and (max-width: 519px) {
    .footer {
        height: 102px;
        bottom: -24px;
    }
}

/*@media only screen and (max-width: 460px) {
    .ace-nav > li.user-menu-main {
        width: 150px;
    }
}*/

@media only screen and (max-width: 425px) {
    .navbar-container {
        padding-left: 35px;
    }

    #listPassagens .box-valor .label-success {
        left: 40%;
    }

    #maletaon {
        margin-left: 28px;
    }

    .label-first-name {
        margin-left: 15px;
    }

    .label-last-name {
        margin-left: 16px;
    }

    .nasc-block {
        margin-left: 18px;
        margin-top: 0;
    }

    .seguro-img {
        margin-left: 120px;
        margin-top: 30px;
    }

    .btn-cont {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 375px) {
    #maletaon {
        margin-left: 0;
    }
}

@media only screen and (max-width: 354px) {
    .footer {
        height: 120px;
        bottom: -38px;
    }

/*    .ace-nav > li.user-menu-main {
        width: 129px;
    }*/
}

.tag7-anos {
    margin-left: 50px;
}

@media only screen and (max-width: 320px) {
    #maletaoff {
        margin-left: 70px;
    }
}

@media (max-width: 767px) {
    .tag7-anos {
        display: none;
        opacity: 0;
    }
}
/*#endregion */
#modalPayment .item-payment {
    margin: 15px 0;
}

    #modalPayment .item-payment .left {
        width: 50%;
        float: left;
    }

    #modalPayment .item-payment .right {
        width: 50%;
        float: right;
    }

    #modalPayment .item-payment h5 {
        margin: 0;
    }

    #modalPayment .item-payment .parcel-price {
        margin: 0;
    }

        #modalPayment .item-payment .parcel-price span {
            color: #7b7b7b;
        }

        #modalPayment .item-payment .parcel-price .a-vista {
            color: #44ad9f;
        }

        #modalPayment .item-payment .parcel-price .total {
            display: none;
        }

        #modalPayment .item-payment .parcel-price:hover .total {
            display: inline-block;
        }

a.nav-item.nav-link.navFormPayments.no-margin-inline.ng-binding.ng-scope {
    transition: transform .2s;
}

    a.nav-item.nav-link.navFormPayments.no-margin-inline.ng-binding.ng-scope:hover {
        transform: scale(1.1);
        color: #fff;
    }

@media (max-width: 767px) {
    #modalPayment .item-payment .left {
        width: 100%;
        float: none;
    }

    #modalPayment .item-payment .right {
        width: 100%;
        float: none;
    }
}

.box-passengers {
    max-width: 1280px;
    margin: 30px auto;
}

.clearboth {
    clear: both;
}

.warning-step-2 {
    max-width: 1280px;
    padding: 0 10px;
    margin: 20px auto 0;
}

    .warning-step-2 .alert-warning {
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .warning-step-2 .icon-warning {
        font-size: 62px;
        color: #fda503;
    }

@media (max-width: 767px) {
    .warning-step-2 .alert-warning {
        display: block;
    }

    .warning-step-2 .labels {
        text-align: center;
    }
}

.invalid-code {
    color: #ff0500;
    display: none;
    margin-top: 43px;
}

.validcellphone {
    color: #87ba21;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-10-bottom {
    margin-bottom: 10px;
}

.margin-24-bottom {
    margin-bottom: 24px;
}

.margin-0-auto {
    margin: 0 auto;
}

.padding-5 {
    padding: 5px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-10-bottom {
    padding-bottom: 10px !important;
}

.padding-12-top {
    padding-top: 12px !important;
}

.text-transform-capitalize {
    text-transform: capitalize;
}

.disabled-input {
    background-color: #e8e8e8 !important;
}

#assegurado-0 {
    margin-top: 0;
    padding-top: 10px;
    border-top: 1px solid #CCC;
}

.menssagens {
    font-size: 16px;
    font-weight: bold;
}

.icon-pinpad {
    width: 50px !important;
}

.checkbox-21 {
    width: 21px;
    height: 21px;
}

#telephone-support {
    position: relative;
    text-align: center;
    top: 10px;
    font-weight: bold;
}

.telephone-support-none {
    display: none;
}

.hotel-cheaper {
    top: -10px;
    padding-top: 3px;
}

.payment-form {
    color: #0072bf;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
}

    .payment-form .type {
        font-size: 12px;
    }

.principal-price {
    color: #4d9e45 !important;
    margin-bottom: 20px;
}

.principal-price-item {
    color: #4d9e45;
    font-size: 17px;
}

.default-price {
    color: #929292;
    margin-bottom: 25px;
}

.payment-form-label {
    font-size: 12px;
}

.payment-form-room {
    color: #929292;
    font-weight: bold;
    text-align: center;
}

.payment-form-top {
    margin-top: 30px;
}

.item-pacote {
    margin-top: 10px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 15px !important;
    margin-bottom: 10px;
}

.item-pacote-payments {
    padding-top: 10px;
    padding-bottom: 15px;
    background-color: #f8f6f6;
}

.client-select {
    height: 28px;
}

.alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.form-validation {
    display: none;
    margin-top: 20px;
}

    .form-validation span {
        float: right;
        top: 0;
    }

.disabled {
    background-color: #EEEEEE !Important;
}

.filter-airlines {
    margin-top: 20px;
}

    .filter-airlines .airline {
        padding: 0px 30px 0px 0px;
        display: inline-block;
        cursor: pointer;
    }

        .filter-airlines .airline .cias {
            float: right;
            margin: -5px 4px !important;
            cursor: pointer;
        }

.alert-airline {
    width: 30%;
    position: fixed;
    top: 0;
    right: 10px;
    z-index: 99999;
}

.inpult-date-age {
    width: 46%;
    margin: 4px;
}

.center-modal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.avoid-checkbox-cel {
    margin-right: 50px;
}

.avoid-checkbox-email {
    margin-right: 60px;
}

.step-2-flight {
    margin-top: 9px;
}

.avoid-checkbox {
    float: right;
    margin-left: 5px;
}

.margin-15-right {
    margin-right: 15px !important;
}

/* RESUMO DE COMPRA */
/* AEREO */
.container-summary .aereo-voucher {
    float: right;
    margin-top: 20px;
    max-width: 250px;
}

.container-summary .col-info .aereo-p {
    text-align: initial;
}

.aereo-info {
    overflow: hidden;
    margin: 25px 0 25px 0;
}

    .aereo-info div p {
        text-align: center;
    }

    .aereo-info .col-info p {
        text-align: center;
    }

/* HOSPEDAGEM */
.child-info select {
    border-color: tomato;
}

.child-terms {
    text-align: justify;
}

.uppercase {
    text-transform: uppercase;
}

.text-center,
.text-center p {
    text-align: center;
}

.img-left {
    left: 0;
}

.img-right {
    right: 0;
}

.bigger-font {
    font-size: 1.1em;
}

.container-summary {
    padding: 0 45px;
    font-size: initial;
}

    .container-summary header img {
        height: auto;
        max-width: 200px;
        width: 30vw;
    }

.bold {
    font-weight: bold;
}

.container-summary .type-voucher {
    float: right;
}

.container-summary .payment-type {
    text-align: center;
}

.container-summary .col-info {
    width: 50%;
    float: left;
}

#container-housing-summary .padding-5-vertical {
    padding: 5px 0;
    overflow: hidden;
}

.container-summary p {
    margin: 5px 0;
}

.margin-10-top {
    margin-top: 20px !important;
}

.margin-20-block {
    margin-block: 20px !important;
}

.margin-10-right {
    margin-right: 10px !important;
}

.general-info, .hotel-info, .package-aereo {
    overflow: hidden;
    margin: 10px 0 0 0;
}

.container-summary .child-info {
    font-size: .9em;
    padding: 10px;
    margin: 10px auto;
    overflow: hidden;
    background-color: #fff;
    width: 80%;
}

.child-info > p:first-of-type {
    margin: 0 0 5px;
    text-align: center;
}

.child-info table {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}


.container-summary footer p {
    text-align: center;
}

    .container-summary footer p:first-of-type {
        font-size: 1.05em;
        margin: 60px auto 0;
        width: 500px;
        border-top: 1px solid #000;
        padding-top: 5px;
    }

.container-summary footer ul {
    margin: 10px auto;
    width: 50%;
}

.background-white {
    background-color: #fff;
    box-shadow: 0 0 20px 20px #fff;
}

/* HOSPEDAGEM */
#container-housing-summary .padding-5-vertical {
    padding: 5px 0;
}

.host-table, .passengers-info table {
    margin-top: 20px;
}

    .host-table th {
        text-align: left;
    }

    .host-table td, .host-table th,
    .child-info td, .child-info th,
    .passengers-info table td, .passengers-info table th {
        padding: 0 10px;
    }

#container-housing-summary .general-info > .col-info:last-of-type,
#container-road-summary .general-info > .col-info:last-of-type {
    text-align: center;
    margin-top: 15px;
}

/* PACOTES */
.little-font {
    font-size: .8em;
}

#container-package-summary .included-package {
    max-width: 70%;
    display: flex;
    justify-content: space-around;
    margin: 10px auto;
    flex-wrap: wrap;
}

    #container-package-summary .included-package > div {
        display: flex;
    }

    #container-package-summary .included-package span {
        margin-left: 5px;
    }

.package-aereo .col-info > div {
    width: 60%;
    margin: 5px auto;
    overflow: hidden;
}

.travel-alert {
    width: 75%;
    margin: 15px auto !important;
}

.package-aereo div > .col-info:first-of-type {
    border-right: 1px solid #000;
    width: calc(50% - 1px);
}

.title-aereo > img,
.package-hotel-info img {
    width: 60px;
    height: auto;
    display: inline-block;
}

.package-hotel-info img {
    width: auto;
    max-height: 40px;
    display: inline-block;
}

.package-aereo .img-company {
    width: 100%;
    text-align: center;
}

.package-aereo .col-info > img {
    height: 35px;
    width: auto;
}

.passengers-info {
    margin: 15px;
}

.container-summary .fligth-detail {
    min-width: 90%;
    margin: 0 auto;
}

.package-hotel-info .title,
.title-aereo,
.included-services .title,
.travel-plan .title {
    text-align: center;
    margin: 25px 0 10px;
    font-size: 1.25em;
    text-transform: uppercase;
    font-weight: bold;
}

.fligth-content {
    position: relative;
}

    .fligth-content > img {
        position: absolute;
        width: 50px;
        height: auto;
        top: 75px;
    }

        .fligth-content > img:first-of-type {
            left: 30px;
        }

        .fligth-content > img:last-of-type {
            right: 30px;
        }

.reserve-hotel-info {
    overflow: hidden;
    width: 60%;
    margin: 0 auto;
}

.included-services,
.travel-plan {
    width: 75%;
    margin: 0 auto;
}

/* RODOVIARIO */
.bus-info {
    overflow: hidden;
    width: 50%;
    margin: 20px auto;
    text-align: center;
    font-size: 1.1em;
}

.bus-images {
    display: flex;
    justify-content: center;
}

    .bus-images > img {
        height: 60px;
    }

.rate-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: end;
    text-align: center;
}

    .rate-info > div {
        padding: 15px 10px;
    }

        .rate-info > div:last-of-type {
            border: 2px solid #aaa;
        }

.img-company-aereo {
    margin: 0 auto;
    max-height: 35px;
}


@media print {
    .cia {
        background-image: url('../img/sprite-cia-rod.png');
        background-repeat: no-repeat;
        display: block;
        border: 1px solid red;
    }
    /* HOSPEDAGEM */
    .container-summary {
        font-size: .9em;
        padding: 0;
        margin: 0;
    }

        .container-summary header img {
            max-width: 120px;
        }

    #container-road-summary .general-info .col-info:last-of-type {
        margin-top: 0;
    }

    #container-housing-summary .payment-type {
        padding: 0 5em;
        font-size: 14px;
    }

    .container-summary .child-info {
        font-size: 1em;
    }

    .container-summary footer p:first-of-type {
        margin: 40px auto 0;
        width: 400px;
    }

    .container-summary footer ul {
        font-size: 0.8em;
        width: 60%;
    }

    .container-summary table,
    .child-info,
    .travel-plan,
    .included-package {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    /* PACOTE */
    .fligth-content img {
        width: 40px;
    }

        .fligth-content img:first-of-type {
            left: 0;
        }

        .fligth-content img:last-of-type {
            right: 0;
        }

    .package-aereo > img {
        max-width: 110px;
        height: auto;
    }

    .package-aereo .imgs-company img {
        height: 25px;
        width: auto;
    }

    .reserve-hotel-info {
        overflow: hidden;
        width: 90%;
        margin: 0 auto;
    }

    .child-info,
    .travel-plan,
    .container-summary footer,
    .passengers-info,
    .package-hotel-info,
    .included-services {
        page-break-inside: avoid;
    }

    .travel-alert {
        width: 100%;
        margin: 5px 0;
    }

    .container-summary footer ul {
        padding-top: 15px;
        width: 70%;
    }

    .rate-info {
        justify-content: space-between;
        padding: 0;
    }

    .container-summary .aereo-voucher {
        margin-top: 0;
        width: 175px;
    }

    .container-summary .fligth-detail {
        font-size: .75em;
    }
}

@media screen and (max-width: 900px) {
    .container-summary {
        padding: 10px;
    }

        .container-summary .general-info .col-info,
        .container-summary .hotel-info .col-info {
            width: 75%;
            margin: 0 auto;
            float: none;
        }

            .container-summary .hotel-info .col-info:last-of-type p {
                text-align: left !important;
            }

        .container-summary footer ul {
            width: 75%;
        }

    .package-aereo div > .col-info:first-of-type {
        border-right: none;
    }

    body > img {
        height: 10vh;
    }

    .fligth-content > img:first-of-type {
        left: 5px;
    }

    .fligth-content > img:last-of-type {
        right: 5px;
    }
}

@media screen and (max-width: 700px) {
    .container-summary .col-info,
    .container-summary footer p:first-of-type,
    .included-services,
    .travel-plan,
    .child-info,
    .bus-info,
    .child-info table {
        width: 100% !important;
    }

    footer ul {
        width: 90%;
    }

    .fligth-content > img {
        top: 200px;
    }

    body > img {
        height: 10vh;
    }
}

@media screen and (max-width: 650px) {
    body > img {
        display: none;
    }

    .col-info {
        width: 100%;
        margin: auto 0;
    }

    .host-table {
        width: 100%;
    }

        .host-table td
        .host-table th {
            max-width: 24%;
        }
}

.no-margin {
    margin: 0 !important;
}

.no-margin-inline {
    margin-inline: 0px !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.margin-15-bottom {
    margin-bottom: 15px !important;
}

.margin-15-vertical {
    margin: 15px 0 !important;
}

.containerPgtPix-imgFundo {
    background-image: url('../../../../Content/img/pagamentoPix/back-tela-pagamento-pix.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
}

.containerPgtPix {
    height: auto;
    margin-left: 5%;
    padding-top: 20%;
    text-align: center;
}

.containerPgtPix-contentText-title {
    color: #3c3c3c;
    font-size: 2.5em;
    font-weight: 100;
}

.containerPgtPix-contentText-description {
    font-size: 1.2em;
    font-weight: 100;
    color: #3c3c3c;
}

.containerPgtPix-contentText-button {
    border: none;
    background: #337fcdf7;
    color: white;
    cursor: pointer;
    font-weight: 700;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
}

#FormasPagamento .widget-main {
    overflow: hidden;
}

.menu-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
    padding-bottom: 10px;
    height: 39px;
}

a.menu-icon {
    text-decoration: none;
}

    a.menu-icon.disabled {
        opacity: 0.5;
        pointer-events: none;
        background-color: transparent !important;
    }

.boleto-menuicon {
    background: url('/Content/img/boleto.png') no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 40px;
    height: 25px;
    margin: 6.5px auto;
    vertical-align: middle;
    display: inline-block;
}

.imgBoleto {
    background-image: url(../../../../Content/img/boletoParcelado.png);
    background-repeat: no-repeat;
    height: 40px;
    background-position: center;
    background-size: 60px;
    margin-top: 8px;
}

.boleto-legenda {
    background: url('/Content/img/boleto-com-legenda.svg') no-repeat;
    background-position: 0 0;
    width: 34px;
    height: 27px;
    cursor: pointer;
    display: inline-block;
}

.cartao-legenda,
.cartao-legenda-sem-cursor {
    background: url('/Content/img/cartao-com-legenda.svg') no-repeat;
    background-position: 0 0;
    width: 32px;
    height: 27px;
    cursor: pointer;
    display: inline-block;
}

.cartao-legenda-sem-cursor {
    cursor: default;
}

.cartao-legenda-desabilitado {
    background: url('/Content/img/cartao-com-legenda-desabilitado.svg') no-repeat;
    background-position: 0 0;
    width: 32px;
    height: 27px;
    display: inline-block;
}

.pix-menuicon {
    background: url('/Content/img/pix.png') no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 30px;
    height: 25px;
    margin: 6.5px auto;
    vertical-align: middle;
    display: inline-block;
}

.pix-vermelho-menuicon {
    background: url('/Content/img/pix-vermelho.png') no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 25px;
    height: 25px;
}

.pix-vermelho-legenda {
    background: url('/Content/img/pix-vermelho-com-legenda.svg') no-repeat;
    background-position: 0 0;
    width: 19.38px;
    height: 27px;
    display: inline-block;
    cursor: pointer;
}

.payment-icon-expired path {
    fill: #ABA7A7;
}

.payment-icon-available path {
    fill: #FF1226;
    cursor: pointer;
}

.payment-icon-paid path {
    fill: #32BCAD;
}

.pix-verde-legenda {
    background: url('/Content/img/pix-verde-com-legenda.svg') no-repeat;
    background-position: 0 0;
    width: 19.38px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
}

.mais-opcoes-pgto {
    background: url('/Content/img/mais-opcoes-pgto.svg') no-repeat;
    background-position: 0 0;
    width: 40px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
}

.mais-opcoes-pgto-desabilitado {
    background: url('/Content/img/mais-opcoes-pgto-desabilitado.svg') no-repeat;
    background-position: 0 0;
    width: 40px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
}

.pinpad-legenda {
    background: url('/Content/img/pinpad-com-legenda.svg') no-repeat;
    background-position: 0 0;
    width: 32px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
}

.pinpad-legenda-desabilitado {
    background: url('/Content/img/pinpad-com-legenda-desabilitado.svg') no-repeat;
    background-position: 0 0;
    width: 32px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
}

.pinpad-sem-legenda {
    background: url('/Content/img/pinpad-sem-legenda.svg') no-repeat;
    background-position: 0 0;
    width: 15.63px;
    height: 11.01px;
    vertical-align: middle;
    display: inline-block;
}

.recibo-habilitado {
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2641 7.63782H6.73597C6.23789 7.63782 5.83411 8.04155 5.83411 8.53968V25.6754C5.83411 26.1735 6.23795 26.5773 6.73597 26.5773H20.2641C20.7622 26.5773 21.166 26.1734 21.166 25.6754V8.53968C21.166 8.0416 20.7622 7.63782 20.2641 7.63782Z' fill='%23959CB5'/%3E%3Cpath d='M18.9113 11.2452H8.08875C7.83974 11.2452 7.63782 11.4472 7.63782 11.6962V13.9509C7.63782 14.1999 7.83974 14.4018 8.08875 14.4018H18.9113C19.1603 14.4018 19.3623 14.1999 19.3623 13.9509V11.6962C19.3623 11.4472 19.1603 11.2452 18.9113 11.2452Z' fill='%2300C3FF'/%3E%3Cpath d='M10.3435 18.0094H8.53968C8.29066 18.0094 8.08875 17.8075 8.08875 17.5585V16.6566C8.08875 16.4076 8.29066 16.2057 8.53968 16.2057H10.3435C10.5925 16.2057 10.7944 16.4076 10.7944 16.6566V17.5585C10.7944 17.8075 10.5925 18.0094 10.3435 18.0094Z' fill='%23C7CFE2'/%3E%3Cpath d='M18.4604 18.0094H16.6566C16.4076 18.0094 16.2057 17.8075 16.2057 17.5585V16.6566C16.2057 16.4076 16.4076 16.2057 16.6566 16.2057H18.4604C18.7094 16.2057 18.9113 16.4076 18.9113 16.6566V17.5585C18.9113 17.8075 18.7094 18.0094 18.4604 18.0094Z' fill='%23C7CFE2'/%3E%3Cpath d='M14.4019 18.0094H12.5981C12.3491 18.0094 12.1472 17.8075 12.1472 17.5585V16.6566C12.1472 16.4076 12.3491 16.2057 12.5981 16.2057H14.4019C14.6509 16.2057 14.8529 16.4076 14.8529 16.6566V17.5585C14.8529 17.8075 14.651 18.0094 14.4019 18.0094Z' fill='%23C7CFE2'/%3E%3Cpath d='M10.3435 21.166H8.53968C8.29066 21.166 8.08875 20.9641 8.08875 20.7151V19.8132C8.08875 19.5642 8.29066 19.3623 8.53968 19.3623H10.3435C10.5925 19.3623 10.7944 19.5642 10.7944 19.8132V20.7151C10.7944 20.9641 10.5925 21.166 10.3435 21.166Z' fill='%23C7CFE2'/%3E%3Cpath d='M18.4604 21.166H16.6566C16.4076 21.166 16.2057 20.9641 16.2057 20.7151V19.8132C16.2057 19.5642 16.4076 19.3623 16.6566 19.3623H18.4604C18.7094 19.3623 18.9113 19.5642 18.9113 19.8132V20.7151C18.9113 20.9641 18.7094 21.166 18.4604 21.166Z' fill='%23C7CFE2'/%3E%3Cpath d='M14.4019 21.166H12.5981C12.3491 21.166 12.1472 20.9641 12.1472 20.7151V19.8132C12.1472 19.5642 12.3491 19.3623 12.5981 19.3623H14.4019C14.6509 19.3623 14.8529 19.5642 14.8529 19.8132V20.7151C14.8529 20.9641 14.651 21.166 14.4019 21.166Z' fill='%23C7CFE2'/%3E%3Cpath d='M10.3435 24.3225H8.53968C8.29066 24.3225 8.08875 24.1206 8.08875 23.8716V22.9697C8.08875 22.7207 8.29066 22.5188 8.53968 22.5188H10.3435C10.5925 22.5188 10.7944 22.7207 10.7944 22.9697V23.8716C10.7944 24.1206 10.5925 24.3225 10.3435 24.3225Z' fill='%23707487'/%3E%3Cpath d='M18.4604 24.3225H16.6566C16.4076 24.3225 16.2057 24.1206 16.2057 23.8716V22.9697C16.2057 22.7207 16.4076 22.5188 16.6566 22.5188H18.4604C18.7094 22.5188 18.9113 22.7207 18.9113 22.9697V23.8716C18.9113 24.1206 18.7094 24.3225 18.4604 24.3225Z' fill='%239BF57D'/%3E%3Cpath d='M14.4018 24.3225H12.598C12.349 24.3225 12.1471 24.1206 12.1471 23.8716V22.9697C12.1471 22.7207 12.349 22.5188 12.598 22.5188H14.4018C14.6508 22.5188 14.8527 22.7207 14.8527 22.9697V23.8716C14.8527 24.1206 14.6509 24.3225 14.4018 24.3225Z' fill='%23FFDC64'/%3E%3Cpath d='M17.5585 1.32459L16.2057 0.422729L14.8529 1.32459L13.5 0.422729L12.1472 1.32459L10.7944 0.422729L9.44159 1.32459L8.86673 0.941425C8.72693 0.848243 8.53967 0.948491 8.53967 1.11645V9.89245H18.4603V1.11645C18.4603 0.948439 18.2731 0.84819 18.1333 0.941425L17.5585 1.32459Z' fill='%23F1F4FB'/%3E%3Cpath d='M18.4603 8.08875H8.53967V9.89252H18.4603V8.08875Z' fill='%23C7CFE2'/%3E%3Cpath d='M18.9113 11.2452H8.08875C7.83974 11.2452 7.63782 11.4472 7.63782 11.6962V13.049C7.63782 12.8 7.83974 12.598 8.08875 12.598H18.9113C19.1603 12.598 19.3623 12.8 19.3623 13.049V11.6962C19.3623 11.4472 19.1603 11.2452 18.9113 11.2452Z' fill='%2300AAF0'/%3E%3Cpath d='M20.264 7.21501H18.883V0.723357C18.883 0.567422 18.7972 0.424143 18.6598 0.350631C18.5223 0.277014 18.3555 0.285082 18.2258 0.371619L17.5584 0.816539L16.4401 0.0710332C16.2981 -0.0236777 16.1131 -0.0236777 15.9712 0.0710332L14.8528 0.816539L13.7345 0.0710332C13.5924 -0.0236777 13.4075 -0.0236777 13.2655 0.0710332L12.1472 0.816539L11.0288 0.0710332C10.8868 -0.0236777 10.7018 -0.0236777 10.5599 0.0710332L9.44153 0.816539L8.77413 0.371619C8.6444 0.285082 8.4776 0.277014 8.34017 0.350631C8.2027 0.424195 8.1169 0.567422 8.1169 0.723357V7.21501H6.73589C6.00547 7.21501 5.41125 7.80922 5.41125 8.53965V25.6754C5.41125 26.4058 6.00547 27 6.73589 27H20.264C20.9945 27 21.5887 26.4058 21.5887 25.6754V8.53965C21.5887 7.80928 20.9945 7.21501 20.264 7.21501ZM9.20702 1.67637C9.34909 1.77108 9.53408 1.77108 9.67599 1.67637L10.7943 0.930814L11.9127 1.67637C12.0547 1.77108 12.2397 1.77108 12.3816 1.67637L13.5 0.930814L14.6183 1.67637C14.7604 1.77108 14.9453 1.77108 15.0873 1.67637L16.2056 0.930814L17.3239 1.67637C17.466 1.77108 17.651 1.77108 17.7929 1.67637L18.0376 1.51332V9.01879H8.96239V1.51332L9.20702 1.67637ZM20.7432 25.6754C20.7432 25.9396 20.5282 26.1545 20.264 26.1545H6.73589C6.47169 26.1545 6.25675 25.9396 6.25675 25.6754V8.53965C6.25675 8.27545 6.47169 8.0605 6.73589 8.0605H8.1169V9.01874H7.63775C7.4043 9.01874 7.21498 9.208 7.21498 9.44151C7.21498 9.67502 7.40425 9.86428 7.63775 9.86428H19.3622C19.5956 9.86428 19.785 9.67502 19.785 9.44151C19.785 9.208 19.5957 9.01874 19.3622 9.01874H18.883V8.0605H20.264C20.5282 8.0605 20.7432 8.27545 20.7432 8.53965V25.6754Z' fill='black'/%3E%3Cpath d='M18.9112 10.8225H8.08867C7.60689 10.8225 7.21497 11.2144 7.21497 11.6962V13.9509C7.21497 14.4327 7.60689 14.8246 8.08867 14.8246H18.9112C19.393 14.8246 19.7849 14.4327 19.7849 13.9509V11.6962C19.7849 11.2144 19.393 10.8225 18.9112 10.8225ZM18.9394 13.9509C18.9394 13.9664 18.9268 13.979 18.9112 13.979H8.08867C8.07311 13.979 8.06051 13.9664 8.06051 13.9509V11.6962C8.06051 11.6806 8.07311 11.668 8.08867 11.668H18.9112C18.9268 11.668 18.9394 11.6806 18.9394 11.6962V13.9509Z' fill='black'/%3E%3Cpath d='M10.3434 15.7828H8.5396C8.05782 15.7828 7.66589 16.1748 7.66589 16.6565V17.5584C7.66589 18.0402 8.05782 18.4321 8.5396 18.4321H10.3434C10.8252 18.4321 11.2171 18.0402 11.2171 17.5584V16.6565C11.2171 16.1748 10.8252 15.7828 10.3434 15.7828ZM10.3715 17.5584C10.3715 17.574 10.3589 17.5866 10.3434 17.5866H8.5396C8.52404 17.5866 8.51144 17.574 8.51144 17.5584V16.6565C8.51144 16.641 8.52404 16.6284 8.5396 16.6284H10.3434C10.3589 16.6284 10.3715 16.641 10.3715 16.6565V17.5584Z' fill='black'/%3E%3Cpath d='M18.4603 15.7828H16.6565C16.1748 15.7828 15.7828 16.1748 15.7828 16.6565V17.5584C15.7828 18.0402 16.1748 18.4321 16.6565 18.4321H18.4603C18.9421 18.4321 19.334 18.0402 19.334 17.5584V16.6565C19.334 16.1748 18.942 15.7828 18.4603 15.7828ZM18.4885 17.5584C18.4885 17.574 18.4759 17.5866 18.4603 17.5866H16.6565C16.641 17.5866 16.6284 17.574 16.6284 17.5584V16.6565C16.6284 16.641 16.641 16.6284 16.6565 16.6284H18.4603C18.4759 16.6284 18.4885 16.641 18.4885 16.6565V17.5584Z' fill='black'/%3E%3Cpath d='M14.4018 15.7828H12.5981C12.1163 15.7828 11.7244 16.1748 11.7244 16.6565V17.5584C11.7244 18.0402 12.1163 18.4321 12.5981 18.4321H14.4018C14.8836 18.4321 15.2756 18.0402 15.2756 17.5584V16.6565C15.2756 16.1748 14.8836 15.7828 14.4018 15.7828ZM14.4301 17.5584C14.4301 17.574 14.4175 17.5866 14.4019 17.5866H12.5981C12.5826 17.5866 12.57 17.574 12.57 17.5584V16.6565C12.57 16.641 12.5826 16.6284 12.5981 16.6284H14.4019C14.4175 16.6284 14.4301 16.641 14.4301 16.6565V17.5584Z' fill='black'/%3E%3Cpath d='M10.3434 18.9395H8.5396C8.05782 18.9395 7.66589 19.3314 7.66589 19.8132V20.715C7.66589 21.1968 8.05782 21.5887 8.5396 21.5887H10.3434C10.8252 21.5887 11.2171 21.1968 11.2171 20.715V19.8132C11.2171 19.3314 10.8252 18.9395 10.3434 18.9395ZM10.3715 20.715C10.3715 20.7306 10.3589 20.7432 10.3434 20.7432H8.5396C8.52404 20.7432 8.51144 20.7306 8.51144 20.715V19.8132C8.51144 19.7976 8.52404 19.785 8.5396 19.785H10.3434C10.3589 19.785 10.3715 19.7976 10.3715 19.8132V20.715Z' fill='black'/%3E%3Cpath d='M18.4603 18.9395H16.6565C16.1748 18.9395 15.7828 19.3314 15.7828 19.8132V20.715C15.7828 21.1968 16.1748 21.5887 16.6565 21.5887H18.4603C18.9421 21.5887 19.334 21.1968 19.334 20.715V19.8132C19.334 19.3314 18.942 18.9395 18.4603 18.9395ZM18.4885 20.715C18.4885 20.7306 18.4759 20.7432 18.4603 20.7432H16.6565C16.641 20.7432 16.6284 20.7306 16.6284 20.715V19.8132C16.6284 19.7976 16.641 19.785 16.6565 19.785H18.4603C18.4759 19.785 18.4885 19.7976 18.4885 19.8132V20.715Z' fill='black'/%3E%3Cpath d='M14.4018 18.9395H12.5981C12.1163 18.9395 11.7244 19.3314 11.7244 19.8132V20.715C11.7244 21.1968 12.1163 21.5887 12.5981 21.5887H14.4018C14.8836 21.5887 15.2756 21.1968 15.2756 20.715V19.8132C15.2756 19.3314 14.8836 18.9395 14.4018 18.9395ZM14.4301 20.715C14.4301 20.7306 14.4175 20.7432 14.4019 20.7432H12.5981C12.5826 20.7432 12.57 20.7306 12.57 20.715V19.8132C12.57 19.7976 12.5826 19.785 12.5981 19.785H14.4019C14.4175 19.785 14.4301 19.7976 14.4301 19.8132V20.715Z' fill='black'/%3E%3Cpath d='M10.3434 22.0961H8.5396C8.05782 22.0961 7.66589 22.488 7.66589 22.9698V23.8716C7.66589 24.3534 8.05782 24.7453 8.5396 24.7453H10.3434C10.8252 24.7453 11.2171 24.3534 11.2171 23.8716V22.9698C11.2171 22.488 10.8252 22.0961 10.3434 22.0961ZM10.3715 23.8716C10.3715 23.8872 10.3589 23.8998 10.3434 23.8998H8.5396C8.52404 23.8998 8.51144 23.8872 8.51144 23.8716V22.9698C8.51144 22.9542 8.52404 22.9416 8.5396 22.9416H10.3434C10.3589 22.9416 10.3715 22.9542 10.3715 22.9698V23.8716Z' fill='black'/%3E%3Cpath d='M18.4603 22.0961H16.6565C16.1748 22.0961 15.7828 22.488 15.7828 22.9698V23.8716C15.7828 24.3534 16.1748 24.7453 16.6565 24.7453H18.4603C18.9421 24.7453 19.334 24.3534 19.334 23.8716V22.9698C19.334 22.488 18.942 22.0961 18.4603 22.0961ZM18.4885 23.8716C18.4885 23.8872 18.4759 23.8998 18.4603 23.8998H16.6565C16.641 23.8998 16.6284 23.8872 16.6284 23.8716V22.9698C16.6284 22.9542 16.641 22.9416 16.6565 22.9416H18.4603C18.4759 22.9416 18.4885 22.9542 18.4885 22.9698V23.8716Z' fill='black'/%3E%3Cpath d='M14.4018 22.0961H12.5981C12.1163 22.0961 11.7244 22.488 11.7244 22.9698V23.8716C11.7244 24.3534 12.1163 24.7453 12.5981 24.7453H14.4018C14.8836 24.7453 15.2756 24.3534 15.2756 23.8716V22.9698C15.2756 22.488 14.8836 22.0961 14.4018 22.0961ZM14.4301 23.8716C14.4301 23.8872 14.4175 23.8998 14.4019 23.8998H12.5981C12.5826 23.8998 12.57 23.8872 12.57 23.8716V22.9698C12.57 22.9542 12.5826 22.9416 12.5981 22.9416H14.4019C14.4175 22.9416 14.4301 22.9542 14.4301 22.9698V23.8716Z' fill='black'/%3E%3Cpath d='M12.1473 4.00204H14.8529C15.0864 4.00204 15.2757 3.81277 15.2757 3.57927C15.2757 3.34576 15.0864 3.15649 14.8529 3.15649H12.1473C11.9138 3.15649 11.7245 3.34576 11.7245 3.57927C11.7245 3.81277 11.9138 4.00204 12.1473 4.00204Z' fill='black'/%3E%3Cpath d='M10.3434 5.80587H16.6566C16.89 5.80587 17.0793 5.61661 17.0793 5.3831C17.0793 5.14964 16.8901 4.96033 16.6566 4.96033H10.3434C10.11 4.96033 9.92065 5.14959 9.92065 5.3831C9.92065 5.61661 10.11 5.80587 10.3434 5.80587Z' fill='black'/%3E%3Cpath d='M10.3434 7.60958H11.2453C11.4787 7.60958 11.6681 7.42032 11.6681 7.18681C11.6681 6.95335 11.4788 6.76404 11.2453 6.76404H10.3434C10.11 6.76404 9.92065 6.9533 9.92065 7.18681C9.92065 7.42026 10.11 7.60958 10.3434 7.60958Z' fill='black'/%3E%3Cpath d='M16.6565 6.76404H15.7547C15.5212 6.76404 15.3319 6.9533 15.3319 7.18681C15.3319 7.42026 15.5212 7.60958 15.7547 7.60958H16.6565C16.89 7.60958 17.0793 7.42032 17.0793 7.18681C17.0793 6.95335 16.89 6.76404 16.6565 6.76404Z' fill='black'/%3E%3Cpath d='M13.951 6.76404H13.0491C12.8157 6.76404 12.6263 6.9533 12.6263 7.18681C12.6263 7.42026 12.8156 7.60958 13.0491 7.60958H13.951C14.1844 7.60958 14.3737 7.42032 14.3737 7.18681C14.3737 6.95335 14.1845 6.76404 13.951 6.76404Z' fill='black'/%3E%3C/svg%3E%0A");
    inline-size: 27px;
    block-size: 27px;
    background-repeat: no-repeat;
    margin-block: 0;
    margin-inline: auto;
    cursor: pointer;
}

.recibo-desabilitado {
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2641 7.63782H6.73597C6.23789 7.63782 5.83411 8.04155 5.83411 8.53968V25.6754C5.83411 26.1735 6.23795 26.5773 6.73597 26.5773H20.2641C20.7622 26.5773 21.166 26.1734 21.166 25.6754V8.53968C21.166 8.0416 20.7622 7.63782 20.2641 7.63782Z' fill='%23959CB5' fill-opacity='0.5'/%3E%3Cpath d='M18.9113 11.2452H8.08875C7.83974 11.2452 7.63782 11.4472 7.63782 11.6962V13.9509C7.63782 14.1999 7.83974 14.4018 8.08875 14.4018H18.9113C19.1603 14.4018 19.3623 14.1999 19.3623 13.9509V11.6962C19.3623 11.4472 19.1603 11.2452 18.9113 11.2452Z' fill='%23959CB5' fill-opacity='0.5'/%3E%3Cpath d='M10.3435 18.0094H8.53968C8.29066 18.0094 8.08875 17.8075 8.08875 17.5585V16.6566C8.08875 16.4076 8.29066 16.2057 8.53968 16.2057H10.3435C10.5925 16.2057 10.7944 16.4076 10.7944 16.6566V17.5585C10.7944 17.8075 10.5925 18.0094 10.3435 18.0094Z' fill='%23C7CFE2' fill-opacity='0.5'/%3E%3Cpath d='M18.4604 18.0094H16.6566C16.4076 18.0094 16.2057 17.8075 16.2057 17.5585V16.6566C16.2057 16.4076 16.4076 16.2057 16.6566 16.2057H18.4604C18.7094 16.2057 18.9113 16.4076 18.9113 16.6566V17.5585C18.9113 17.8075 18.7094 18.0094 18.4604 18.0094Z' fill='%23C7CFE2' fill-opacity='0.5'/%3E%3Cpath d='M14.4019 18.0094H12.5981C12.3491 18.0094 12.1472 17.8075 12.1472 17.5585V16.6566C12.1472 16.4076 12.3491 16.2057 12.5981 16.2057H14.4019C14.6509 16.2057 14.8529 16.4076 14.8529 16.6566V17.5585C14.8529 17.8075 14.651 18.0094 14.4019 18.0094Z' fill='%23C7CFE2' fill-opacity='0.5'/%3E%3Cpath d='M10.3435 21.166H8.53968C8.29066 21.166 8.08875 20.9641 8.08875 20.7151V19.8132C8.08875 19.5642 8.29066 19.3623 8.53968 19.3623H10.3435C10.5925 19.3623 10.7944 19.5642 10.7944 19.8132V20.7151C10.7944 20.9641 10.5925 21.166 10.3435 21.166Z' fill='%23C7CFE2' fill-opacity='0.5'/%3E%3Cpath d='M18.4604 21.166H16.6566C16.4076 21.166 16.2057 20.9641 16.2057 20.7151V19.8132C16.2057 19.5642 16.4076 19.3623 16.6566 19.3623H18.4604C18.7094 19.3623 18.9113 19.5642 18.9113 19.8132V20.7151C18.9113 20.9641 18.7094 21.166 18.4604 21.166Z' fill='%23C7CFE2' fill-opacity='0.5'/%3E%3Cpath d='M14.4019 21.166H12.5981C12.3491 21.166 12.1472 20.9641 12.1472 20.7151V19.8132C12.1472 19.5642 12.3491 19.3623 12.5981 19.3623H14.4019C14.6509 19.3623 14.8529 19.5642 14.8529 19.8132V20.7151C14.8529 20.9641 14.651 21.166 14.4019 21.166Z' fill='%23C7CFE2' fill-opacity='0.5'/%3E%3Cpath d='M10.3435 24.3225H8.53968C8.29066 24.3225 8.08875 24.1206 8.08875 23.8716V22.9697C8.08875 22.7207 8.29066 22.5188 8.53968 22.5188H10.3435C10.5925 22.5188 10.7944 22.7207 10.7944 22.9697V23.8716C10.7944 24.1206 10.5925 24.3225 10.3435 24.3225Z' fill='%23707487' fill-opacity='0.5'/%3E%3Cpath d='M18.4604 24.3225H16.6566C16.4076 24.3225 16.2057 24.1206 16.2057 23.8716V22.9697C16.2057 22.7207 16.4076 22.5188 16.6566 22.5188H18.4604C18.7094 22.5188 18.9113 22.7207 18.9113 22.9697V23.8716C18.9113 24.1206 18.7094 24.3225 18.4604 24.3225Z' fill='%23959CB5' fill-opacity='0.5'/%3E%3Cpath d='M14.4018 24.3225H12.598C12.349 24.3225 12.1471 24.1206 12.1471 23.8716V22.9697C12.1471 22.7207 12.349 22.5188 12.598 22.5188H14.4018C14.6508 22.5188 14.8527 22.7207 14.8527 22.9697V23.8716C14.8527 24.1206 14.6509 24.3225 14.4018 24.3225Z' fill='%23959CB5' fill-opacity='0.5'/%3E%3Cpath d='M17.5585 1.32459L16.2057 0.422729L14.8529 1.32459L13.5 0.422729L12.1472 1.32459L10.7944 0.422729L9.44159 1.32459L8.86673 0.941425C8.72693 0.848243 8.53967 0.948491 8.53967 1.11645V9.89245H18.4603V1.11645C18.4603 0.948439 18.2731 0.84819 18.1333 0.941425L17.5585 1.32459Z' fill='%23F1F4FB' fill-opacity='0.5'/%3E%3Cpath d='M18.4603 8.08875H8.53967V9.89252H18.4603V8.08875Z' fill='%23C7CFE2' fill-opacity='0.5'/%3E%3Cpath d='M18.9113 11.2452H8.08875C7.83974 11.2452 7.63782 11.4472 7.63782 11.6962V13.049C7.63782 12.8 7.83974 12.598 8.08875 12.598H18.9113C19.1603 12.598 19.3623 12.8 19.3623 13.049V11.6962C19.3623 11.4472 19.1603 11.2452 18.9113 11.2452Z' fill='%23959CB5' fill-opacity='0.5'/%3E%3Cpath d='M20.264 7.21501H18.883V0.723357C18.883 0.567422 18.7972 0.424143 18.6598 0.350631C18.5223 0.277014 18.3555 0.285082 18.2258 0.371619L17.5584 0.816539L16.4401 0.0710332C16.2981 -0.0236777 16.1131 -0.0236777 15.9712 0.0710332L14.8528 0.816539L13.7345 0.0710332C13.5924 -0.0236777 13.4075 -0.0236777 13.2655 0.0710332L12.1472 0.816539L11.0288 0.0710332C10.8868 -0.0236777 10.7018 -0.0236777 10.5599 0.0710332L9.44153 0.816539L8.77413 0.371619C8.6444 0.285082 8.4776 0.277014 8.34017 0.350631C8.2027 0.424195 8.1169 0.567422 8.1169 0.723357V7.21501H6.73589C6.00547 7.21501 5.41125 7.80922 5.41125 8.53965V25.6754C5.41125 26.4058 6.00547 27 6.73589 27H20.264C20.9945 27 21.5887 26.4058 21.5887 25.6754V8.53965C21.5887 7.80928 20.9945 7.21501 20.264 7.21501ZM9.20702 1.67637C9.34909 1.77108 9.53408 1.77108 9.67599 1.67637L10.7943 0.930814L11.9127 1.67637C12.0547 1.77108 12.2397 1.77108 12.3816 1.67637L13.5 0.930814L14.6183 1.67637C14.7604 1.77108 14.9453 1.77108 15.0873 1.67637L16.2056 0.930814L17.3239 1.67637C17.466 1.77108 17.651 1.77108 17.7929 1.67637L18.0376 1.51332V9.01879H8.96239V1.51332L9.20702 1.67637ZM20.7432 25.6754C20.7432 25.9396 20.5282 26.1545 20.264 26.1545H6.73589C6.47169 26.1545 6.25675 25.9396 6.25675 25.6754V8.53965C6.25675 8.27545 6.47169 8.0605 6.73589 8.0605H8.1169V9.01874H7.63775C7.4043 9.01874 7.21498 9.208 7.21498 9.44151C7.21498 9.67502 7.40425 9.86428 7.63775 9.86428H19.3622C19.5956 9.86428 19.785 9.67502 19.785 9.44151C19.785 9.208 19.5957 9.01874 19.3622 9.01874H18.883V8.0605H20.264C20.5282 8.0605 20.7432 8.27545 20.7432 8.53965V25.6754Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M18.9112 10.8225H8.08867C7.60689 10.8225 7.21497 11.2144 7.21497 11.6962V13.9509C7.21497 14.4327 7.60689 14.8246 8.08867 14.8246H18.9112C19.393 14.8246 19.7849 14.4327 19.7849 13.9509V11.6962C19.7849 11.2144 19.393 10.8225 18.9112 10.8225ZM18.9394 13.9509C18.9394 13.9664 18.9268 13.979 18.9112 13.979H8.08867C8.07311 13.979 8.06051 13.9664 8.06051 13.9509V11.6962C8.06051 11.6806 8.07311 11.668 8.08867 11.668H18.9112C18.9268 11.668 18.9394 11.6806 18.9394 11.6962V13.9509Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M10.3434 15.7828H8.5396C8.05782 15.7828 7.66589 16.1748 7.66589 16.6565V17.5584C7.66589 18.0402 8.05782 18.4321 8.5396 18.4321H10.3434C10.8252 18.4321 11.2171 18.0402 11.2171 17.5584V16.6565C11.2171 16.1748 10.8252 15.7828 10.3434 15.7828ZM10.3715 17.5584C10.3715 17.574 10.3589 17.5866 10.3434 17.5866H8.5396C8.52404 17.5866 8.51144 17.574 8.51144 17.5584V16.6565C8.51144 16.641 8.52404 16.6284 8.5396 16.6284H10.3434C10.3589 16.6284 10.3715 16.641 10.3715 16.6565V17.5584Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M18.4603 15.7828H16.6565C16.1748 15.7828 15.7828 16.1748 15.7828 16.6565V17.5584C15.7828 18.0402 16.1748 18.4321 16.6565 18.4321H18.4603C18.9421 18.4321 19.334 18.0402 19.334 17.5584V16.6565C19.334 16.1748 18.942 15.7828 18.4603 15.7828ZM18.4885 17.5584C18.4885 17.574 18.4759 17.5866 18.4603 17.5866H16.6565C16.641 17.5866 16.6284 17.574 16.6284 17.5584V16.6565C16.6284 16.641 16.641 16.6284 16.6565 16.6284H18.4603C18.4759 16.6284 18.4885 16.641 18.4885 16.6565V17.5584Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M14.4018 15.7828H12.5981C12.1163 15.7828 11.7244 16.1748 11.7244 16.6565V17.5584C11.7244 18.0402 12.1163 18.4321 12.5981 18.4321H14.4018C14.8836 18.4321 15.2756 18.0402 15.2756 17.5584V16.6565C15.2756 16.1748 14.8836 15.7828 14.4018 15.7828ZM14.4301 17.5584C14.4301 17.574 14.4175 17.5866 14.4019 17.5866H12.5981C12.5826 17.5866 12.57 17.574 12.57 17.5584V16.6565C12.57 16.641 12.5826 16.6284 12.5981 16.6284H14.4019C14.4175 16.6284 14.4301 16.641 14.4301 16.6565V17.5584Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M10.3434 18.9395H8.5396C8.05782 18.9395 7.66589 19.3314 7.66589 19.8132V20.715C7.66589 21.1968 8.05782 21.5887 8.5396 21.5887H10.3434C10.8252 21.5887 11.2171 21.1968 11.2171 20.715V19.8132C11.2171 19.3314 10.8252 18.9395 10.3434 18.9395ZM10.3715 20.715C10.3715 20.7306 10.3589 20.7432 10.3434 20.7432H8.5396C8.52404 20.7432 8.51144 20.7306 8.51144 20.715V19.8132C8.51144 19.7976 8.52404 19.785 8.5396 19.785H10.3434C10.3589 19.785 10.3715 19.7976 10.3715 19.8132V20.715Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M18.4603 18.9395H16.6565C16.1748 18.9395 15.7828 19.3314 15.7828 19.8132V20.715C15.7828 21.1968 16.1748 21.5887 16.6565 21.5887H18.4603C18.9421 21.5887 19.334 21.1968 19.334 20.715V19.8132C19.334 19.3314 18.942 18.9395 18.4603 18.9395ZM18.4885 20.715C18.4885 20.7306 18.4759 20.7432 18.4603 20.7432H16.6565C16.641 20.7432 16.6284 20.7306 16.6284 20.715V19.8132C16.6284 19.7976 16.641 19.785 16.6565 19.785H18.4603C18.4759 19.785 18.4885 19.7976 18.4885 19.8132V20.715Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M14.4018 18.9395H12.5981C12.1163 18.9395 11.7244 19.3314 11.7244 19.8132V20.715C11.7244 21.1968 12.1163 21.5887 12.5981 21.5887H14.4018C14.8836 21.5887 15.2756 21.1968 15.2756 20.715V19.8132C15.2756 19.3314 14.8836 18.9395 14.4018 18.9395ZM14.4301 20.715C14.4301 20.7306 14.4175 20.7432 14.4019 20.7432H12.5981C12.5826 20.7432 12.57 20.7306 12.57 20.715V19.8132C12.57 19.7976 12.5826 19.785 12.5981 19.785H14.4019C14.4175 19.785 14.4301 19.7976 14.4301 19.8132V20.715Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M10.3434 22.0961H8.5396C8.05782 22.0961 7.66589 22.488 7.66589 22.9698V23.8716C7.66589 24.3534 8.05782 24.7453 8.5396 24.7453H10.3434C10.8252 24.7453 11.2171 24.3534 11.2171 23.8716V22.9698C11.2171 22.488 10.8252 22.0961 10.3434 22.0961ZM10.3715 23.8716C10.3715 23.8872 10.3589 23.8998 10.3434 23.8998H8.5396C8.52404 23.8998 8.51144 23.8872 8.51144 23.8716V22.9698C8.51144 22.9542 8.52404 22.9416 8.5396 22.9416H10.3434C10.3589 22.9416 10.3715 22.9542 10.3715 22.9698V23.8716Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M18.4603 22.0961H16.6565C16.1748 22.0961 15.7828 22.488 15.7828 22.9698V23.8716C15.7828 24.3534 16.1748 24.7453 16.6565 24.7453H18.4603C18.9421 24.7453 19.334 24.3534 19.334 23.8716V22.9698C19.334 22.488 18.942 22.0961 18.4603 22.0961ZM18.4885 23.8716C18.4885 23.8872 18.4759 23.8998 18.4603 23.8998H16.6565C16.641 23.8998 16.6284 23.8872 16.6284 23.8716V22.9698C16.6284 22.9542 16.641 22.9416 16.6565 22.9416H18.4603C18.4759 22.9416 18.4885 22.9542 18.4885 22.9698V23.8716Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M14.4018 22.0961H12.5981C12.1163 22.0961 11.7244 22.488 11.7244 22.9698V23.8716C11.7244 24.3534 12.1163 24.7453 12.5981 24.7453H14.4018C14.8836 24.7453 15.2756 24.3534 15.2756 23.8716V22.9698C15.2756 22.488 14.8836 22.0961 14.4018 22.0961ZM14.4301 23.8716C14.4301 23.8872 14.4175 23.8998 14.4019 23.8998H12.5981C12.5826 23.8998 12.57 23.8872 12.57 23.8716V22.9698C12.57 22.9542 12.5826 22.9416 12.5981 22.9416H14.4019C14.4175 22.9416 14.4301 22.9542 14.4301 22.9698V23.8716Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M12.1473 4.00204H14.8529C15.0864 4.00204 15.2757 3.81277 15.2757 3.57927C15.2757 3.34576 15.0864 3.15649 14.8529 3.15649H12.1473C11.9138 3.15649 11.7245 3.34576 11.7245 3.57927C11.7245 3.81277 11.9138 4.00204 12.1473 4.00204Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M10.3434 5.80587H16.6566C16.89 5.80587 17.0793 5.61661 17.0793 5.3831C17.0793 5.14964 16.8901 4.96033 16.6566 4.96033H10.3434C10.11 4.96033 9.92065 5.14959 9.92065 5.3831C9.92065 5.61661 10.11 5.80587 10.3434 5.80587Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M10.3434 7.60958H11.2453C11.4787 7.60958 11.6681 7.42032 11.6681 7.18681C11.6681 6.95335 11.4788 6.76404 11.2453 6.76404H10.3434C10.11 6.76404 9.92065 6.9533 9.92065 7.18681C9.92065 7.42026 10.11 7.60958 10.3434 7.60958Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M16.6565 6.76404H15.7547C15.5212 6.76404 15.3319 6.9533 15.3319 7.18681C15.3319 7.42026 15.5212 7.60958 15.7547 7.60958H16.6565C16.89 7.60958 17.0793 7.42032 17.0793 7.18681C17.0793 6.95335 16.89 6.76404 16.6565 6.76404Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M13.951 6.76404H13.0491C12.8157 6.76404 12.6263 6.9533 12.6263 7.18681C12.6263 7.42026 12.8156 7.60958 13.0491 7.60958H13.951C14.1844 7.60958 14.3737 7.42032 14.3737 7.18681C14.3737 6.95335 14.1845 6.76404 13.951 6.76404Z' fill='black' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
    inline-size: 27px;
    block-size: 27px;
    background-repeat: no-repeat;
    margin-block: 0;
    margin-inline: auto;
    pointer-events: none;
}

.icon-cancelar {
    background: url('/Content/img/botao-cancelar.svg') no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.icon-pago {
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.3);
}

.disabled-div {
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.3);
    position: absolute;
    z-index: 200;
}

#pixModal,
#opcPagamentoModal,
[id^="opcPagamentosAuxiliaresModal-"] {
    font-size: 1.1em;
}

    #pixModal .modal-dialog,
    #opcPagamentoModal .modal-dialog,
    [id^="opcPagamentosAuxiliaresModal-"] .modal-dialog {
        height: auto;
        width: 60vw;
        padding: 0;
        margin: 60px auto;
    }

    #opcPagamentoModal .modal-dialog,
    [id^="opcPagamentosAuxiliaresModal-"] .modal-dialog {
        width: 60vw;
    }

    #pixModal .modal-title,
    #opcPagamentoModal .modal-title,
    #envioPixModal .modal-title,
    #agrupamentoPix .modal-title,
    [id^="opcPagamentosAuxiliaresModal-"] .modal-title {
        display: inline-block;
    }

    #pixModal .modal-body,
    #opcPagamentoModal .modal-body,
    #envioPixModal .modal-body,
    #agrupamentoPix .modal-body,
    [id^="opcPagamentosAuxiliaresModal-"] .modal-body {
        overflow: hidden;
    }

        #pixModal .modal-body .pixIcon,
        #opcPagamentoModal .modal-body .pixIcon,
        [id^="opcPagamentosAuxiliaresModal-"] .modal-body .pixIcon {
            width: 25px;
            height: 25px;
            text-align: center;
            display: inline-block;
            color: #fff;
            background-color: #00bdae;
            border-radius: 50%;
            margin-right: 5px;
        }

            #pixModal .modal-body .pixIcon:last-child,
            #opcPagamentoModal .modal-body .pixIcon:last-child,
            [id^="opcPagamentosAuxiliaresModal-"] .modal-body .pixIcon:last-child {
                background-color: #87de87;
            }

        #pixModal .modal-body i,
        #opcPagamentoModal .modal-body i,
        [id^="opcPagamentosAuxiliaresModal-"] .modal-body i {
            display: inline-block;
            vertical-align: middle;
        }

        #pixModal .modal-body .pixLastChild,
        #opcPagamentoModal .modal-body .pixLastChild,
        [id^="opcPagamentosAuxiliaresModal-"] .modal-body .pixLastChild {
            margin-bottom: 20px;
        }

    #pixModal .total,
    #opcPagamentoModal .total,
    #agrupamentoPix .total,
    [id^="opcPagamentosAuxiliaresModal-"] .total {
        padding: 5px 10px;
        text-align: right;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0px;
    }


#envioPixModal .modal-dialog {
    height: auto;
    width: 400px;
    padding: 0;
    margin: 100px auto !important;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}

#envioPixModal .modal-body .sendPixIcon {
    width: 30px;
    height: 40px;
    display: inline-block;
    text-align: center;
    vertical-align: sub;
    margin: 0 5px;
}

#envioPixModal .modal-body input[type="text"],
#envioPixModal .modal-body input[type="email"] {
    border: none;
    border-bottom: 1px solid #aaa;
    width: 75%;
}

#envioPixModal input[type="radio"] {
    width: auto;
}

#pixSuccess .modal-dialog {
    width: 300px;
    text-align: center;
    margin: 150px auto !important;
}

#pixSuccess .modal-footer {
    margin-top: 0;
}

#agrupamentoPix .modal-dialog {
    height: auto;
    width: 750px;
    padding: 0;
    margin: 100px auto !important;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}

#agrupamentoPix .modal-title {
    color: #0072bf;
}

.installment-discharge-wrapper {
    display: flex;
    gap: 10px;
}

#pgdModal {
    font-size: 1.1em;
}

    #pgdModal .modal-dialog {
        height: auto;
        width: 60vw;
        padding: 0;
        margin: 60px auto;
    }

    #pgdModal .modal-title,
    #envioPgdModal .modal-title,
    #agrupamentoPgd .modal-title {
        display: inline-block;
    }

    #pgdModal .modal-body,
    #envioPgdModal .modal-body,
    #agrupamentoPgd .modal-body {
        overflow: hidden;
    }

        #pgdModal .modal-body .pixIcon {
            width: 25px;
            height: 25px;
            text-align: center;
            display: inline-block;
            color: #fff;
            background-color: #00bdae;
            border-radius: 50%;
            margin-right: 5px;
        }

        #pgdModal .modal-body .pgdIcon:last-child {
            background-color: #87de87;
        }

        #pgdModal .modal-body i {
            display: inline-block;
            vertical-align: middle;
        }

        #pgdModal .modal-body .pgdLastChild {
            margin-bottom: 20px;
        }

    #pgdModal .total,
    #agrupamentoPgd .total {
        padding: 5px 10px;
        text-align: right;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0px;
    }

#envioPgdModal .modal-dialog {
    height: auto;
    width: 400px;
    padding: 0;
    margin: 100px auto !important;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}

#envioPgdModal .modal-body .sendPgdIcon {
    width: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: sub;
    margin: 0 5px;
}

#envioPgdModal .modal-body input[type="text"],
#envioPgdModal .modal-body input[type="email"] {
    border: none;
    border-bottom: 1px solid #aaa;
    width: 75%;
}

#envioPgdModal input[type="radio"] {
    width: auto;
}

#pgdSuccess .modal-dialog {
    width: 300px;
    text-align: center;
    margin: 150px auto !important;
}

#pgdSuccess .modal-footer {
    margin-top: 0;
}

#agrupamentoPgd .modal-dialog {
    height: auto;
    width: 750px;
    padding: 0;
    margin: 100px auto !important;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}

#agrupamentoPgd .modal-title {
    color: #0072bf;
}

.modal-pgdIcon {
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background-color: #428bca;
    border-radius: 50%;
    margin-right: 5px;
}

.opcPagamentoModal-title {
    font-size: 16px;
    font-weight: bold;
    font-family: 'GillSansMT-Bold';
}

.opcaoPagamento-active {
    border-top: 3px solid #0072bf !important;
}

.grey-border-inline {
    border-inline: 1px solid #e5e5e5;
}

.opcPagamento-form-group,
.opcPagamentosAuxiliares-form-group {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 20px;
    flex: 1;
    border-top: 3px solid #fff;
}

.opcaoPagamento-input {
    height: 2em;
    border: 0;
    width: 13px;
    margin: 0 !important;
}

@media only screen and ( min-width: 951px ) {
    .img-pix-background {
        background-image: url(/content/img/logo-pix-left.png), url(/content/img/logo-pix-right.png), url(/Content/img/faixas.jpg), url(/Content/img/faixas.jpg);
        background-repeat: no-repeat;
        height: 100vh;
        background-position: right, left, top, bottom;
        background-size: contain;
        font-size: 2.5em;
    }

    .sub-message {
        font-weight: normal;
        text-align: justify;
    }
}

@media only screen and ( max-width: 950px ) {
    .img-pix-background {
        background-image: url(/content/img/logo-pix-right.png), url(/Content/img/faixas.jpg), url(/Content/img/faixas.jpg);
        background-repeat: no-repeat;
        height: 100vh;
        background-position: left, top, bottom;
        background-size: contain;
        font-size: 2em;
    }

    .sub-message {
        font-weight: normal;
        text-align: justify;
    }
}

.pix-message {
    display: flex;
    height: 70%;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding-left: 20px;
}

.selectNone {
    user-select: none;
}

.yellow-background {
    background-color: yellow !important;
    display: inline-block !important;
}

.margin-12-top {
    margin-top: 12px;
}

.margin-5-top {
    margin-top: 5px;
}

.margin-5-bottom {
    margin-bottom: 5px;
}

.width-max-content {
    width: max-content;
}

.visibility-hidden {
    visibility: hidden !important;
}

.icon-seta {
    display: inline-block;
    width: 18px;
    height: 26px;
    background-image: url(../img/seta-direita.png);
    background-repeat: no-repeat;
}

.icon-cifrao-e-tres-linhas {
    display: inline-block;
    background-image: url(../img/cifrao-e-tres-linhas.png);
    background-repeat: no-repeat;
}

.btnPriceDescriptions,
.btnAdvance {
    color: #fff;
    background-color: #82AF6F;
    display: flex;
    width: 125px;
    min-height: 42px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    align-self: center;
    justify-self: center;
    margin: 0 auto;
    gap: 10px;
}

    .btnPriceDescriptions:hover {
        background-color: #6f9460;
    }

a.btnPriceDescriptions:hover,
a.btnAdvance:hover {
    color: #fff;
    text-decoration: none;
}

.btnAdvance {
    background-color: #0072bf;
    margin-block: 10px;
}

    .btnAdvance:hover {
        background-color: #045a94;
    }


.btnSalesQuote {
    background-color: #FF8C00 !important;
}

.btnSalesQuote:hover {
    background-color: #FFA54D !important;
}

.btnSalesQuote:focus {
    background-color: #E67E00 !important;
    border-color: #E67E00 !important;
}

.btn-SalesQuote {
    width: 138px;
    text-align: left;
/*    line-height: 0.9;*/
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    height: 40px;
}

.btn-SalesQuote .icon-button, .btnAdvance .icon-button{
    display: inline-block;
    width: 18px;
    height: 26px;
    background-image: url(../img/sprite_aereo.png);
    background-repeat: no-repeat;
}

.btn-SalesQuote .icon-button.select, .btnAdvance .icon-button.select{
    background-position: 0 -23px;
}

.btn-SalesQuote .content-icon, .btnAdvance .content-icon {
    width: 25px;
    float: left;
    border-right: 1px solid rgb(241 241 241 / 12%);
    margin-right: 8px;
    height: 40px;
    align-items: center;
    display: flex;
}


.PIX-logo {
    background-image: url(../img/pix.png);
    background-color: transparent;
    height: 40px;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    position: relative;
    margin-right: 1em;
}

.BOL-logo {
    background-image: url(../img/boleto.png);
    background-color: transparent;
    height: 40px;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    position: relative;
    margin-right: 1em;
}

.BOLD-logo {
    background-image: url(../img/boleto.png);
    background-color: transparent;
    height: 40px;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    position: relative;
    margin-right: 1em;
}

.PNP-logo {
    background-image: url(../img/Pin-Pad-icon.jpg);
    background-color: transparent;
    height: 40px;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    position: relative;
    margin-right: 1em;
}

.botaoQuarto {
    background: #f3f3f3;
    border-radius: 0px;
    color: #666666;
    display: inline-block;
    font: normal bold 26px/1 "Open Sans", sans-serif;
    text-align: center;
    border: none;
    position: relative;
    font-size: 1em;
}

.botaoQuartoAtivo {
    background: #0072bf;
    color: #ffffff;
    font: normal bold 26px/1 "Open Sans", sans-serif;
    border: #0072bf;
    border-radius: 0;
    text-align: center;
    height: 30px;
    font-size: 1em;
    position: relative;
}

    .botaoQuartoAtivo:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #0072bf;
        bottom: -8px;
        left: 40%;
    }

.validation {
    width: 100%;
    margin-top: 0.5em;
    font-weight: bolder;
    color: red;
}

div[disabled=disabled] {
    pointer-events: none;
    opacity: 0.4;
}

#modalFormPayment, #modalFormPaymentBLT, #modalFormPaymentCartao {
    overflow-y: hidden;
}

.navFormPayments {
    padding: 10px;
    background-color: #428bca;
    border-radius: 5px;
    color: white;
    margin: 0.5em;
    cursor: pointer;
    text-decoration: none !important;
}

.activePayments {
    background-color: #428bcaa1 !important;
}

.display-flex {
    display: flex !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-space-around {
    justify-content: space-around !important;
}

.justify-content-space-between {
    justify-content: space-between !important;
}

.flex-wrap-wrap {
    flex-wrap: wrap !important;
}

.tr-border-none td {
    border: none !important;
}

.tr-vertical-align-middle td {
    vertical-align: middle !important;
}

.tr-padding-3 td {
    padding: 3px !important;
}

.menu-icon-car-rental {
    background-image: url(../img/imgcar.png);
    background-color: transparent;
    height: 40px;
    width: 45px;
    background-position: center;
    background-repeat: inherit;
    background-size: 43px;
    position: relative;
    margin: 5px auto
}

.menu-icon-cru-rental {
    background-image: url(../img/2023-10-16-icone_cruzeirto-removebg-preview-removebg-preview.png);
    background-color: transparent;
    height: 40px;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 207%;
    position: relative;
    margin: 5px auto
}

.menu-icon-pact-rental {
    background-image: url(../img/PACOTE_01.png);
    background-color: transparent;
    height: 40px;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    margin: 5px auto
}

.menu-icon-tickets {
    background-image: url(../img/imgticket.png);
    background-color: transparent;
    height: 40px;
    width: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    position: relative;
    margin: 5px auto
}

.menu-icon-travelSafe {
    background-image: url(../img/icon_viagem.png);
    background-color: transparent;
    height: 40px;
    width: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    position: relative;
    margin: 5px auto
}

.btnAdd {
    -webkit-border-radius: 8;
    -moz-border-radius: 8;
    border-radius: 8px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    background: #0072BF;
    padding: 8px 16px 8px 16px;
    text-decoration: none;
    transition-duration: 1s
}

    .btnAdd:hover {
        background: #3cb0fd !important;
        transition-duration: 1s
    }

.errorField {
    color: red;
}

.disapproved {
    background-image: url(/Content/img/disapproved.png);
    background-repeat: no-repeat;
    height: 32px;
    background-position: center;
    background-size: 32px;
}

.approved {
    background-image: url(/Content/img/approved.png);
    background-repeat: no-repeat;
    height: 32px;
    background-position: center;
    background-size: 32px;
}

.icon-select {
    background-image: url(/Content/img/visto.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 20px;
    background-position: bottom;
    background-size: 20px;
    margin-right: 1em;
}

.icon-seguro {
    background-image: url(/Content/img/universal-assistance-logo.png);
    background-repeat: no-repeat;
    height: 65px;
    width: 60px;
    background-position: bottom;
    background-size: 60px;
    margin-right: 1em;
}

/*** Produtos - Malas ***/
#product .product-wrappler {
    margin-bottom: 40px;
}

#product i {
    color: #0072bf;
    cursor: pointer;
}

#product .product-title {
    margin: 0 0 12px 0;
    color: #0072bf;
}

#product p {
    margin: 0 0 6px 0;
}

#product .product-price {
    font-size: 24px;
}

#product .product-prices {
    color: #2e2e2e;
}

#product .product-colors {
    margin-bottom: 12px;
}

#product .product-sizes {
    margin-bottom: 12px;
    display: flex;
    white-space: nowrap
}

#product .product-button {
    width: 300px;
    margin-bottom: 6px;
}

    #product .product-button:nth-child(even) {
        margin-bottom: 12px;
    }

#product .product-description {
    cursor: pointer;
    text-align: left;
    margin-bottom: 12px;
}

#product .product-delivery {
    border: 1px solid #c1c1c1;
    padding: 0.8rem 1rem;
    max-width: 400px;
    padding: 12px 16px;
}

    #product .product-delivery .product-delivery-calculate {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        text-decoration: none;
        color: inherit;
    }

    #product .product-delivery .product-delivery-input {
        margin-top: 12px;
    }

    #product .product-delivery .product-delivery-input-control {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
    }

        #product .product-delivery .product-delivery-input-control input {
            height: 42px;
            width: 100%;
            padding: 10px;
        }

.imagem-responsiva {
    width: 100%;
    border: solid 0.5px black;
    height: auto;
    max-height: 80px;
}

.box {
    color: #fff;
    width: 55%;
    transition: transform 0.6s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

    .box:hover {
        border: 0.5px solid white;
        transform: scale(1.2);
        border-radius: 2px;
    }

.product-collors-box {
    display: flex;
}

.button-color-mala {
    border: 1px solid rgba(0,0,0,.09);
    margin-right: 20px;
    white-space: nowrap;
}

    .button-color-mala:focus {
        border: 2px solid #4f99c6
    }

.button-color-size {
    border: 1px solid rgba(0,0,0,.09);
    margin-right: 20px;
    white-space: nowrap;
}

    .button-color-size:focus {
        border: 2px solid #4f99c6
    }

.TravelExplorelogo {
    background-image: url(/Content/img/travel-explorer.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    background-size: 80px;
    height: 20px;
}

.TechTravellogo {
    background-image: url(/Content/img/tech-travel.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    background-size: 80px;
    height: 20px;
}

.modalPoliticaCancelamento {
    margin: 0 auto;
    height: fit-content;
    overflow-y: hidden;
    top: 20px;
}

.container-product {
    width: 100%;
    margin: 5% 4.5%;
}

.product-information {
    color: #2e2e2e;
}

.title-color {
    color: #0072bf;
    font-weight: bold;
}

.img-product {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #aaa;
    height: 76px;
    width: 65%;
    margin-bottom: 5px;
}

    .img-product:hover {
        border: 1px solid black;
    }

    .img-product img {
        max-height: 65px;
    }

.img-carrossel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    height: 300px;
    width: 100%;
}

.slick-prev::before, .slick-next::before {
    font-size: 25px !important;
}

.selector {
    z-index: 99;
    height: auto;
    margin-left: -15%;
    height: 25.5em;
    padding-top: 5px;
}

.carrossel {
    width: 75%;
}

.scrollCamiseta {
    margin: 0 auto;
}

.sectionScroll {
    margin: 0px 32%;
    width: 100px;
}

    .sectionScroll .draggable {
        height: 246px !important;
    }

    .sectionScroll .slick-prev, .sectionScroll .slick-next {
        position: relative;
        background: none;
        margin-top: -28px;
        margin-bottom: -14px;
        margin-left: 16px;
        transform: rotate(90deg);
    }

    .sectionScroll .slick-next {
        margin: -14px 16px !important;
    }

.slick-dots {
    margin-left: 24%;
}

.exibir {
    margin-left: 6%;
}

.discount {
    position: absolute;
    z-index: 99;
    left: 70%;
    top: 2%;
    width: 10%;
    background: black;
    color: white;
    font-weight: bolder;
    text-align: center;
}

#lerMais {
    margin-top: 10px;
    border: none;
    background: none;
    color: #0072bf;
}

    #lerMais:hover {
        text-decoration: underline;
    }

.desc {
    text-align: justify;
    height: 12ch;
    overflow: hidden;
}

@media only screen and (max-width: 321px) {
    .container-product {
        width: 100% !important;
        margin: 15% auto !important;
    }

    .img-product {
        display: none;
    }

    .discount {
        width: 16%;
    }

    .selector {
        display: none !important;
    }

    .img-carrossel {
        height: 175px;
        width: 70%;
    }

    .carrossel {
        width: 100% !important;
        margin: 0 0 !important;
    }

    .slick-dots {
        margin-left: -1%;
    }
}

@media only screen and (max-width: 426px) and (min-width: 374px) {
    .container-product {
        width: 100% !important;
        margin: 15% auto !important;
    }

    .img-product {
        display: none;
    }

    .discount {
        width: 16%;
    }

    .selector {
        display: none !important;
    }

    .carrossel {
        width: 100% !important;
        margin: 0 0 !important;
    }

    .img-carrossel {
        height: 175px;
        width: 52%;
    }

    .slick-dots {
        margin-left: -1%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 765px) {
    .selector {
        height: 18.5em;
    }

    .carrossel {
        width: 50%;
        margin: 0 32%;
    }

    .sectionScroll {
        margin: 0px 26%;
    }

        .sectionScroll .slick-prev, .sectionScroll .slick-next {
            margin-top: -55px;
            margin-bottom: -26px;
        }

        .sectionScroll .slick-next {
            margin: -30px 16px !important;
        }

    .slick-dots {
        margin-left: 0%;
    }
}

@media only screen and (max-width: 2560px) and (min-width: 1600px) {
    .slick-dots {
        margin: 0 24%;
    }

    .img-carrossel {
        width: 57%;
    }
}

/* ÍNICIO - MODAL PARA ERRO DE DUPLICIDADE */
.customModal.in {
    display: flex !important;
    width: 100vw;
    min-height: 100vh;
    overflow-y: hidden;
    justify-content: center;
    align-items: center;
}

    .customModal.in .modal-dialog {
        width: 60%;
        height: fit-content;
        border: 2px solid #343A40;
    }

#fakeNameModal .customModal.in .modal-dialog {
    width: 80% !important;
}

.customModal.in .modal-content {
    padding: 4%;
    display: flex;
    flex-direction: column;
}

.customModal.in .warningLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 3%;
}

    .customModal.in .warningLogo img {
        width: 130px;
    }

.customModal.in h3 img {
    display: none;
    width: 35px;
}

.customModal.in .modal-header {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
}

    .customModal.in .modal-header .modal-title {
        color: #DC3545;
    }

    .customModal.in .modal-header button {
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent !important;
    }

.customModal.in svg path {
    fill: #DC3545;
}

.customModal.in .flexRow {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
}

.customModal.in .flexColumn {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.customModal.in .modal-body {
    padding: 0;
    padding-top: 3%;
    word-break: break-word;
}

.customModal.in .modal-footer {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 3%;
    padding: 0;
    padding-top: 3%;
    border: none;
    background-color: transparent !important;
}

    .customModal.in .modal-footer button {
        width: 100px;
        background-color: #fd7e14 !important;
        color: white !important;
        font-size: 18px !important;
        border: none !important;
        text-shadow: none;
    }

        .customModal.in .modal-footer button:hover {
            background-color: #e06d0f !important;
        }

#duplicateMessage {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

@media only screen and (max-width: 599px) {
    .customModal.in .modal-dialog {
        width: 90%;
        height: fit-content;
        border: 2px solid #343A40;
    }

    .customModal.in .flexRow {
        flex-direction: column-reverse;
    }

    .customModal.in .warningLogo {
        display: none;
    }

    .customModal.in h3 img {
        display: inline-block;
    }

    .customModal.in .modal-title {
        display: flex;
        align-items: center;
        gap: 20px;
    }
}
/* FIM - MODAL PARA ERRO DE DUPLICIDADE */

/* INÍCIO - MODAL RECIBO PAGAMENTO ONLINE */
#receipt-modal {
    overflow: hidden;
    inline-size: 335px;
    block-size: fit-content;
    margin-inline: auto;
    margin-block-start: 200px;
}

    #receipt-modal .modal-header {
        display: flex;
        justify-content: space-between;
    }

/* FIM - MODAL RECIBO PAGAMENTO ONLINE */


/*NOVO AEREO SEGURO*/

.cia-direto {
    width: 27px;
    height: 30px;
    background: url(/Content/img/VooDiretoNovo.jpg) no-repeat;
    background-position: left;
    background-size: 85%;
}

.container-price-aereo {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-inline: 0px;
    min-height: 82px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.style-hover-payment {
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 400ms ease-in-out, color 400ms ease-in-out;
    cursor: pointer;
}

    .style-hover-payment:hover {
        box-shadow: 0 0 40px 40px rgb(232, 243, 255) inset;
        border-radius: 14px;
    }


#listPassagens .payment-form-seguroAereo {
    font-family: 'GillSansMT-Bold';
    color: #0072bf;
    font-size: 16px;
    width: 138px;
}

#listPassagens .pricePayment {
    font-family: 'GillSansMT-Bold';
    font-size: 18px;
    color: #0072bf;
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
}

.parcelStyle {
    color: #4d9e45;
}

.indisponivel {
    color: #555555 !important;
}

.imgBoletoAereo {
    left: 17px;
    top: 7px;
    background-repeat: no-repeat;
    height: 2em !important;
    width: 3em;
    background-position: center;
    background-size: 95%;
    margin-top: 0px;
}

.imgBoletoIn {
    background-repeat: no-repeat;
    height: 26px !important;
    width: 46px;
    background-position: center;
    background-size: 95%;
    margin-top: 0px;
    left: 17px;
    top: 7px;
}

.imgCartao {
    background-repeat: no-repeat;
    height: 2em !important;
    width: 3em;
    background-position: center;
    background-size: 95%;
    margin-top: 0px;
    left: 17px;
    top: 7px;
}


.todasFormas {
    background-image: url(../img/icon-novo-avista-sem-fundo.png);
    background-repeat: no-repeat;
    height: 49px;
    width: 57px;
    background-position: center;
    background-size: 100%;
    transform: rotate(-23deg);
}

.formaSemBol {
    display: block;
    position: absolute;
    z-index: 99;
    left: 0;
    background-image: url(../img/semBolPgdNovo.png);
    background-repeat: no-repeat;
    height: 90px;
    width: 107px;
    background-position: center;
    background-size: 119%;
}

.imgMaisBaratoAereo {
    display: block;
    z-index: 100;
    position: absolute;
    left: 0;
    background-image: url(../img/imgMaisBaratoSemFundo.png);
    background-repeat: no-repeat;
    height: 119px;
    width: 124px;
    background-position: left;
    background-size: 170%;
    margin-top: -63px;
    margin-left: -15px;
}

.imgBanner {
    background-image: url(../img/bannerSeguroNovo.gif);
    background-repeat: no-repeat;
    height: 116px !important;
    width: 100%;
    background-position: center;
    background-size: 103%;
}

.infoPrice {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.totalPrice {
    color: #929292;
    font-size: 12px;
    font-weight: bold;
}

.price-style {
    color: #18918a;
    font-weight: bold;
    margin-block: 0px;
}

.containerParcels {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.parcels-ul {
    display: flex;
    height: auto;
    width: auto;
    flex-direction: column;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    align-items: center;
}

    .parcels-ul li {
        font-family: 'GillSansMT-Bold';
        color: #ff5601;
        margin-bottom: 5px;
        font-size: 18px;
        cursor: pointer;
        width: 100%;
        text-align: center;
    }

.containerTitlePopover {
    padding-bottom: 5px;
    border-bottom: 2px solid #cccc;
    width: 80%;
    text-align: center;
    margin-bottom: 5px;
}

.titlePopover {
    font-family: 'GillSansMT-Bold';
    font-size: 20px;
    color: #212121;
    font-weight: bold;
    margin-bottom: 5px;
    min-height: 20px;
}

.titlePopoverInter {
    font-family: 'GillSansMT-Bold';
    font-size: 20px;
    color: #212121;
    font-weight: bold;
    margin-bottom: 5px;
    min-height: 20px;
    text-align: center;
    width: 75%;
    margin: 12px auto;
    border-bottom: 2px solid #ccc;
}

.containerTotalPrice {
    border-top: 2px solid #ccc;
    width: 80%;
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.containerTotalPricePrazo {
    border-top: 2px solid #ccc;
    width: 80%;
    text-align: center;
    margin-bottom: 5px;
}

.containerDesconto {
    display: flex;
    width: 80%;
    text-align: center;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
}

.containerDescontoMenssage {
    width: 80%;
    text-align: center;
    margin-bottom: 5px;
}

.totalPricePopover {
    font-size: 22px;
    color: #212121;
}

.descontoPopover {
    font-size: 24px;
    color: red;
}

.descontoMenssage {
    color: #0072BF;
    font-weight: bold;
    font-size: 16px;
}

.iconDesconto {
    width: 22px;
    height: 22px;
    margin-top: -9px;
}

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

.mensageDestaqueRed {
    color: red;
    font-weight: bolder;
}

.mensageDestaqueBlack {
    color: #212121;
    font-weight: bolder;
}

.containerCartoes {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 50%;
}

.sectionAvista {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.containerAvista {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 25%;
}

#modalFormPayment {
    margin-top: 10%;
    max-height: 85%;
}

.parcels-style {
    color: #0072BF !important;
    font-weight: bold;
    font-size: 19px !important;
}

.total-span {
    display: none;
}

.parcel-item:hover .total-span {
    display: inline;
}

.ajuste-lbl {
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

.ajuste-lb .lbl::before {
    max-height: 10px;
}

[id*="modalBenefits"], #gerarLinkPgdModal {
    max-height: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    overflow: hidden;
}

#gerarLinkPgdModal {
    max-width: 482px;
}

.btnLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.discount-seguro {
    font-family: 'GillSansMT-Bold';
    line-height: 1.1;
    color: #f8f6f6;
    font-size: 12px;
    width: 100%;
    font-weight: normal;
    padding-bottom: 0px;
    background: #6fa15a;
    padding-block: 4px;
}

.modal-hidden {
    display: none;
}

.section-menu {
    padding: 10px;
    padding-bottom: 20px;
    border: 2px solid #cccccc;
}

.title-section-menu {
    font-family: 'GillSansMT-Bold';
    color: #0072bf;
    font-size: 16px;
}

.icon-seguroHorizontal {
    background-image: url(../img/logoUniversal.png);
    background-repeat: no-repeat;
    height: 65px;
    width: 84%;
    max-width: 225px;
    background-position: center;
    background-size: 100%;
    margin-right: 1em;
}

.sectionPaymentIcon {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    width: 100%;
    height: 22px;
}

.ate {
    width: 50%;
    text-align: start !important;
    font-family: 'GillSansMT-Bold';
    font-size: 18px;
    color: #0072bf;
    margin: 0;
}

.ajuste-img {
    display: block;
    position: absolute;
    width: 90px;
    left: 26%;
    top: 10px;
    background-size: 660%;
}

    .ajuste-img.cia-latam {
        width: 107px;
        left: 18%;
        background-size: 454%;
        background-position: -294px 0;
    }

.linha {
    border: 1px solid #cccccc;
    width: 86%;
}

.avista-price {
    font-size: 22px !important;
    width: 53%;
    text-align: start;
}

#diasSeguro {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
}

.loading-text {
    font-size: 20px;
    color: #aaa !important;
    animation: loading 1s linear infinite;
}

[id*="documentType"][disabled] {
    background-color: #eeeeee;
}

@keyframes loading {
    0% {
        opacity: 0.4;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.4;
    }
}

.spam-seguro {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ff7d04;
}

.msg-seguro-info {
    font-size: 16px;
    color: #212121;
    font-family: 'GillSansMT';
}

#seguro-title-msg {
    font-size: 18px;
    color: #ff5601;
    font-weight: bold;
}

#semSeguroClique {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    cursor: pointer;
}

.ui-dialog .ui-dialog-titlebar {
    display: none;
}

input#periodoSeguroBanner[disabled] {
    color: #212121 !important;
    font-weight: 600;
    background-color: transparent !important;
    text-align: start;
    font-size: 12px;
    border: none;
}

    /*MEDIA PARA IMAGENS*/
    @media (max-width: 1300px) {
        .ate {
            font-size: 16px;
        }

        .imgBoletoAereo {
            background-repeat: no-repeat;
            height: 24px !important;
            width: 38px;
            background-position: center;
            margin-top: 0px;
            left: 14px;
            top: 9px;
        }

        .imgBoletoIn {
            background-repeat: no-repeat;
            height: 24px !important;
            width: 38px;
            background-position: center;
            margin-top: 0px;
            left: 14px;
            top: 9px;
        }

        .imgCartao {
            background-repeat: no-repeat;
            height: 24px !important;
            width: 38px;
            background-position: center;
            margin-top: 0px;
            left: 14px;
            top: 9px;
        }

        .todasFormas {
            background-repeat: no-repeat;
            height: 42px;
            width: 48px;
            background-position: center;
            background-size: 100%;
            left: 13px;
            top: 4px;
        }

        .avista-price {
            font-size: 20px !important;
        }
    }

    @media (max-width: 1199px) {
        #bagagemInput {
            margin-left: 14px;
        }
    }

.item-provider-56 {
    background: url(/Content/img/item-provider-56.png) no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 27px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
}

.item-provider-39 {
    background: url(/Content/img/item-provider-39.png) no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 27px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
}

.item-provider-824 {
    background: url(/Content/img/item-provider-824.jpg) no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 80px;
    height: 26px;
    margin-left: -7px;
    margin-top: 1px;
    vertical-align: middle;
    display: inline-block;
}

.item-provider-509 {
    background: url(/Content/img/item-provider-509.png) no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 27px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
}


/*IFRIEND*/
.autocomplete-loader.ifriend {
    top: 32px;
    right: 17px;
}

/*Carrinho de compra*/
.section-radio-pessoa {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.radio-pessoa{
    display: flex;
    gap: 1em;
}

/*New Details*/

.section-details-son {
    border: 1px solid #c5d0dc;
    border-radius: 10px;
}

.container-details-son {
    display: grid;
    grid-template-columns: 2rem repeat(5, 5fr);
    grid-auto-flow: column;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    margin-bottom: 10px;
    background-color: #d1d5db;
}

    .container-details-son:not(:last-child) {
        margin-top: 5px;
    }

.container-details-son.container-details-refund {
    align-items: center;
}

.validacaoCellContent {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.inputsCell {
    background: #ffff;
    padding: 4px;
}

.inputsCell, .validacaoCellContent {
    border: 1px solid #CCC;
}

#validacao-container {
    padding: 10px;
    text-align: justify;
}

.icon-mobile-phone {
    background-image: url(../img/talk.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 27px;
    height: 27px;
}

.icon-mobile-phone-whats {
    background-image: url(../img/whatsapp.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 27px;
    height: 27px;
}

.icon-envelope-o {
    background-image: url(../img/icon-email.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 27px;
    height: 27px;
}

.icon-mobile-phone:before, .icon-envelope-o:before {
    content: none !important;
}

.alert-fixed {
    position: fixed !important;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 9999;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    transition: all 0.3s ease; /* Adiciona uma transição suave */
}

/* Estilo para quando o elemento está em sua posição natural */
#alertUnfinalized {
    position: relative;
    transition: all 0.3s ease;
}

/* Portal/Areas/Relatorios/Views/Tracking/ToIndex.css */
.btn-tooltip {
    position: relative;
    cursor: not-allowed;
}

    .btn-tooltip:hover::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        background: #333;
        color: #fff;
        padding: 6px 12px;
        border-radius: 4px;
        white-space: nowrap;
        z-index: 100;
        font-size: 13px;
        margin-top: 6px;
    }