﻿/******************************************************************************************
        INFORMAÇÕES SOBRE CAMADAS DA APLICAÇÃO (Z-INDEX)
        Menu Lateral......................1000
        Modal.............................1050
        DatePicker........................800
        msg-main(alertas).................99
        Box com Informações...............5
        alidate[required] Box.............990
        FAVOR NÃO COLOCAR NADA ACIMA DE 900 PARA NÃO FICAR ACIMA DO MENU.
*******************************************************************************************/

@import url('fonts.css');

/***CLASSES DAS CORES PRIMARIA E SECUNDÁRIA****/
/*.cor-primaria {
    background: #df2027 !important;
    color: #fff !important;
}

.cor-secundaria {
    background: #b21a1f !important;
    color: #fff !important;
}

.cor-primaria-link {
    background: #df2027 !important;
    color: #fff !important;
    transition: 0.2s linear;
}

    

.cor-primaria-borda {
    border-color: #df2027 !important;
}

.cor-secundaria-borda {
    border-color: #b21a1f !important;
}

.cor-primaria-font {
    color: #df2027 !important;
}*/
/***********************************************/

.cor-primaria-link:hover {
    background: #f3f3f3 !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.2) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 8px 8px;
    color: #f26522 !important;
}

html {
    margin: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: Trebuchet MS;
    /*background: #EFEFEF;*/
}

.hr-botoes {
    border: none;
    height: 2px;
    margin: 10px 0 5px 0;
}

#msg-main {
    width: 100%;
    z-index: 99;
}

h4 {
    color: #f26522;
}

#ModalVersaoSistema .modal-dialog {
    margin: 131px auto auto auto;
}

#ModalVersaoSistema .modal-content {
    background: #d7d7d7;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.2) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 8px 8px, rgba(0, 0, 0, 0.2) 0px 16px 16px, rgba(0, 0, 0, 0.2) 0px 32px 32px, rgba(0, 0, 0, 0.2) 0px 64px 64px;
}

#ModalVersaoSistema .modal-header {
    background: transparent;
    min-height: 67px;
}

    #ModalVersaoSistema .modal-header button {
        background: #f25422;
        padding: 1px 25px 5px 8px;
        float: right;
        margin-right: -15px;
    }

        #ModalVersaoSistema .modal-header button:hover {
            background: #555555;
        }

#ModalVersaoSistema .modal-body {
    max-height: 500px;
    overflow: auto;
    width: 100%;
    padding: 8px 30px;
    color: black;
}

    #ModalVersaoSistema .modal-body h5 {
        color: #f26522;
        font-weight: bold;
        font-size: 18px;
    }

#ModalVersaoSistema .modal-footer {
    padding: 15px 30px;
}

    #ModalVersaoSistema .modal-footer p {
        text-transform: uppercase;
        margin: 3px 0 0 9px;
        font-size: 12px;
        width: 194px;
        text-align: left;
        line-height: 15px;
    }

    #ModalVersaoSistema .modal-footer button {
        margin-left: 105px;
    }

#tituloVersao {
    background: url(../img/tagModal.png) no-repeat left top;
    background-size: 100%;
    width: 270px;
    height: 204px;
    position: absolute;
    left: 0;
    top: -82px;
}

    #tituloVersao h4 {
        margin: 56px 0 0 30px;
        color: white;
        line-height: 15px;
    }

    #tituloVersao p {
        margin: 0 0 0 30px;
        line-height: 18px;
    }

#footer {
    background: #454545;
    z-index: 20;
    position: absolute;
    width: 100%;
    height: 27px;
    bottom: 0;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
}

    #footer .container {
        padding: 0 30px;
    }

    #footer h5 {
        margin: 3px 0 0 0;
        text-align: left;
        float: left;
        color: #f26522;
        font-size: 20px;
    }

    #footer p {
        margin: 7px 0 0 0;
        text-align: right;
        float: right;
        font-size: 12px;
        line-height: 14px;
        color: #f26522;
    }

    #footer #iconeTelefone {
        background: url(../img/telefone.png) no-repeat;
        background-size: 100%;
        width: 24px;
        height: 24px;
        float: left;
        margin: -3px 4px 0 0;
    }

.alertaExpira {
    color: #f26522;
    font-size: 19px;
    margin: 10px 8px 0 10px;
}

a {
    color: #332f2d;
    text-decoration: none;
    transition: 0.2s linear;
}

#manualDemandas {
    position: fixed;
    right: 0;
    top: 44px;
    padding: 6px 62px 6px 22px;
    text-decoration: none;
    background: #f5c0a7 url('../img/icone_pdf.png') no-repeat center right 25px;
    background-size: 25px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    color: black;
}

    #manualDemandas:hover {
        background: gray url('../img/icone_pdf.png') no-repeat center right 25px;
        background-size: 33px;
        color: white;
        box-shadow: -4px 0 4px -2px rgba(0,0,0,0.2), -8px 0 8px -4px rgba(0,0,0,0.2), -16px 0 16px -8px rgba(0,0,0,0.2), -32px 0 32px -5px rgba(0,0,0,0.2), -64px 0 64px -5px rgba(0,0,0,0.2);
    }

#navDemandas {
    position: fixed;
    top: 76px;
    right: 24px;
    z-index: 2;
}

    #navDemandas a {
        text-decoration: none;
        background: #f26522;
        color: white;
        padding: 5px 10px;
        box-shadow: inset 0 3px 5px 0 rgba(0,0,0,0.2), 2px 2px 5px 0 rgba(0,0,0,0.2);
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        float: left;
        margin-right: 2px;
    }

        #navDemandas a:hover {
            background: #DE5102;
            padding: 5px 10px 7px 10px;
        }

.container-left {
    margin-left: 0;
}

.container-Titulo {
    padding: 0 5px !important;
    height: 100%;
}

    .container-Titulo h3 {
        font-size: 25px;
        color: #464646;
        margin: 0;
        float: left;
        line-height: 50px;
        padding-left: 20px;
    }

        .container-Titulo h3:before {
            content: url(../img/icone_titulo.png);
            margin-right: 10px;
        }

