/* ========================================================
* Data: 25/05/2024
* Autor: Pedro Henrique de Souza 
* ======================================================== */
:root {
    --bg-color-1: #444B54;
    --bg-color-2: #c4d403;
    --bg-color-3: #C8BC44;
    --bg-color-4: #282c33;
    --bg-color-5: #404652;
    --bg-color-success: #27ae60;
    --bg-color-grey: #727272;
    --bg-color-grey-hover: #5c5c5c;
    --bg-color-delet: #ae0b0b;
    --color-delet: #0e0000;
    --color-delet-icone:#fff
}

.bglaranja {
    background: #FF8E00;
}

.bgcinza {
    background: #fff;
}

.tabelasolicitacoes tr:first-child {
    background: #EDEDED;
}

.tabelasolicitacoes td {
    border: none;
    border-bottom: 1px solid #fff;
}

.tabelasolicitacoes tr:nth-child(even) {
    background: #F9F9F9 !important;
}

.listagemsolicitacao table {
    border: none;
}

.listagemconsultor td {
    border-bottom: 1px solid #fff;
}

.botaopadrao {
    border-radius: 4px !important;
}

.iconesolicitacoes {
    background: url(../imagens/icones_servicos_solic.png) no-repeat;
}

.resumeservicos {
    border: none;
}

.testeirabaixo .botaopadrao {
    margin-top: 7px;
    font-size: 10px;
}

#containerItemDashboard .botaopadrao {
    height: 26px;
}

.detalhes-pax .botaopadrao { /* border: 1px solid; */
    height: 26px !important;
}
/********************************* INTERNA ****************************************/
/****************MENU***********/
#nav {
    text-shadow: none;
}

    #nav li a.top_link {
        color: #FFF;
    }
    /*Background do Hover do menu*/
    #nav li:hover a.top_link {
        background: #fff; /* background-image: 
    -webkit-gradient(linear, center top, center bottom, from(#FEF5CF), to(#FFFFFF)); */ /* background-image: -webkit-linear-gradient(top, #FEF5CF, #FFFFFF); */
        background-image: linear-gradient(top, #FEF5CF, #FFFFFF);
    }

        #nav li:hover a.top_link span {
            color: #000;
            background: none;
        }
    /*Letra da fonte quando selecionado o item do menu*/
    #nav li:hover ul.sub {
        background: #fff;
        border-radius: 2px;
        padding: 5px;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.16);
        -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.16);
        border: none;
    }
        /*Cor do fundo do submenu padrao*/
        #nav li:hover ul.sub li a {
            color: #000;
        }
    /*Cor das fontes do submenu*/
    #nav li ul.sub li a.fly {
        background-color: #FEF4C9;
    }
    /*Background do submenu com 2 niveis*/
    #nav li:hover ul.sub li a:hover {
        background: var(--bg-color-1);
        color: #FFF;
        border-color: #fff;
        text-shadow: none;
        border-radius: 2px;
    }
    /*Background no hover do submenu selecionado*/
    #nav li:hover ul.sub li a.fly:hover {
        background-color: var(--bg-color-1);
        color: #FFF;
    }
    /*Background e cor da fonte do submenu selecionado com a seta*/
    /*Setas para baixo*/
    #nav li a.top_link span.down {
        background: none !important;
    }

    #nav li:hover a.top_link span.down {
        background: none !important;
    }
    /*Itens de submenu*/
    #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
        background: #FFF;
        border: none;
        color: #FFF;
    }
    /*Cor do fundo e da borda do submenu nivel 2*/
    #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {
        background: var(--bg-color-1);
        color: #fff;
        border-color: #fff;
        border-radius: 2px;
    }
    /*Cor do link quando o submenu nivel 2 abre*/
    /*Usuario*/
    #nav li.top3 {
        display: block;
        float: right;
        height: 46px;
    }
        /*#nav li.top3:hover ul.sub{left:-92px; background:url(../imagens/clientes/kontik/bg_submenu2.gif) top right no-repeat #fff;}*/
        #nav li.top3:hover ul.sub {
            background: url(../imagens/clientes/kontik/bg_submenu2.gif) top right no-repeat #fff;
        }
/*TOPO*/
#topo {
    background: #FFFFFF;
}

    #topo h1 {
        width: 130px;
        height: 46px;
        background: url(../imagens/clientes/kontik/marca.png) 0px 1px no-repeat;
        background-size: auto 45PX;
        color: #000;
        text-indent: -999em;
        overflow: hidden;
    }

.listagemdevoos {
    padding: 0;
}

    .listagemdevoos .testeira {
        /*        background: var(--bg-color-3);
*/
    }

        .listagemdevoos .testeira h4 {
            color: var(--bg-color-grey);
        }



.testeira .botao2 {
    margin-top: 6px;
}

.testeira h2 {
    color: #fff;
}

.testeira h4, .testeira h5 {
    color: #fff;
}

.listagemdevoos .testeira h5 select {
    margin-right: 10px;
    border: 1px solid #B6B6B6;
    border-radius: 2px !important;
    padding: 5px !important;
}

.exibicaosolicitacao {
    background: #fff;
}
/****************BACKGROUND DA PAGINA***********/
#tudo {
    background: #FFF;
    margin-bottom: 50px;
}
/*.bgpersonalizado{background:#F2F2F2}*/