#header {
    /* padding-bottom: 10px;
    background: #F26522; */
    height: 80px;
    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px, rgba(0, 0, 0, 0.1) 0px 4px 4px, rgba(0, 0, 0, 0.1) 0px 8px 8px, rgba(0, 0, 0, 0.1) 0px 16px 16px;
    background: white;
    position: relative;
}

    #header span {
        z-index: 1001;
        font-size: 20px;
    }

    #header .nomeSistema h1 {
        font-family: 'tfforever-extralight';
        margin: 23px 0 0 17px;
        float: left;
    }

    #header .dropdown-menu {
        top: 0px;
        padding: 0 0 8px 0;
        border: none;
    }

        #header .dropdown-menu li {
            text-align: right;
        }

        #header .dropdown-menu a, #header .dropdown-menu p {
            vertical-align: middle;
            margin: 0;
            padding: 4px 30px;
        }


        #header .dropdown-menu span {
            font-size: 20px;
            margin: 0px 0 0 9px;
            position: relative;
            top: 5px;
            text-rendering: optimizeLegibility;
        }

    #header .dropdown.open .dropdown-toggle {
        display: none;
    }

#nomeUsuario {
    margin: 0;
    position: absolute;
    right: 90px;
    top: 4px;
    color: white;
    font-size: 16px;
}

.header-title {
    position: absolute;
    display: inline;
    right: 70px;
    top: 23px;
    color: #FFF;
    font-weight: 400;
    line-height: 15px;
    font-size: 14px;
    margin: 0;
    padding: 0 20px 0 0;
}


#left-bar {
    width: 280px;
    position: absolute;
    z-index: 1000;
    transition: width 0.5s;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.2) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 8px 8px, rgba(0, 0, 0, 0.2) 0px 16px 16px, rgba(0, 0, 0, 0.2) 0px 32px 32px, rgba(0, 0, 0, 0.2) 0px 64px 64px;
}

    #left-bar.fechado {
        width: 35px;
        box-shadow: none;
    }

.left-bar-menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    font-weight: 500;
    color: #FFF;
}

    .left-bar-menu li {
        border-top: 1px solid;
        overflow: hidden;
    }

        .left-bar-menu li .glyphicon {
            margin-right: 10px;
            margin-left: 12px;
        }

        .left-bar-menu li a {
            width: 280px;
            display: block;
            padding: 8px 20px 8px 0px;
            color: #FFF;
            text-decoration: none;
            position: relative;
        }

        .left-bar-menu li:hover {
            overflow: visible;
        }

            .left-bar-menu li:hover a {
                background: gray;
            }

#left-bar.fechado .left-bar-menu li:hover a {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.2) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 8px 8px, rgba(0, 0, 0, 0.2) 0px 16px 16px;
}


.left-bar-menu li:first-child:hover {
    overflow: hidden;
}

#versaoSistema {
    color: white;
    font-size: 9px;
    position: absolute;
    bottom: 0;
    left: 1px;
    text-decoration: none;
    background: transparent;
    border: none;
    padding: 0;
}

#site-content {
    position: relative;
    float: right;
    background: #EFEFEF;
    min-height: 400px;
    overflow: auto;
    padding: 0 0 0 35px;
}

#info-boletos {
    min-height: 200px;
}

.iconeMenu {
    position: relative;
    top: 4px;
    display: inline-block;
    width: 28px;
    height: 15px;
    background-size: 100% !important;
    background-position-y: center !important;
    margin: 0 4px;
    height: 17px;
    image-rendering: -webkit-optimize-contrast;
}

.iconeInclusaoDemandas {
    background: url(../img/icone_inclusao.png) no-repeat;
}

.iconePreVisualizacao {
    background: url(../img/icone_preVisualizacao.png) no-repeat;
}

.iconeFaturaPendente {
    background: url(../img/icone_faturaPendente.png) no-repeat;
}

.iconeFaturaQuitada {
    background: url(../img/icone_faturaQuitada.png) no-repeat;
}

.iconeLupa {
    background: url(../img/icone_lupa.png) no-repeat;
}

.iconeOpNegadas {
    background: url(../img/icone_operacoesNegadas.png) no-repeat;
}

.iconeLupa_boleto {
    background: url(../img/icone_lupa_boleto.png) no-repeat;
}

.iconeCcg {
    background: url(../img/icone_ccg.png) no-repeat;
}

.imgIconeColuna.iconeConsultaClientes {
    background-size: 26px;
}

.iconeAprovadores {
    background: url(../img/icone_aprovadores.png) no-repeat;
}

.iconeGrupo {
    background: url(../img/icone_grupo.png) no-repeat;
}

.loading {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
}

    .loading img {
        left: 50%;
        margin-left: -44px;
        margin-top: 45%;
    }
/*TITULO BASE*/
#navContent {
    width: 100%;
    height: 50px;
    margin: 0 0 0 0;
    padding-left: 35px;
    background: linear-gradient(#dddddd, #d4d4d4);
}

/*ESTILO TABELAS*/
.tituloTransparent {
    background: transparent !important;
}

#linha-pesquisa td {
    padding: 0 !important;
}

#linha-pesquisa .input-group {
    margin-top: 0;
}

#linha-pesquisa td input[type="text"], #linha-pesquisa td select {
    text-align: left !important;
    padding: 3px;
    height: 26px;
    border-radius: 0;
}

#linha-pesquisa td button {
    background: gray;
    padding: 3px 6px;
    border-radius: 0;
}

#linha-pesquisa td span {
    padding: 0;
    color: white;
}

#linha-pesquisa td a {
    padding: 2px 6px;
}

.PaddingBoxTable {
    padding: 0;
}

    .PaddingBoxTable table th, .PaddingBoxTable table td {
        padding: 4px 10px;
    }

    .PaddingBoxTable table {
        margin: 0;
        text-transform: uppercase;
    }

table thead th {
    border: none !important;
}

    table thead th:last-child, table tbody td:last-child {
        border-right: none !important;
        vertical-align: middle;
    }
/*#lista-boletos th:first-child, #lista-boletos th:last-child
{
    background: transparent;
}*/
#lista-pendencia table tr:first-child td:first-child {
    border-top: none;
}

#lista-pendencia table td {
    padding-left: 44px;
}

    #lista-pendencia table td span {
        color: #363636;
        margin-left: -29px;
    }

.lista-grid table, .lista-grid table td {
    border: none !important;
    line-height: 14px !important;
}

.lista-grid th {
    font-size: 14px;
    color: White;
    text-align: center;
    padding: 5px !important;
}

    .lista-grid th a {
        color: White;
    }
/*.lista-grid th:first-child, .lista-grid th:last-child
{
    background: transparent;
}*/

.lista-grid td:first-child {
    padding: 0 0 0 0 !important;
    text-align: center;
    width: 28px;
}

.lista-grid tr td {
    background: #e1e1e1;
    padding: 2px 3px 2px 3px !important;
    cursor: default;
}

.lista-grid.semIcone tr td {
    padding: 7px 3px !important;
}

.lista-grid tr td div {
    line-height: 1.42857;
}

.lista-grid tr:nth-child(odd) td {
    background: #ffffff;
}

.lista-grid span {
    padding: 0;
}

    .lista-grid span.glyphicon {
        padding: 6px;
    }

.lista-grid #paginacao span.glyphicon {
    padding: 0px;
    color: black;
}

.lista-grid tr td:nth-child(odd) {
    background: #cacaca;
}

.lista-grid tr:nth-child(odd) td:nth-child(odd) {
    background: #e5e5e5;
}

.lista-grid td:first-child {
    background: #e4d7d0;
    vertical-align: middle;
}

.lista-grid tr:nth-child(odd) td:first-child {
    background: #e5e5e5;
}

.colunaBT {
    border-radius: 0px;
    color: #fff;
    padding: 0;
}

.lista-grid td a:hover {
    background: gray;
}
/*HOVER GRID*/
.lista-grid tbody tr:hover td {
    background: #cbcbcb;
    box-shadow: inset 0 5px 10px -5px rgba(0,0,0,0.2), inset 0 -5px 10px -5px rgba(0,0,0,0.2);
}

    .lista-grid tbody tr:hover td:nth-child(odd) {
        background: #b3b3b3;
        box-shadow: inset 0 5px 10px -5px rgba(0,0,0,0.2), inset 0 -5px 10px -5px rgba(0,0,0,0.2);
    }

.lista-grid tbody tr:hover:nth-child(odd) td {
    background: #d1d1d1;
    box-shadow: inset 0 5px 10px -5px rgba(0,0,0,0.2), inset 0 -5px 10px -5px rgba(0,0,0,0.2);
}

    .lista-grid tbody tr:hover:nth-child(odd) td:nth-child(odd) {
        background: #c0c0c0;
        box-shadow: inset 0 5px 10px -5px rgba(0,0,0,0.2), inset 0 -5px 10px -5px rgba(0,0,0,0.2);
    }

.lista-grid .btCell {
    padding: 0 !important;
    background: transparent;
}

    .lista-grid .btCell button {
        border-radius: 0;
        background: #02723b url(../img/icone_excel-branco.png) no-repeat center center;
        background-size: 100%;
        display: block;
        width: 28px;
        height: 28px;
        transition: 0.2s;
        padding: 0;
    }

        .lista-grid .btCell button:hover {
            background: black url(../img/icone_excel-branco.png) no-repeat center center;
            background-size: 100%;
        }

#lista-vara #loading-img, #dados-fatura #loading-, #lista-segurado #loading-img {
    margin-left: 50%;
    left: -50px;
    position: relative;
}

#lista-vara, #lista-segurado {
    position: absolute;
    width: 700px;
    margin-left: 50%;
    top: 0;
    left: -350px;
    z-index: 450;
    display: none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2), 0 4px 4px 0 rgba(0,0,0,0.2), 0 8px 8px 0 rgba(0,0,0,0.2), 0 0 100px 0 rgba(0,0,0,0.5);
}

#lista-foro {
    position: absolute;
    width: 700px;
    margin-left: 50%;
    top: 0;
    left: -350px;
    z-index: 450;
    display: none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2), 0 4px 4px 0 rgba(0,0,0,0.2), 0 8px 8px 0 rgba(0,0,0,0.2), 0 0 100px 0 rgba(0,0,0,0.5);
}


    #lista-vara .panel-body {
        overflow: auto;
    }

    #lista-foro .panel-body {
        overflow: auto;
    }

    #lista-segurado .panel-body {
        overflow: auto;
    }

.prorrogar {
    background-image: linear-gradient(to top, #da5b1f, #f26522) !important;
    padding: 0 !important;
    display: table-cell;
}

    .prorrogar:hover {
        background-image: linear-gradient(to top, #da5b1f, #c34e17) !important;
    }

    .prorrogar a {
        color: white;
        font-size: 11px;
        display: block !important;
        background: transparent !important;
        height: 100%;
    }

.groupTabelaBT div {
    display: flex;
    align-items: center;
}

.groupTabelaBT span {
    width: calc(100% - 24px);
    display: inline-block;
}

.groupTabelaBT a {
    border-radius: 0px;
    color: #fff;
    background: #f26522;
    display: block !important;
    padding: 3px !important;
}

    .groupTabelaBT a:hover {
        background: gray;
        color: white !important;
    }

    .groupTabelaBT a span {
        float: initial;
        display: initial;
        width: auto;
        padding: 1px !important;
    }

.groupTabelaBT .btn.disabled, .groupTabelaBT .btn[disabled], .groupTabelaBT fieldset[disabled] .btn {
    opacity: .40;
    background: gray;
}

.grid-coberturas {
    min-width: 500px;
    width: 50%;
    border: 1px solid #ccc;
}

.imgIconeColuna {
    width: 27px !important;
    height: 26px;
    display: block !important;
    background-position: center center;
}

#ConfereCoberturasGrid table, .Gridbase {
    min-width: 440px;
    width: 100%;
    border: 1px solid #ccc;
}

    .grid-coberturas th, .grid-coberturas td, #ConfereCoberturasGrid table th, #ConfereCoberturasGrid table td, .Gridbase td, .Gridbase th {
        padding: 5px 10px;
    }

    .grid-coberturas td, #ConfereCoberturasGrid table td, .Gridbase td {
        background: #feefe8;
    }

    .grid-coberturas tr:nth-child(odd) td, #ConfereCoberturasGrid table tr:nth-child(odd) td, .Gridbase tr:nth-child(odd) td {
        background: #fff;
    }

.grid-coberturas td:last-child {
    padding: 0;
}

.grid-coberturas td input[type="text"], #ConfereCoberturasGrid table td input[type="text"] {
    border: none;
    width: 100%;
    padding: 8px;
    background: transparent;
}

.grid-coberturas td input[type="checkbox"], #ConfereCoberturasGrid table td input[type="checkbox"] {
    margin: 0 5px 0 0;
}

#lista-acompanhamento-cadastros th:first-child, #lista-acompanhamento-cadastros th:last-child, #checklistCadastro th:last-child, #checklistCadastro th:first-child {
    background: #f26522;
}

#lista-acompanhamento-cadastros th:nth-child(1) {
    width: 100px;
}

#lista-acompanhamento-cadastros th:nth-child(2) {
    width: 120px;
}

#lista-acompanhamento-cadastros th:nth-child(4) {
    text-align: left;
}

#checklistCadastro table th:nth-child(2), #checklistCadastro table th:nth-child(3), #checklistCadastro table td:nth-child(2), #checklistCadastro table td:nth-child(3) {
    text-align: center;
}

#checklistCadastro span.glyphicon-ok-circle {
    color: green;
}