/****************CONTEUDO***********/
/*Cabecalho*/
.testeira_login {
    height: 35px;
    background: var(--bg-color-3);
    padding: 15px 0 0 10px;
    border-bottom: 1px solid #B2B2B2;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    color: #fff;
}

.testeirabaixo {
    height: 41px;
    background: #F1F1F1;
    padding: 0px 10px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

    .testeirabaixo h4 {
        color: #333 !important;
        font-weight: bold;
    }

.menuservicos li {
    transition: background-color 0.3s ease;
    border: 1px solid var(--bg-color-3);
    background-color: var(--bg-color-3);
}

    .menuservicos li.ultimoservico {
        border: 1px solid var(--bg-color-3);
    }

    .menuservicos li a {
        color: #fff !important;
    }

    .menuservicos li:active {
        background: var(--bg-color-1);
        color: #FFF;
    }

    .menuservicos li:hover {
        background: var(--bg-color-1);
        color: #FFF;
    }

.servicoselecionado {
    background: var(--bg-color-1) !important;
    border: 1px solid var(--bg-color-1) !important;
    box-shadow: none !important;
}

.menuservicos li:hover {
    box-shadow: none !important;
}

.servicoselecionado span {
    color: #FFF;
}

.aereo {
    background: url(../imagens/clientes/kontik/ico_servicos.png) 0px -200px no-repeat !important;
}

.hospedagem {
    background: url(../imagens/clientes/kontik/ico_servicos.png) 0px -240px no-repeat !important;
}

.veiculo {
    background: url(../imagens/clientes/kontik/ico_servicos.png) 0px -280px no-repeat !important;
}

.rodoviario {
    background: url(../imagens/clientes/kontik/ico_servicos.png) 0px -320px no-repeat !important;
}

.adiantamento {
    background: url(../imagens/clientes/kontik/ico_servicos.png) 0px -360px no-repeat !important;
}

.servicoNoselecionado span {
    color: #FFF;
    text-shadow: none;
    text-decoration: none;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    padding: 0 0 0 3px;
    cursor: default;
    padding-left: 30px;
}

.servicoNoselecionado .aereo {
    background: url(../imagens/clientes/kontik/ico_servicos.png) 0px 0px no-repeat;
}

.hospedagem {
    background: url(../imagens/clientes/kontik/ico_servicos.png) 0px -240px no-repeat !important;
}

.veiculo {
    background: url(../imagens/clientes/kontik/ico_servicos.png) 0px -280px no-repeat !important;
}
/*.rodoviario { background: url(../imagens/clientes/kontik/ico_servicos.png) 0px -320px no-repeat !important; }*/
.adiantamento {
    background: url(../imagens/clientes/kontik/ico_servicos.png) 0px -360px no-repeat !important;
}
/*Primeiro e ultimos Servicos*/
.melhorprecoidavolta h5 {
    display: block;
    width: 100%;
    color: #FFF;
    font-weight: bold;
    border-left: 1px solid var(--bg-color-5);
    border-bottom: 1px solid var(--bg-color-5);
    line-height: 54px;
    background: var(--bg-color-5);
}

.paginacao .selecionado {
    background: var(--bg-color-3);
    color: #FFF;
}

#compras {
    top: 50px;
    width: 100%;
    z-index: 90000; /*octavio height:50px;*/
    border-top: 1px solid #818181;
    background: var(--bg-color-5);
}
/*.carrinhocantoesquerdo, .carrinhocantodireito, .carrinhocentro{background:url(../imagens/clientes/kontik/ultragaz/bg_carrinho2.gif) no-repeat;}*/
.carrinhocentro blockquote {
    padding-left: 0px;
    background: url(../imagens/clientes/kontik/bg_carrinho2.gif) 0px -58px no-repeat;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 30px;
}
/*.itensselecionados { background: #E20000; padding-left: 1px; padding-right: 1px; }*/
.itensselecionados {
    padding-left: 1px;
    padding-right: 1px;
}

.conteinerlistagem {
    border-left: 1px solid var(--bg-color-5);
    border-right: 1px solid var(--bg-color-5);
    border-bottom: 1px solid var(--bg-color-5);
    padding-left: 3px;
    padding-right: 2px;
    padding-bottom: 13px;
    padding-top: 13px;
    background: var(--bg-color-5);
}
/*#panel7 { background: none repeat scroll 0 0 var(--bg-color-3); float: left; left: 0; margin-bottom: 15px; margin-left: 0; width: 100%; margin-top: -3px; }*/
#panel7 {
    background: none repeat scroll 0 0 var(--bg-color-3); /*float: left;*/
    left: 0;
    margin-bottom: 15px;
    margin-left: 0;
    width: 100%;
    margin-top: -3px;
}

table.tabelaAlterarGrupos th {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    border-width: 0px;
    border-style: inset;
    background: #D5D5D5;
    padding: 5px;
}

div.listaHoteis {
    position: relative;
    border: solid 1px var(--bg-color-3);
    padding: 5px;
    margin: 10px 2px;
}