#checklistCadastro span.glyphicon-ban-circle {
    color: red;
}

/*BOX PRODUTOS*/
/*#ListaProdutos {
    width: 664px;
}*/

.boxProduto {
    margin: 9px;
    width: 98%;
    display: inline-table;
    vertical-align: middle;
}

    .boxProduto .imgProduto {
        width: 100%;
    }

    .boxProduto a {
        text-transform: uppercase;
        font-size: 22px;
        text-decoration: none;
        display: flex;
        align-items: center;
        background: white url(../img/setaMais.png) no-repeat bottom right;
        width: 100%;
        padding: 0 23px;
        line-height: 24px;
        height: 87px;
    }

        .boxProduto a:hover {
            background: #f26522 url(../img/setaMaisHover.png) no-repeat bottom right;
            color: White;
        }



form .row {
    padding-top: 5px;
}

#mensgemModalidade {
    color: #f26522;
}

#campos .formCamposBloqueados input, #campos .formCamposBloqueados textarea, #campos .formCamposBloqueados select {
    background: #d4d4d4;
}

#campos .formCamposBloqueados .podeAlterar {
    background: #fff !important;
}

.podeAlterar .informacao {
    cursor: default;
    border: none;
    box-shadow: none;
}

.boxInfo {
    z-index: 0;
}

    .boxInfo .circle {
        width: 170px;
        height: 170px;
        border-radius: 100%;
        margin: 10px auto;
        box-shadow: inset -20px -20px 100px 0 rgba(0,0,0,0.2), 2px 2px 2px 0 rgba(0,0,0,0.3);
        position: relative;
        z-index: 5;
        background: white;
    }

        .boxInfo .circle p {
            text-align: center;
            text-transform: uppercase;
            font-size: 15px;
            width: 123px;
            min-height: 63px;
            margin: 0 auto 6px auto;
            line-height: 16px;
            padding: 28px 0 6px 0;
        }

            .boxInfo .circle p:last-child {
                padding-top: 10px !important;
                height: auto;
            }

        .boxInfo .circle.tituloTresLinhas p {
            padding-top: 14px;
        }

        .boxInfo .circle select {
            height: 18px;
            font-size: 13px;
            margin-top: 2px;
        }

        .boxInfo .circle a {
            text-decoration: none;
            margin: 0;
            display: block;
        }

            .boxInfo .circle a:hover > span {
                text-decoration: none;
                color: gray;
            }

        .boxInfo .circle span {
            font-size: 63px;
            font-weight: bold;
            line-height: 45px;
            display: block;
            text-align: center;
            letter-spacing: -5px;
            margin: 0;
        }

            .boxInfo .circle span.number-6 {
                font-size: 50px;
            }

            .boxInfo .circle span.number-7 {
                font-size: 46px;
            }

            .boxInfo .circle span.number-8 {
                font-size: 40px;
            }

    .boxInfo .circleLinha {
        width: 190px;
        height: 190px;
        border-radius: 100%;
        border: 1px solid;
        box-shadow: 0 0 30px 0 rgba(0,0,0,0.5);
        float: left;
        background: white;
    }

    .boxInfo .box {
        position: absolute;
        width: calc(100% - 156px);
        max-width: 225px;
        height: 106px;
        background-image: linear-gradient(to top, #525252, #999999);
        border-top-right-radius: 40px;
        border-bottom-right-radius: 40px; /* top: 43px; */ /* left: 150px; */
        text-align: right;
        padding-right: 20px;
        margin: -145px 0 0 156px;
    }

        .boxInfo .box span, .boxInfo .box p {
            display: block;
            float: right;
            width: 71%;
            color: White;
            text-transform: uppercase;
            font-size: 12px;
            margin: 0;
            line-height: 22px;
        }

        .boxInfo .box span {
            font-size: 14px;
            font-weight: bold;
            line-height: 7px;
        }

        .boxInfo .box p {
            margin-top: 12px;
        }

#div-info-operacoes .boxInfo .box p {
    margin-top: 30px;
}

.boxInfo.box-right {
    float: right;
    margin-right: 191px;
}

#boxFechar {
    z-index: 20;
    position: absolute;
    background: rgba(239,239,239,0.8);
    margin: -9px 0 0 -12px;
    display: flex;
    align-items: center;
    max-width: 417px;
}

    #boxFechar button {
        margin: 0 auto;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.2) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 8px 8px, rgba(0, 0, 0, 0.2) 0px 16px 16px, rgba(0, 0, 0, 0.2) 0px 32px 32px, rgba(0, 0, 0, 0.2) 0px 64px 64px;
    }

.descricao-paginacao {
    padding: 19px 9px;
}

.listaDownloads {
    display: block !important;
}

    .listaDownloads h5 {
        border-bottom: 1px solid #f26522;
        padding-bottom: 5px;
        display: block;
    }

    .listaDownloads h4 {
        color: #f26522;
        font-size: 20px;
    }

    .listaDownloads a {
        display: block;
        text-decoration: none;
        background: #fff url(../img/icone_3linhas.png) no-repeat right 6px center;
        padding: 8px 24px 8px 8px;
        margin-bottom: 6px;
        line-height: 17px;
        font-size: 12px;
    }

        .listaDownloads a:hover {
            background: #f26522 url('../img/icone_3linhas.png') no-repeat right 6px center;
            color: #fff;
            padding: 8px 15px;
        }

#RenovacaoLocaticia, #ConfereRiscosEng {
    color: #f26522;
}

    #RenovacaoLocaticia label, #ConfereRiscosEng label {
        display: block;
        color: #333;
    }

    #RenovacaoLocaticia .row, #ConfereRiscosEng .row {
        border-bottom: 1px solid white;
        padding: 6px 0;
    }

    #RenovacaoLocaticia h3, #RenovacaoLocaticia h4, #ConfereRiscosEng h3 {
        color: #333;
    }

.ui-dialog {
    z-index: 999999 !important;
}

.table-home table tr th {
    padding: 12px;
}

.table-home table tr td {
    color: #f26522;
    padding: 12px;
    line-height: 13px;
}

    .table-home table tr td .glyphicon {
        padding-right: 10px;
    }

fieldset {
    border: 2px solid #454545;
}

legend {
    width: auto;
    margin: 0 0 10px 11px;
    padding: 2px 17px;
}

.alinhaBTAnexo {
    padding-top: 7px;
}

.sort_asc a:after {
    content: "\e094";
    font-family: 'Glyphicons Halflings';
    font-size: 11px;
    margin-left: 5px;
    font-weight: normal;
}