div.descricaoQuarto {
    background: #FEF0AF;
    padding: 5px 150px;
    height: 30px;
    color: #666 !important;
}

    div.descricaoQuarto h1, div.descricaoQuarto span, div.descricaoQuartoCategoria, div.descricaoQuartoResumo, div.tituloquarto h1 {
        color: #333 !important;
    }

div.iconeMapa {
    height: 36px;
    width: 36px;
    background: url(../imagens/clientes/kontik/ico-maps.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: 7px;
    right: 140px;
}

div.iconeView {
    height: 36px;
    width: 36px;
    background: url(../imagens/clientes/kontik/icon-street.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: 7px;
    right: 180px;
}
/*div.iconePreferencial { height: 36px; width: 36px; background: url(../imagens/clientes/kontik/icon-certified.png); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; top: 7px; right: 20px; }*/
div.detalheCarrinho {
    position: relative;
    width: 70%;
    margin: auto;
    background: none repeat scroll 0 0 var(--bg-color-3);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 15px;
    margin-top: 20px;
    box-shadow: 0px 0px 14px #555;
    -webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, .4);
}

div.detalheCarrinhoTopo div.botaoFechar {
    height: 23px;
    width: 23px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: solid 1px white;
    background: var(--bg-color-3);
    text-align: center;
    color: white;
    position: absolute;
    top: 11px;
    right: 12px;
    line-height: 23px;
}

div.listagemCompra {
    width: 100%;
    position: relative;
    background: var(--bg-color-3);
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: 0px 0px 4px #555;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

div.lcconteinerlistagem {
    background: none repeat scroll 0 0 var(--bg-color-3);
    width: 100%;
    border-radius: 8px;
    border-bottom: 8px;
    -webkit-border-bottom: 8px;
    -moz-border-radius: 8px;
    box-shadow: 0px 0px 4px #555;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    border: 1px solid var(--bg-color-5);
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

div.paxSuperTab {
    position: relative;
    margin: auto;
    background: #EFEFEF;
    padding: 10px;
}

.hospedesQuarto {
    height: 23px;
    width: 10px;
    background: url(../imagens/clientes/kontik/hospedagem-guy.png);
    display: inline-block;
    padding: 0 3px;
    background-repeat: no-repeat;
}

.customCalloutStyle div, .customCalloutStyle td {
    border: solid 1px var(--bg-color-5);
    background-color: var(--bg-color-5);
    color: White;
}

.exibeacoes {
    background: #fff;
}
/********************************* LOGIN *********************************/

#login ul {
    text-align: center;
}

#login .field-validation-error {
    margin-top: -7px;
    display: block;
}

#login .marca {
    width: 100%;
    height: 130px;
}

#login .formulariopadrao {
    padding-top: 2px;
    margin-bottom: 20px;
    text-align: left;
}

    #login .formulariopadrao ul {
        text-align: left;
    }

    #login .formulariopadrao li {
        margin: 0px 0px;
    }

.formulariopadrao {
    background: none;
}

#login label {
    line-height: 30px;
    color: #515151;
    font-size: 11px;
    font-weight: 100;
}

.esqueceuasenha {
    margin-left: 0;
}

#login .campo {
    height: 30px;
    padding: 6px;
    width: 96%;
    font-size: 15px;
    margin-bottom: 11px;
    border: solid 1px #00000017;
    transition: 0.5s ease;
}

    #login .campo:focus-visible, #login .campo:focus {
        border: solid 1px rgb(110 110 110 / 0.69) !important;
    }

.continuarconectado {
    color: #FFF;
    line-height: 40px;
}
/*Subtitulo 'Solicitacao de viagens"*/
#login h2 {
    font-size: 1.6em;
    margin-top: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}
/*Subtitulo2 'Login'*/
#login .testeira h2 {
    font-size: 2.0em;
}
/********************************* LOGIN ****************************************/
/*Background*/
.bglogin {
    background: url(../imagens/clientes/kontik/bg-login.jpg) left no-repeat #6198b7;
    height: 100vh;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#login #conteinerpadrao {
    -webkit-box-shadow: 0 0 10px 0px rgba(156, 156, 156, 0.4);
    box-shadow: 0px 9px 33px 0px rgb(58 58 58 / 19%);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    border-radius: 20px !important;
    border-color: #C4C4C4;
    padding: 20px;
    margin-top: 31px;
    border: none !important
}
/*Marca*/
#login h1 {
    width: 352px;
    height: 150px;
    background: url(../imagens/clientes/kontik/logo_kontik.png) no-repeat;
    background-size: 100%;
    color: #000;
    text-indent: -999em;
    overflow: hidden;
    margin: 0 auto;
    /*margin-left: 53px;*/
}
/*Subtitulo 'Solicitacao de viagens"*/
#login h2 {
    font-size: 1.6em;
    margin-top: 20px;
}
/*Subtitulo2 'Login'*/
#login .testeira {
    background: #fff;
    border: none;
    border-radius: 20px 20px 0px 0px !important;
    padding: 0px !important;
}

.selecao-idioma {
    opacity: 1 !important;
}

    .selecao-idioma span {
        color: #2F2F2F;
    }

#login .testeira h2 {
    color: #4A4A4A;
    margin-top: 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase
}
/*Cor do link do esqueceu a senha*/
#login .exibeacoes {
    padding-top: 0;
    padding-left: 0px;
}
/*Subtitulo2 'Login'*/
.exibeacoes {
    display: block;
    text-align: center;
    background: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 8px;
}

.exibeacoes_login {
    height: 40px;
    text-align: center;
    background: #585858;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    padding-top: 15px;
}
/********************************* MENU *********************************/
#nav {
    padding: 0;
    list-style: none;
    height: 46px;
    position: relative;
    z-index: 99500;
    font-family: arial, verdana, sans-serif; /*background:url(imagens/separador.gif) center right no-repeat;*/
}

    #nav li.top {
        display: block;
        float: left;
    }

    #nav li a.top_link {
        display: block;
        float: left;
        height: 46px;
        line-height: 46px;
        color: #4B4B4B;
        text-decoration: none;
        font-size: 11px;
        font-weight: bold;
        cursor: pointer;
    }

        #nav li a.top_link.selecao-idioma {
            background: #fff;
            border-radius: 2px !important;
        }

            #nav li a.top_link.selecao-idioma span {
                font-size: 9px;
            }

        #nav li a.top_link span {
            float: left;
            display: block;
            padding: 0 6px;
        }

            #nav li a.top_link span.down {
                float: left;
                display: block;
                padding: 0 8px;
                height: 35px;
            }

    #nav li:hover a.top_link {
        background: pink;
        border-radius: 2px;
    }

        #nav li:hover a.top_link span.down {
            background: none;
        }

    #nav li:hover a.top_link {
        background: #fff;
        border: none;
        border-radius: 2px !important;
    }

        #nav li:hover a.top_link:hover {
            background: #E3E3E3;
            border: none;
            border-radius: 2px !important;
        }
    /* Listagem padrao*/

    #nav li:hover {
        position: relative;
        z-index: 200;
    }

        #nav li:hover ul.sub {
            background: #fff;
            border-radius: 2px !important;
            padding: 5px;
            box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.16);
            -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.16);
            border: none;
        }
            /*Ajusta a altura de afastamento do submenu cantos arredondados do ultimo item e sombra*/
            #nav li:hover ul.sub li {
                display: block;
                height: 25px;
                position: relative;
                float: left;
                width: 90px;
                font-weight: normal;
            }

                #nav li:hover ul.sub li a {
                    display: block;
                    font-size: 11px;
                    height: 25px;
                    width: 175px;
                    line-height: 25px;
                    text-indent: 5px;
                    text-decoration: none;
                }


                    #nav li:hover ul.sub li a:hover /*****menu em 9/9/2013 ->>>>>Adicionar este trecho antes de Itens de submenu****/ {
                        border-radius: 2px !important;
                        background: var(--bg-color-1);
                        color: #FFF;
                        border-color: #fff;
                        text-shadow: none;
                    }
                    /*background do submenu selecionado*/
                    #nav li:hover ul.sub li a.fly:hover {
                        background: var(--bg-color-1);
                        color: #FFF;
                    }
        /*background do submenu selecionado*/
        /*Itens de submenu*/
        #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
            left: 150px;
            top: -3px;
            border-radius: 2px;
            background: #FFF;
            white-space: nowrap;
            width: 175px;
            z-index: 400;
            height: auto;
            padding: 5px;
            box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.16);
            -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.16);
        }

            #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {
                position: absolute;
                left: -9999px;
                top: -9999px;
                width: 0;
                height: 0;
                margin: 0;
                padding: 0;
                list-style: none;
            }

        #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, /*****menu em 9/9/2013 ->>>>>Adicionar este trecho antes da proxima quebra de linha****/ #nav li:hover li:hover li:hover li:hover li:hover a.fly {
            background: var(--bg-color-1);
            color: #fff;
            border-color: #fff;
            text-shadow: none;
            border-radius: 2px !important;
        }

        #nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {
            background: #BEBEBE;
            color: #000;
            border-color: #bbd37e;
        }

    #nav li:nth-child(13):hover li:hover ul, #nav li:nth-child(13):hover li:hover li:hover ul {
        left: -182px;
        top: -3px;
        border-radius: 2px;
        white-space: nowrap;
        width: 175px;
        z-index: 400;
        height: auto;
        padding: 5px;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.16);
        -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.16);
    }
/********************************* BOTOES *********************************/
.voos-casados-comprar .botaopadrao {
    margin-bottom: 6px !important;
    margin-top: 6px !important;
}

.botaopadrao {
    border: 1px solid var(--bg-color-1);
    background: var(--bg-color-2);
    border-color: var(--bg-color-5);
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease !important;
    padding: 1px 13px;
}

    .botaopadrao:hover {
        background: var(--bg-color-5);
        border-color: var(--bg-color-5);
        color: #fff
    }

.botao-solicitacao-oneoff, .exibeacoesinativo .botao2, .exibeacoesinativo .botao3 {
    background: #27ae60 !important;
    border-color: #27ae60;
    color: #fff;
    cursor: pointer;
}



/*    .botaologin:hover {
        color: #fff;
        text-shadow: none;
    }

    .botaologin:active {
        color: #FFF;
    }*/