.sort_desc:after {
    content: "\e093";
    font-family: 'Glyphicons Halflings';
    font-size: 11px;
    margin-left: 5px;
    font-weight: normal;
}

#frameInfoCadastro {
    background: #e1e1e1;
    padding: 11px 11px 0 11px;
    float: right;
    height: 246px;
    margin: -9px -25px 0 0;
}

    #frameInfoCadastro h4 {
        color: #f26522;
        margin: 0 0 13px 0;
        border-bottom: 1px solid #f25422;
    }

#uploadDocumento {
    width: calc(33.33333333% + 25px);
}

    #uploadDocumento .alert {
        margin: 6px 0 -3px 0;
        padding: 5px 10px;
        font-size: 12px;
        border: 1px dashed #000;
        border-bottom: none;
        text-align: justify;
        line-height: 13px;
    }

        #uploadDocumento .alert.alert-danger {
            border: 1px solid #f26522;
        }

#frameUpload #filedrag {
    width: 100%;
    height: 95px;
    margin: 2px 0 6px 0;
    text-align: center;
    background: white;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px dashed #000;
    border-top: none;
    padding: 5px;
}

    #frameUpload #filedrag span {
        position: absolute;
        left: 5px;
        background: #ebebeb;
        padding: 5px 21px;
        border: 1px dashed #000;
        border-bottom: none;
        width: calc(100% - 10px);
        margin-top: -36px;
    }

    #frameUpload #filedrag p {
        font-size: 12px;
        text-align: left;
        margin: 3px 0;
        border-bottom: 1px solid #f26522;
    }

#lista-acompanhamento-cadastros {
    max-height: 180px;
    overflow: auto;
}

#checklistDownloads .listaDownloads a {
    background: #fff;
    padding: 8px 29px 8px 8px;
    letter-spacing: -0.35px;
}

    #checklistDownloads .listaDownloads a span {
        background: #F26522;
        color: white;
        float: right;
        padding: 10px 7px 11px 6px;
        margin: -9px -29px 0 0;
    }

    #checklistDownloads .listaDownloads a:hover {
        background: #f26522;
    }

#checklistCadastro li {
    padding: 8px;
    border: none;
    margin: 0 6px 6px 0;
    line-height: 17px;
    border-radius: 0px;
    width: calc(50% - 6px);
    color: #f26522;
}

    #checklistCadastro li span {
        float: right;
    }

#gestores hr {
    margin: 10px 0 4px 0;
}

.boxGestor {
    margin: 0 0 0 10px;
    min-width: 330px;
}

    .boxGestor img {
        border-radius: 100%;
        float: left;
        border: 6px solid #f26522;
        background: white;
    }

    .boxGestor label {
        margin: 0;
        display: block;
    }

    .boxGestor .infosGestores {
        float: left;
        height: 100px;
        padding: 0 0 0 8px;
        width: calc(100% - 100px);
    }

        .boxGestor .infosGestores label:nth-child(1) {
            color: #f26522;
            font-size: 17px;
            line-height: 19px;
            width: 100%;
        }

        .boxGestor .infosGestores label:nth-child(2) {
            font-size: 10px;
            line-height: 11px;
        }

        .boxGestor .infosGestores label:nth-child(3), .boxGestor .infosGestores label:nth-child(4) {
            font-size: 15px;
            line-height: 25px;
        }

            .boxGestor .infosGestores label:nth-child(3):before {
                content: "\e182";
                font-family: 'Glyphicons Halflings';
                color: #f26522;
                font-size: 18px;
                margin-top: 0px;
                float: left;
            }

            .boxGestor .infosGestores label:nth-child(4):before {
                content: "\e145";
                font-family: 'Glyphicons Halflings';
                color: #f26522;
                font-size: 18px;
                margin-top: 0px;
                float: left;
            }

#TelefoneGeral {
    background: url(../img/telefone.png) no-repeat 23px bottom;
    color: #f26522;
    font-size: 29px;
    padding: 7px 0 0 65px;
}

#emailGeral {
    padding-left: 36px;
    color: #f26522;
    font-size: 16px;
}

    #emailGeral span {
        margin-right: 10px;
        font-size: 22px;
    }

#enderecoMatriz {
    padding-left: 35px;
    line-height: 25px;
}

#modalBoletos {
    font-size: 20px;
}

    #modalBoletos label {
        font-size: 16px;
        margin-right: 11px;
        padding-right: 10px;
    }

    #modalBoletos div div {
        padding: 0;
        min-height: 49px;
        margin: 3px 0;
    }

    #modalBoletos select {
        padding: 1px 10px;
        font-size: 18px;
    }

    #modalBoletos .ValorDestaque {
        background: #454545;
        color: white;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px, rgba(0, 0, 0, 0.1) 0px 4px 4px, rgba(0, 0, 0, 0.1) 0px 8px 8px, rgba(0, 0, 0, 0.1) 0px 12px 12px;
        height: 53px;
        border: none !important;
        margin: 0 -10px 0 0;
    }

        #modalBoletos .ValorDestaque label {
            color: white;
            border-color: white;
        }

    #modalBoletos .linha {
        border-left: 2px solid;
        padding-left: 10px;
    }

    #modalBoletos .laranja {
        border-color: #f26522;
    }

#grafico-clientes {
    height: 250px;
    width: 100%;
    margin: -41px auto 0 auto;
}

    #grafico-clientes div.text-center {
        padding-top: 83px;
    }

.menuAtivo {
    pointer-events: none;
    cursor: default;
}

    .menuAtivo:hover {
        background: #bc4300;
        overflow: hidden;
    }

#div-producao {
    padding: 0 29px;
}

    #div-producao .row {
        border-bottom: 1px solid #f26522;
    }

    #div-producao .col-md-7 h3 {
        color: Black;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 18px 0 5px 0;
    }

    #div-producao .col-md-5 h3 {
        margin: 13px 0 0 0;
    }

#btn-CCG {
    background: #f26522 url(../img/iconeCCG-lg.png) no-repeat 3px center;
    background-size: 96px;
    font-size: 18px;
    padding: 23px 2px 22px 111px;
    display: block;
    word-wrap: break-word;
    width: 218px;
    color: white;
    float: right;
    text-transform: uppercase;
    line-height: 26px;
    white-space: normal;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.2) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 8px 8px, rgba(0, 0, 0, 0.2) 0px 16px 16px;
}

    #btn-CCG:hover {
        background: gray url(../img/iconeCCG-lg.png) no-repeat 3px center;
        background-size: 96px;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.2) 0px 4px 4px;
    }

    #btn-CCG[disabled] {
        background: gray url(../img/iconeCCG-lg.png) no-repeat 3px center;
        background-size: 96px;
        box-shadow: none;
    }