.btAtualizar.botaopadrao {
    padding: 5px 17px;
}
/*Dashboard Consultor*/
.g1 {
    background: url(../imagens/bt_solicitacoes.gif) 0px 0px repeat-x;
}

    .g1:hover {
        border: 1px solid #666;
        background: url(../imagens/bt_solicitacoes.gif) 0px 0px #FFF;
        box-shadow: 0px 1px 5px #999;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    }

    .g1:active {
        background: var(--bg-color-4);
        border: 1px solid #AEAEAE;
        background: url(../imagens/bt_solicitacoes.gif) 0px -105px var(--bg-color-4);
        color: #FFF;
        text-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

.g2 {
    background: url(../imagens/bt_solicitacoes.gif) 0px -26px repeat-x;
    float: left;
    margin-left: 5px;
}

    .g2:hover {
        background: url(../imagens/bt_solicitacoes.gif) 0px -26px #FFF;
    }

    .g2:active {
        background: url(../imagens/bt_solicitacoes.gif) 0px -85px repeat-x var(--bg-color-4);
    }

.g3 {
    background: url(../imagens/bt_solicitacoes.gif) 0px -130px repeat-x;
}

    .g3:hover {
        background: url(../imagens/bt_solicitacoes.gif) 0px -130px #FFF;
    }

    .g3:active {
        background: url(../imagens/bt_solicitacoes.gif) 0px -158px var(--bg-color-4);
    }

.bt_aofertar {
    background: url(../imagens/bt_solicitacoes.gif) 0px -186px repeat-x;
}

    .bt_aofertar:hover {
        background: url(../imagens/bt_solicitacoes.gif) 0px -186px #FFF;
    }

    .bt_aofertar:active {
        background: url(../imagens/bt_solicitacoes.gif) 0px -210px repeat-x var(--bg-color-4);
    }

.bt_aoptar {
    background: url(../imagens/bt_solicitacoes.gif) 0px -239px repeat-x;
}

    .bt_aoptar:hover {
        border: 1px solid #666;
        background: url(../imagens/bt_solicitacoes.gif) 0px -239px #FFF;
    }

    .bt_aoptar:active {
        border: 1px solid #AEAEAE;
        background: url(../imagens/bt_solicitacoes.gif) 0px -265px repeat-x var(--bg-color-4);
    }

.bt_areservar {
    background: url(../imagens/bt_solicitacoes.gif) 0px -291px repeat-x;
}

    .bt_areservar:hover {
        background: url(../imagens/bt_solicitacoes.gif) 0px -291px #FFF;
    }

    .bt_areservar:active {
        border: 1px solid #AEAEAE;
        background: url(../imagens/bt_solicitacoes.gif) 0px -317px repeat-x var(--bg-color-4);
    }

.bt_aautorizar {
    background: url(../imagens/bt_solicitacoes.gif) 0px -343px repeat-x;
}

    .bt_aautorizar:hover {
        background: url(../imagens/bt_solicitacoes.gif) 0px -343px #FFF;
    }

    .bt_aautorizar:active {
        border: 1px solid #AEAEAE;
        background: url(../imagens/bt_solicitacoes.gif) 0px -369px repeat-x var(--bg-color-4);
    }

.bt_aemitironline {
    background: url(../imagens/bt_solicitacoes.gif) 0px -395px repeat-x;
}

    .bt_aemitironline:hover {
        background: url(../imagens/bt_solicitacoes.gif) 0px -395px #FFF;
    }

    .bt_aemitironline:active {
        background: url(../imagens/bt_solicitacoes.gif) 0px -421px repeat-x var(--bg-color-4);
    }

.bt_aemitiroffline {
    background: url(../imagens/bt_solicitacoes.gif) 0px -447px repeat-x;
}

    .bt_aemitiroffline:hover {
        background: url(../imagens/bt_solicitacoes.gif) 0px -447px #FFF;
    }

    .bt_aemitiroffline:active {
        background: url(../imagens/bt_solicitacoes.gif) 0px -473px repeat-x var(--bg-color-4);
    }

.bt_aemprocesso {
    background: url(../imagens/bt_solicitacoes.gif) 0px -499px repeat-x;
}

    .bt_aemprocesso:hover {
        background: url(../imagens/bt_solicitacoes.gif) 0px -499px #FFF;
    }

    .bt_aemprocesso:active {
        background: url(../imagens/bt_solicitacoes.gif) 0px -525px repeat-x var(--bg-color-4);
    }

.bt_aematendimento {
    background: url(../imagens/bt_solicitacoes.gif) 0px -551px repeat-x;
}

    .bt_aematendimento:hover {
        background: url(../imagens/bt_solicitacoes.gif) 0px -551px #FFF;
    }

    .bt_aematendimento:active {
        border: 1px solid #AEAEAE;
        background: url(../imagens/bt_solicitacoes.gif) 0px -577px repeat-x var(--bg-color-4);
    }

.bt_aselecionar {
    background: url(../imagens/bt_solicitacoes.gif) 0px -603px repeat-x;
}

    .bt_aselecionar:hover {
        background: url(../imagens/bt_solicitacoes.gif) 0px -603px #FFF;
    }

    .bt_aselecionar:active {
        background: url(../imagens/bt_solicitacoes.gif) 0px -628px repeat-x var(--bg-color-4);
    }

.consultor-cartao {
    background: #fff;
}
/************************ SOBREMENU ***********************************/
/** > Define a cor do bg do sobremenu */
#supertopo {
    background: var(--bg-color-1);
    border: none;
}
/** > Define a cor dos links*/
#nav2, #nav2 li a.top_link {
    color: #FFF;
}

    #nav2 li:hover ul.sub li a {
        color: #000;
    }
    /** > Define a cor de fundo dos links*/
    #nav2 li:hover a.top_link {
        border-top-color: #CCC;
    }

        #nav2 li:hover a.top_link, #nav2 li:hover a.top_link span {
            color: #000;
            background: transparent;
        }
    /** > Define a cor das bordas entre os links*/
    #nav2 li.top {
        border: none;
    }

        #nav2 li.top:first-child {
            border-left: none;
            border: none;
        }
    /** > Define o background do submenu selecionado*/
    #nav2 li:hover ul.sub li a:hover, #nav2 li:hover ul.sub li a.fly:hover {
        background: #850000;
        color: #FFF;
    }
    /** > Define o background do submenu com 2 niveis*/
    #nav2 li ul.sub li a.fly {
        background-color: #FFF;
    }
    /** > Define o background do menu do usuario*/
    #nav2 li.top3:hover ul.sub {
        background: url(../imagens/clientes/kontik/bg_submenu2.gif) top right no-repeat #FFF;
    }

    #nav2 li.top3:hover ul.sub2 {
        background: #FFF;
    }
    /*Background do menu 2º nivel (linguagens)*/
    /** > Define o background do menu do usuario com seta para 2º nivel*/
    #nav2 li ul.sub li a.fly {
        background-color: #FEF4C9;
    }
    /** > Define o background do link com seta do menu de 2º nivel quando selecionado*/
    #nav2 li:hover li:hover a.fly, #nav2 li:hover li:hover li:hover a.fly, #nav2 li:hover li:hover li:hover li:hover a.fly, #nav2 li:hover li:hover li:hover li:hover li:hover a.fly {
        background: #850000 url(arrow_over.gif) 80px 6px no-repeat;
    }
    /** > Setas para baixo*/
    #nav2 li a.top_link span.down {
        background: url(../imagens/clientes/kontik/three_1a.gif) right no-repeat;
    }

    #nav2 li.top3 .usuario img {
        padding: 5px 0 0 0;
    }

    #nav2 li.top3 .top_link img {
        padding: 5px 0 0 0;
    }