#grid-limite {
    border: none;
}

.coluna-expandir {
    width: 31px;
}

#conteudo-nova-linha {
    background: transparent;
    padding: 0 !important;
    border-left-color: white !important;
    box-shadow: none;
}

    #conteudo-nova-linha table {
        width: calc(100% - 35px);
        float: right;
        margin: 0;
        border-bottom: 1px solid #fff !important;
        background: black;
        animation-name: animaGrid;
        animation-duration: 1s;
    }

        #conteudo-nova-linha table thead th {
            padding: 8px 3px !important;
            box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.2), inset 0 4px 4px -4px rgba(0,0,0,0.2),inset 0 8px 8px -8px rgba(0,0,0,0.2),inset 0 16px 16px -16px rgba(0,0,0,0.2),inset 0 32px 32px -32px rgba(0,0,0,0.2),inset 0 64px 64px 0 rgba(0,0,0,0.3);
        }

        #conteudo-nova-linha table tbody td {
            padding: 8px 3px !important;
            color: white;
            box-shadow: none;
        }

    #conteudo-nova-linha tr td {
        background: #555;
        padding: 2px 3px 2px 3px !important;
        cursor: default;
    }

        #conteudo-nova-linha tr td:nth-child(odd) {
            background: #6c6c6c;
        }

    #conteudo-nova-linha tr:nth-child(odd) td:nth-child(odd) {
        background: #828282;
    }

    #conteudo-nova-linha tr:nth-child(odd) td {
        background: #696969;
    }
    /*HOVER GRID*/
    #conteudo-nova-linha tbody tr:hover td {
        background: #000;
    }

        #conteudo-nova-linha tbody tr:hover td:nth-child(odd) {
            background: #000;
        }

    #conteudo-nova-linha tbody tr:hover:nth-child(odd) td {
        background: #000;
    }

        #conteudo-nova-linha tbody tr:hover:nth-child(odd) td:nth-child(odd) {
            background: #000;
        }

    #conteudo-nova-linha .pagination {
        margin: 20px 0 20px 24px;
    }

        #conteudo-nova-linha .pagination li a {
            border: 0px;
            background: transparent !important;
            color: #000;
            padding: 6px 4px;
        }

@keyframes animaGrid {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.circuloSelecionado {
    border: 3px solid #f25422 !important;
}

.ui-dialog {
    padding: 0;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.2) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 8px 8px, rgba(0, 0, 0, 0.2) 0px 16px 16px, rgba(0, 0, 0, 0.2) 0px 32px 32px, rgba(0, 0, 0, 0.2) 0px 64px 64px;
}

.ui-widget-header {
    background: #464646;
    color: #fff;
    font-weight: bold;
    border-radius: 0;
    border: 0;
}

    .ui-widget-header button {
        border: none !important;
        background: url(../img/icone_fechar.png) no-repeat 4px center !important;
        transition: 0.3s;
        border-radius: 50%;
    }

        .ui-widget-header button:hover {
            background: gray url(../img/icone_fechar.png) no-repeat 4px center;
        }

.ui-dialog-buttonpane {
    padding: 0 !important;
    margin: 0 !important;
}

.ui-dialog-buttonset {
    float: none !important;
    text-align: center;
}

    .ui-dialog-buttonset button {
        background: #464646;
        border: none;
        color: white;
        padding: 5px 20px;
        transition: 0.3s;
        margin: 5px 2px 10px 2px !important;
    }

        .ui-dialog-buttonset button:hover {
            background: gray;
        }

.ui-widget-content {
    border: none !important;
    max-width: 600px;
}

#dialog-confirm p {
    text-align: left;
}

.ui-widget-overlay {
    background: #000;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.badge select {
    background: #333;
    border: none;
    margin: 0 0 0 5px;
    width: 63px;
}

.verticalAlignContent {
    display: table-cell;
    vertical-align: middle;
}

    .verticalAlignContent:after, .verticalAlignContent:before {
        display: inherit;
    }

#trocarSenha {
    float: none;
    margin: 0 auto;
}

#sessaoExpirou {
    margin: 0 auto;
    float: none;
    width: 471px;
}

#lbl-documentos-periodo, #lbl-documentos-periodo-comparacao {
    font-size: 17px;
    margin: 0 0 0 -13px;
    float: left;
    padding: 8px 10px 9px 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-width: 75px;
}

#lbl-documentos-periodo-comparacao {
    margin-top: 24px;
}

#ModalVersaoSistemaInicio .modal-dialog {
    width: 717px;
}

#ModalVersaoSistemaInicio .modal-header {
    height: 47px;
}

#ModalVersaoSistemaInicio .modal-body {
    padding: 0;
}

    #ModalVersaoSistemaInicio .modal-body img {
        width: 100%;
    }

.ui-datepicker {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.2) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 8px 8px, rgba(0, 0, 0, 0.2) 0px 16px 16px, rgba(0, 0, 0, 0.2) 0px 32px 32px;
    z-index: 800 !important;
    top: auto !important;
    left: auto !important;
    margin: 36px 0 0 0;
}

.ui-datepicker-header a:hover {
    border: none;
    background: #bc4300;
    top: 2px;
}

.ui-datepicker-header .ui-datepicker-next-hover {
    right: 2px !important;
}

.ui-datepicker-header .ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-datepicker-header a span {
    color: black;
    background-image: url(../img/ui-icons_ffffff_256x240.png) !important;
}

.ui-datepicker-title select {
    border: none;
    background: transparent !important;
    transition: 0.3s;
    margin: 0 !important;
    padding: 4px;
    border-radius: 2px;
}

    .ui-datepicker-title select:hover {
        background: #bc4300;
    }

    .ui-datepicker-title select option {
        color: black;
    }

.ui-datepicker-calendar {
    width: calc(100% + 1px) !important;
}

    .ui-datepicker-calendar td, .ui-datepicker-calendar td a {
        border: none !important;
    }

        .ui-datepicker-calendar td a.ui-state-active {
            background: #f26522;
            color: white;
        }

        .ui-datepicker-calendar td a.ui-state-highlight {
            background: #f2dab5;
            font-weight: bold !important;
        }

        .ui-datepicker-calendar td a:hover {
            background: #bc4300;
            color: white;
        }

    .ui-datepicker-calendar th {
        width: 30px;
    }

.input-group-datepicker input[type="text"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    float: left;
    width: calc(100% - 31px);
}

.input-group-datepicker .ui-datepicker-trigger {
    float: left;
    background: #aa431e;
    padding: 5px 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}

    .input-group-datepicker .ui-datepicker-trigger:hover {
        box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.5);
    }

ul.ui-autocomplete {
    margin: 0 0 0 2px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0 63px;
    display: block !important;
    background: #f26522;
    border: none;
}

    ul.ui-autocomplete li {
        padding: 0;
        display: table;
        border-bottom: 1px solid #f4d7a5;
    }

        ul.ui-autocomplete li:last-child {
            border-bottom: none;
        }

    ul.ui-autocomplete a {
        padding: 8px;
        vertical-align: middle;
        display: table-cell;
        color: white;
        width: 100%;
    }

    ul.ui-autocomplete li.ui-state-focus {
        background: #bf3f1a;
        margin: 0;
        border: none;
        border-bottom: 1px solid #f4d7a5;
    }

    ul.ui-autocomplete li:last-child.ui-state-focus {
        border: none;
    }

#listaCCG {
    max-height: 110px;
    overflow: auto;
    width: 100%;
    display: block;
}

    #listaCCG a {
        background: #e5e5e5 url(../img/icone_ccg-laranja.png) no-repeat right 6px center;
        padding: 8px 24px 8px 8px !important;
        color: #666 !important;
    }

        #listaCCG a:hover {
            background: #f26522 url(../img/icone_ccg.png) no-repeat right 6px center;
            color: #fff !important;
        }

    #listaCCG div {
        display: block;
    }

.popover .popover-title {
    background: #f26522;
    color: white;
}

    .popover .popover-title a {
        background: transparent !important;
        padding: 0 !important;
        line-height: 15px;
    }

.popover .listaDownloads {
    width: 100%;
}

.tituloCoberturas h3 {
    margin: 10px 0 0 0;
    background: #f26522;
    color: white;
    padding: 10px;
}
/*#coberturasAdicionais */
.boxesCoberturas {
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    padding: 5px;
}

    .boxesCoberturas input {
        margin-right: 5px;
        margin-left: 5px;
    }

.obs-cobertura {
    color: #FF4200;
    font-size: 11px;
}

#coberturasAdicionais .list-group-item.active {
    background: #f26522;
    border-color: #f26522;
}

.carenciaDias {
    border-bottom: 2px solid #f26522;
    margin: 0 0 0 10px;
}

    .carenciaDias label:first-child {
        border-bottom: none;
    }

    .carenciaDias label span {
        margin: 0 4px 0 0;
        font-size: 14px;
    }

    .carenciaDias label input {
        margin: 4px 4px 0 3px;
        float: left;
    }

#ObrigacaoGarantida {
    background-color: #fff;
    padding: 10px;
    max-height: 100px;
    overflow: auto;
}

#containerModalidade fieldset {
    padding: 5px 10px 15px 10px;
    margin-top: 10px;
}

    #containerModalidade fieldset legend {
        font-size: 14px;
        margin: 0 0 0 10px;
        border: none;
        padding: 0 13px;
    }

/*-----------------------------------tela de login----------------------------- */

.login-form-1 {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.login-center {
    position: absolute;
    width: 275px;
    height: 100%;
    background: white;
    left: 30%;
    z-index: 10;
    display: table;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px, rgba(0, 0, 0, 0.1) 0px 4px 4px, rgba(0, 0, 0, 0.1) 0px 8px 8px, rgba(0, 0, 0, 0.1) 0px 16px 16px, rgba(0, 0, 0, 0.1) 0px 32px 32px, rgba(0, 0, 0, 0.1) 0px 64px 64px;
}

    .login-center .alert {
        max-width: 260px;
        margin-left: 11px;
        position: absolute !important;
        top: 20px;
    }

        .login-center .alert span {
            word-break: break-word;
        }

.main-login-form {
    position: relative;
    width: 285px;
}

.login-form-1 .form-control {
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0;
    background: transparent;
    color: #555555;
    padding: 8px 0;
    font-weight: bold;
    height: auto;
    border-bottom: 2px solid #d64a4a;
    width: 100%;
}

    .login-form-1 .form-control::-webkit-input-placeholder {
        color: #999999;
    }

    .login-form-1 .form-control:-moz-placeholder,
    .login-form-1 .form-control::-moz-placeholder,
    .login-form-1 .form-control:-ms-input-placeholder {
        color: #999999;
    }

.login-form-1 .form-group {
    margin-bottom: 0;
    /* border-bottom: 2px solid #efefef; */
    /* padding-right: 20px; */
    position: relative;
}

    .login-form-1 .form-group:last-child {
        border-bottom: 0;
    }

.login-group {
    color: #999999;
    border-radius: 8px;
    padding: 0 0 10px 0;
    width: 250px;
    float: right;
}

#marcas-login {
    position: absolute;
    width: 706px;
    display: table-cell;
    vertical-align: middle;
    margin-top: -100px;
}

    #marcas-login img {
        float: left;
    }

#sombraMarcaPottencial {
    width: 285px;
    opacity: 0.2;
}

#marcaPottencialLogin {
    height: 58px;
    margin: 26px 0 0 0;
}

#marcaClienteLogin {
    max-height: 58px;
    max-width: 242px;
    margin: 26px 0 0 19px;
}

.botoes_login {
    float: right;
    width: 250px;
}
/*=== 3. Text Outside the Box ===*/
.etc-login-form {
    color: #919191;
    padding: 10px 20px;
}

    .etc-login-form p {
        margin-bottom: 5px;
    }

.btn-login {
    border-radius: 20px;
    border: none;
    color: white;
    text-transform: uppercase;
    padding: 8px 24px;
    min-width: 100px;
    font-size: 12px;
}

#recuperaSenha-form h2 {
    font-family: 'tfforever-extralight';
    font-size: 21px;
    border-bottom: 1px solid black;
    text-align: right;
    width: 212px;
    margin: -50px 0 54px 0;
    float: left;
}

.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    margin-top: 13px;
}

    .icon-addon input {
        padding: 10px 0 10px 30px !important;
    }

    .icon-addon label {
        float: left;
        margin: -36px 0 0 0;
        font-size: 25px;
        color: #363636;
    }