/******************* CARRINHO diferenciado 23/8/2013 ***********************/
/*Acompanha rolagem sem interferir no menu*/
.carrinhocantoesquerdo, .carrinhocantodireito, .carrinhocentro {
    background: var(--bg-color-5);
}

.carrinhocentro {
    background-repeat: repeat-x;
    padding: 0px 20px;
    _width: 280px;
}
    /*Correcao Hack IE6*/
    .carrinhocentro .botaosetaminimizar {
        _margin-top: 6px;
    }
/*Correcao Hack IE6*/
.carrinhocantoesquerdo {
    background-position: 0px -89px;
    width: 10px;
}

.carrinhocantodireito {
    background-position: 0px -140px;
    width: 10px;
    margin-right: 20px;
}
/*Carrinho minimizado*/
#carrinhominimizado {
    background: url(../imagens/clientes/kontik/bg_carrinho2.gif) 0px -233px repeat-x;
}

    #carrinhominimizado .carrinhocantoesquerdo, #carrinhominimizado .carrinhocantodireito, #carrinhominimizado .carrinhocentro {
        border-top-color: var(--bg-color-5) !important;
    }

.testeiracarrinho a {
    color: #FFF !important;
}
/******************* TOPO do Date Picker diferenciado 23/8/2013 ***********************/
.ui-widget-header {
    color: #FFF !important;
}

    .ui-widget-header a {
        color: #FFF;
    }
/******************* HOTEIS titulo diferenciado 23/8/2013 ***********************/
div.tituloquarto, div.tituloFixoTotal {
    background: #FFFFCC;
}

    div.tituloquarto h1, div.tituloFixo h1 {
        color: #333;
    }

.hoteis-titulos h1 {
    width: 60%;
    font-weight: bold;
    color: #666666;
}
/*DASHBOARDS*/
/*  .iconesolicitacoes{width:32px;height:35px;text-indent:-999em;overflow:hidden;padding-left:10px;background:url(../imagens/clientes/kontik/icones_servicos_solic.png) no-repeat;}
        .iconesolic{background-position:-5px -98px; width:25px;}
        .iconeseraereo{background-position:12px 0px;}
        .iconeserhotel{background-position:12px -35px;}
        .iconeserveiculo{background-position:12px -70px;}
        .iconeatendimento{background-position:-4px -134px; width:25px;}*/
.iconesolicon {
    background: url(../imagens/clientes/kontik/icones_servicos_solic.png) no-repeat -3px -345px !important;
}
/*Adicionado 19/03/2015*/
.testeira label {
    color: #FFFFFF;
    font-weight: bold;
}
/******************************** Hover das linhas ********************************/
#divInserirPassageiro:hover {
    background-color: #FEFDEB !important;
}