/*.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

    .icon-addon:after,
    .icon-addon:before {
        display: table;
        content: " ";
    }

    .icon-addon:after {
        clear: both;
    }

    .icon-addon.addon-md .glyphicon,
    .icon-addon .glyphicon,
    .icon-addon.addon-md .fa,
    .icon-addon .fa {
        position: absolute;
        z-index: 2;
        left: 10px;
        font-size: 14px;
        width: 20px;
        margin-left: -2.5px;
        text-align: center;
        padding: 10px 0;
        top: 1px;
    }

    .icon-addon.addon-lg .form-control {
        line-height: 1.33;
        height: 46px;
        font-size: 18px;
        padding: 10px 16px 10px 40px;
    }

    .icon-addon.addon-sm .form-control {
        height: 38px;
        padding: 11px 10px 0 29px;
        line-height: 1.5;
    }

    .icon-addon.addon-lg .fa,
    .icon-addon.addon-lg .glyphicon {
        font-size: 18px;
        margin-left: 0;
        left: 11px;
        top: 4px;
    }

    .icon-addon.addon-md .form-control,
    .icon-addon .form-control {
        padding-left: 30px;
        float: left;
        font-weight: normal;
    }

    .icon-addon.addon-sm .fa,
    .icon-addon.addon-sm .glyphicon {
        margin-left: 0;
        font-size: 12px;
        left: 5px;
        top: 7px;
    }

    .icon-addon .form-control:focus + .glyphicon,
    .icon-addon:hover .glyphicon,
    .icon-addon .form-control:focus + .fa,
    .icon-addon:hover .fa {
        color: #2580db;
    }*/

.panel-red {
    position: absolute;
    background: #d82222;
    width: 30%;
    height: 100%;
    display: table;
}

.panel-red-text {
    position: relative;
    color: #fff;
    line-height: 40px;
    width: 200px;
    text-align: right;
    padding-right: 12px;
    font-family: 'tfforever-extralight';
    font-size: 40px;
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
}

.panel-silver {
    position: absolute;
    background: #e7e7e7 url(../img/bg_login.jpg) no-repeat left;
    background-size: cover;
    width: 70%;
    height: 100%;
    top: 0;
    right: 0;
}

.alinhaCheckBox {
    padding-top: 30px;
}

    .alinhaCheckBox label {
        margin: 3px 0 0 0;
        position: relative;
        top: -3px;
    }

.alinhaBTLabel {
    padding-top: 22px;
}

.spacebtn {
    margin-left: 5px;
}

#gridClientes td, #gridClientes th {
    text-align: left;
    padding: 8px !important;
}

.lista-grid .tableSemBtn td {
    padding: 8px !important;
}

#confere-garantia .alert-danger {
    border: none;
}

    #confere-garantia .alert-danger .glyphicon {
        font-size: 43px;
        position: absolute;
        margin: 16px 0 0 -52px;
        color: #cccccc;
        text-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px, rgba(0, 0, 0, 0.1) 0px 4px 4px, rgba(0, 0, 0, 0.1) 0px 8px 8px, rgba(0, 0, 0, 0.1) 0px 16px 16px, rgba(0, 0, 0, 0.1) 0px 32px 32px, rgba(0, 0, 0, 0.1) 0px 64px 64px;
    }

#botao-confirmar {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -21px;
    padding: 5px 15px 10px 15px;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.2), inset 0 4px 4px 0 rgba(0,0,0,0.2);
    border: none;
}

.btnDisable {
    opacity: 0.3;
    cursor: no-drop;
}

.PesquisaVara label {
    margin-left: 196px;
}

.PesquisaVara .input-group-btn {
    padding-right: 9px;
}

.PesquisaVara button {
    border-radius: 20px !important;
}

.PesquisaSegurado label {
    margin-left: 196px;
}

.PesquisaSegurado .input-group-btn {
    padding-right: 9px;
}

.PesquisaSegurado button {
    border-radius: 20px !important;
}

#modalAcessibilidade checkbox, #modalAcessibilidade .textCheckbox {
    display: inline-block;
}

#modalAcessibilidade ul {
    list-style-type: none;
    padding: 0;
}

#modalAcessibilidade li {
    margin-top: 0px;
    border-left: 1px dashed gray;
}

    #modalAcessibilidade li:last-child {
        border-left: none;
    }

    #modalAcessibilidade li .linhaInicio {
        border-bottom: 1px dashed gray;
        display: inline-block;
        width: 10px;
        height: 17px;
        position: relative;
        top: -6px;
    }

    #modalAcessibilidade li:last-child .linhaInicio {
        border-left: 1px dashed gray;
        border-bottom: 1px dashed gray;
        display: inline-block;
        width: 10px;
        height: 17px;
        position: relative;
        top: -6px;
    }

#acesso-cliente .modal-lg {
    width: 300px;
}

.tags {
    color: white;
    border-bottom: 1px dotted #191818;
    margin: 5px;
}

#modal-minuta > .modal-dialog {
    /*width: 100%;
    height: 100%;
    margin: 0;
    padding: 25px;*/
    width: 80%;
}

#modal-minuta .modal-dialog .modal-body {
    padding: 4px 0px 0 4px;
}

    #modal-minuta .modal-dialog .modal-body iframe {
        border: none;
    }

.confirmaApolice {
    text-align: center !important;
    font-size: 18px;
    border-top: 1px solid gray;
    padding-top: 10px;
    font-weight: bold;
    margin-bottom: -12px;
    text-transform: uppercase;
}

.icon-help {
    float: right;
    margin-top: 6px;
    margin-right: 11px;
    color: #337ab7;
    font-size: 31px;
}

.overlay {
    background: #6c6c6c59;
    background-repeat: no-repeat;
    padding-top: 72.64%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}


.msgRestricao {
    background: #454545;
    color: white;
    font-size: 13px;
    padding: 10px 20px;
    margin: -20px auto 0 auto;
    width: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: table;
}

.table-home.loading-panel {
    height: 300px;
    display: none;
    background: #ffffff url('../img/loading.gif') 50% 50% no-repeat;
    background: rgba( 255, 255, 255, .8 ) url('../img/loading.gif') 50% 50% no-repeat;
}

.loading-panel.loading {
    overflow: hidden;
}

.loading .modal {
    display: block;
}

.highcharts-title {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    fill: #434348;
    letter-spacing: 0.1em;
}

.highcharts-subtitle {
    fill: #7cb5ec;
}

.tooltip-chart {
    padding: 5px;
    color: white;
    font-family: 'Trebuchet MS';
    background-color: #101012;
    background-color: rgba(16, 16, 18, 0.91);
    border-radius: 5px;
    /*box-shadow: 2px 2px 2px rgb(30, 22, 22);*/
}

.labelDestaque {
    font-size: 14px;
    font-weight: bold;
}

#sombra_grafico {
    position: absolute;
    top: 0;
}

#Avisos a
{
    line-height: 17px;
    padding-left: 21px;
    width: 100%;
    display: block;
}
#Avisos a span
{
    margin-left: -23px;
}

.checkbox label input[type=checkbox] 
{
    margin-top: 1px;
}