.linhaformularioum:hover {
    background-color: #FEFDEB !important;
}
/************************ SMALL BUSINESS 17/09/2014  ************************/
.balao-seleciona-servicos {
    background: #FCDD49;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFF8D7', endColorstr = '#FCDD49');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFF8D7', endColorstr = '#FCDD49')";
    background-image: -moz-linear-gradient(top, #FFF8D7, #FCDD49);
    background-image: -ms-linear-gradient(top, #FFF8D7, #FCDD49);
    background-image: -o-linear-gradient(top, #FFF8D7, #FCDD49);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFF8D7), to(#FCDD49));
    background-image: -webkit-linear-gradient(top, #FFF8D7, #FCDD49);
    background-image: linear-gradient(top, #FFF8D7, #FCDD49);
    background: -moz-linear-gradient(#FFF8D7, #FCDD49);
    border-top-color: 1px solid #FFF;
}

    .balao-seleciona-servicos:after {
        border-color: #FCDD49 transparent;
    }

/**************************Self booking information***************/

.disp-self-booking-info p {
    font-size: 15px !important;
}



.botaologin {
    cursor: pointer;
    width: 100%;
    height: 40px;
    background: var(--bg-color-1);
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    border: none;
    outline: none;
    padding: 0;
    transition: background-color 0.3s ease;
    margin-right: 0px;
    margin-top: 15px; /* Adicionando transição para a mudança de cor */
}

    .botaologin::after {
        content: "";
        position: absolute;
        top: 0;
        left: -00%;
        width: 100%;
        height: 100%;
        background-color: #27ae60; /* Cor verde para o efeito */
        transition: left 0.3s ease, background-color 0.3s ease; /* Adicionando transição para a mudança de cor e posição */
    }

    .botaologin:hover, .botaologin:active {
        background-color: var(--bg-color-success); /* Mudando a cor ao passar o mouse */
        color: #fff;
    }

        .botaologin:hover::before {
            left: 0; /* Movendo o pseudo-elemento para a posição inicial ao passar o mouse */
        }

#btnReservarOffline {
    background: var(--bg-color-1) !important;
    color: #fff;
    transition: background-color 0.3s ease;
    border: none !important
}

    #btnReservarOffline:hover {
        background-color: var(--bg-color-success) !important; /* Mudando a cor ao passar o mouse */
        color: #fff;
        border: none !important
    }

.btAtualizar.botaopadrao {
    background: var(--bg-color-grey);
    color: #fff;
    transition: background-color 0.3s ease;
    border: none !important
}

    .btAtualizar.botaopadrao:hover {
        background-color: var(--bg-color-grey-hover); /* Mudando a cor ao passar o mouse */
        color: #fff;
        border: none !important
    }

#formCriarSolicitacao #btnSalvar {
    cursor: pointer;
    background-color: var(--bg-color-1);
    color: #fff;
    border: none;
    outline: none;
    transition: background-color 0.3s ease;
    margin-right: 0px;
    margin-top: 15px;
    font-weight: 100;
    font-size: 15px;
    margin-bottom: 41px;
    height: 35px;
    border: none;
}

    #formCriarSolicitacao #btnSalvar:hover, #formCriarSolicitacao #btnSalvar:active {
        background-color: var(--bg-color-success); /* Mudando a cor ao passar o mouse */
        color: #fff;
    }

.dv-bt-confirmar #btnSalvar {
    background-color: var(--bg-color-success) !important;
    transition: background-color 0.3s ease;
    border: none;
    outline: none;
    color: #fff !important;
}

    .dv-bt-confirmar #btnSalvar:hover, .dv-bt-confirmar #btnSalvar:active {
        background-color: var(--bg-color-1) !important;
    }

.dv-bt-alterar-solicitacao #btnVoltar {
    background-color: var(--bg-color-grey) !important;
    transition: background-color 0.3s ease;
    border: none;
    outline: none;
    color: #fff !important;
}

    .dv-bt-alterar-solicitacao #btnVoltar:hover, .dv-bt-alterar-solicitacao #btnVoltar:active {
        background-color: var(--bg-color-grey-hover) !important;
    }

#formCriarSolicitacao #btnCancelarCadPassageiro {
    transition: background-color 0.3s ease;
    background-color: var(--bg-color-grey); /* Mudando a cor ao passar o mouse */
    color: #fff;
    border: none;
}

    #formCriarSolicitacao #btnCancelarCadPassageiro:hover {
        background-color: var(--bg-color-grey-hover); /* Mudando a cor ao passar o mouse */
        color: #fff;
    }

.botaoDesespero {
    transition: background-color 0.3s ease;
    background-color: var(--bg-color-success) !important;
    color: #fff;
    border: none;
    height: auto !important;
    font-size: 11px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 4px !important;
    padding: 5px;
    /* display: block; */
    display: block;
    margin: auto;
}

.botoes-inferiores-tarifacao {
    margin: 0 15px;
    height: 36px;
}

#btnPesquisarAereo, #btnPesquisarHoteis, #btnPesquisarVeiculos {
    transition: background-color 0.3s ease;
    background-color: var(--bg-color-success) !important;
    color: #fff;
    border: none;
    height: auto;
    font-size: 17px;
    margin-bottom: 29px;
    margin-top: 11px;
    border-radius: 18px !important;
    padding: 8px;
}

    #btnPesquisarAereo:hover, #btnPesquisarAereo:active, .botaoDesespero:hover, .botaoDesespero:active, #btnPesquisarHoteis:hover, #btnPesquisarHoteis:active, #btnPesquisarVeiculos:hover, #btnPesquisarVeiculos:active {
        background-color: var(--bg-color-1) !important;
        color: #fff !important
        /* Mudando a cor ao passar o mouse */
    }

#formCriarSolicitacao #bntCadPassageiro {
    transition: background-color 0.3s ease;
    background-color: var(--bg-color-success); /* Mudando a cor ao passar o mouse */
    color: #fff;
    border: none;
}

    #formCriarSolicitacao #bntCadPassageiro:hover {
        background-color: var(--bg-color-1); /* Mudando a cor ao passar o mouse */
    }

#btnAcessar {
    transition: background-color 0.3s ease;
    background: var(--bg-color-1) !important; /* Mudando a cor ao passar o mouse */
    color: #fff;
    border: none;
}

    #btnAcessar:hover {
        background: var(--bg-color-success) !important; /* Mudando a cor ao passar o mouse */
    }

#formCriarSolicitacao .botao11, #formCriarSolicitacao .botao10 {
    width: auto;
    height: auto;
    margin-left: auto;
    padding: 12px 12px;
}

#formCriarSolicitacao .campotipo8 {
    width: 41%;
}

.listavooidaevolta .botao3 {
    width: auto;
    height: auto;
    padding: 12px 12px;
    cursor: pointer;
    background-color: var(--bg-color-grey) !important;
    color: #fff !important;
    border: none !important;
    outline: none !important;
    transition: background-color 0.3s ease !important;
}

    .listavooidaevolta .botao3:hover {
        background-color: var(--bg-color-grey-hover) !important;
    }

#formCriarSolicitacao .colunageral1 {
    width: 90%;
    padding-top: 20px;
    width: 97% !important;
}

#formCriarSolicitacao .exibeacoes4 {
    height: auto !important;
}

.coluna-botoes-dashboard #btnProcurar {
    cursor: pointer;
    background-color: var(--bg-color-success) !important;
    color: #fff !important;
    border: none !important;
    outline: none !important;
    transition: background-color 0.3s ease !important;
    margin-right: 0px;
    margin-top: 15px;
}

    .coluna-botoes-dashboard #btnProcurar:hover {
        background-color: var(--bg-color-1) !important; /* Mudando a cor ao passar o mouse */
        color: #fff;
    }

.coluna-botoes-dashboard a.salvar-meu-dashboar {
    background-color: var(--bg-color-grey) !important; /* Mudando a cor ao passar o mouse */
}



#conteudo .testeira h2 {
    color: var(--bg-color-grey);
    font-weight: bold;
}

#conteudo #conteinerpadrao {
    border: none !important;
    padding: 0px;
    background: #FFF;
    border-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    clear: both;
    box-shadow: 0px 3px 29px -12px #cacaca;
}



#conteudo .listagemdevoos .testeira {
    border-radius: 0px;
}

#conteudo .listagemdevoos .ocAutoComplete {
    border: none !important;
}


.listagemdevoos .testeira h5, #conteudo .listagemdevoos .testeira label {
    font-weight: 100;
    color: #818181;
}

    .listagemdevoos .testeira h5 select {
        margin-right: 10px;
        border-radius: 2px !important;
        padding: 5px !important;
        margin-right: 41px !important;
        border: none !important;
        height: 32px;
    }

.filtro-avancado1 input {
    height: 23px;
}

.ajuda-reserva-oneoff {
    position: relative;
    float: right;
    margin-top: -65px;
    margin-right: 514px;
    z-index: 999;
}

.cancelaalinhamento.exibeacoes {
    background: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

#conteudoModal .cancelaalinhamento.exibeacoes {
    height: 37px;
}

#supertopo ul li:last-of-type {
    padding-top: 4px;
    padding-right: 16px;
}

.ocultarcarrinho #panel7 {
    /* background: none repeat scroll 0 0 #fdfdfd; */
    /* float: left; */
    left: 0;
    margin-bottom: 0px;
    margin-left: 0;
    /* width: 100%; */
    /* margin-top: -3px; */
    border: none !important;
    box-shadow: none !important;
    padding: 0px;
    margin-bottom: 0px !important;
    background-color: #fff0;
}

.testeiracarrinho span:first-of-type {
    margin-left: 37px;
}

.botaosetaminimizar {
    background: url(../imagens/bt_minimizar.gif) 0px 37px;
    /* margin-top: 6px; */
    display: block;
    float: right;
    margin-top: 7px;
}

.listagemdevoos {
    width: 100%;
}

#compras {
    padding-bottom: 1px
}

.itensselecionados {
    margin-bottom: 9px;
}

.acoes-pos-reserva .botoes-pos-reserva .bt-acao {
    width: 30% !important;
}


.disponibilidade-voos-casados {
    margin-left: 261px;
    float: none !important;
    margin-right: 9px;
}

.fecharPop {
    position: absolute;
    right: -12px;
    top: -17px;
    cursor: pointer;
}