@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/product-sans-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --azul-marinho: #0f0c35;
    --azul-marinho-transparente: #0f0c3596;
    --laranja: #f29100;
    --laranja-transparente: #f291008c;
    --preto20: #dadad9;
    --preto50: #9e9e9b;
    --turquesa: #00a099;
    --turquesa-transparente: #00a0997a;
    --vermelho: #e53328;
    --vermelho-transparente: #e5332882;
    --verde: #2daa66;
    --verde-transparente: #2daa668f;
    --letra-clara: #ffffff;
    --letra-escura: #777777;
    --fonte-montserrat: 'Montserrat', sans-serif;
    --fonte-product-sans: 'Product Sans';
    --cor-fundo-interno: #ffffff;
    --cor-fundo: #ffffff;
}

.autocomplete-suggestions {
    background: #FFF;
    overflow: auto;
    font: 13px Verdana;
    text-align: left;
    padding: 5px 0;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .10);
}

.autocomplete-suggestion {
    padding: 8px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #63bfdc;
}

.autocomplete-group {
    padding: 2px 5px;
}

    .autocomplete-group strong {
        display: block;
        border-bottom: 1px solid #000;
    }

.PacienteBuscaAjax:focus {
    outline-width: 0;
}

.pagina-interna {
    width: 1020px;
    min-height: 410px;
    margin-bottom: 10px;
    font-family: Calibri;
}

.left {
    float: left
}

.right {
    float: right
}

#alertaDeUsuarios, #aletaDeUsuariosApenasData {
    padding: 20px;
    background-color: #fcf8e3;
    border-bottom: 5px solid #DAD7CA;
    font-size: 15px;
    font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
}

#AcessoNegado {
    border: #A9A9A9 1px solid;
    background-color: White;
    margin: auto;
    border-radius: 5px;
    margin-top: 20px;
    padding: 5px;
    width: 400px;
}

    #AcessoNegado #FecharAjaxAcessoNegado {
        display: none;
    }

.blocoCad {
    border-radius: 2px;
    background-color: #F3F3F3;
    margin: 5px auto;
    margin-bottom: 15px;
    padding: 8px 4px;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.blocoCadImpressao {
    border-radius: 0px;
    background-color: #F3F3F3;
    margin: 5px auto;
    margin-bottom: 15px;
    padding: 0px 0px;
    width: 100%;
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
}

.blocoCadCadastroRapido {
    border-radius: 2px;
    background-color: #F3F3F3;
    margin: 5px auto;
    margin-bottom: 15px;
    padding: 8px 4px;
    box-sizing: border-box;
    width: 85%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.blocoCadImpressaoCarne {
    border-radius: 0px;
    background-color: #F3F3F3;
    margin: 0px auto;
    margin-bottom: 0px;
    padding: 0px 0px;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

#pnlControleDeAcesso {
    padding-left: 20px;
}

#divHeaderLogado {
    width: 100%;
    text-align: left;
    position: relative;
    background-color: #56ABC5;
    overflow: auto;
    background: var(--cor-fundo); /* url('../Imagens/NovaHome/background.png') 95% 95%;*/
}

#imgLogoAnterior {
    width: 190px;
    margin-top: 5px;
}

#imgLogoHome {
    width: 230px;
}

#divHeaderLogado #imgDentalisHeader-Left {
    float: left;
    overflow: hidden;
}

#divHeaderLogado #imgDentalisHeader-Right {
    float: right;
    overflow: hidden;
}

#divContentLogado {
    margin: 5px 10px;
    overflow: auto;
    min-height: 100%;
    text-align: left;
}

#divFooterLogado {
    background-color: #F8F8F8;
    font-size: 13px;
    font-family: Verdana;
    color: #666666;
    overflow: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0px;
}

    #divFooterLogado strong {
        color: #DE7A0F;
    }

#divHeaderMenuLogado {
    width: 100%;
    background-color: var(--azul-marinho); /* #F4F4F4;*/
}

#divMenuLogado {
    position: relative;
    margin: auto;
    font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
    text-align: left;
    height: 49px;
}

#divIconeMenuLateral {
    position: absolute;
    right: 10px;
    top: 32px;
    font-size: 20px;
    color: #333333;
    cursor: pointer;
    padding: 10px;
    /*Ana Paula esconder este menu a deixar fixo o Menu Lateral  */ 
    display: none;
}

#divMenuLateral {
    position: absolute;
    background-color: #FFFFFF;
    padding: 10px;
    right: 10px;
    top: 70px;
    width: 75px;
    /*display: none;*/
}

#divCamposAcessoRapido {
    width: 85%;
    margin: auto;
}

#botoesAcessoRapido {
    margin: 20px auto;
    overflow: auto;
    width: 90%;
    max-width: 1000px;
}

    #botoesAcessoRapido .divBotoes {
        margin: 10px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }

#AcessoRapido {
    height: 430px;
}

.btnPaginaInicial {
    border: 0;
    padding: 0;
    font-size: 24px !important;
    color: #333333;
    margin: 15px;
    cursor: pointer;
    text-align: center;
    background-color: white;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
}

    .btnPaginaInicial label {
        font-size: 13px;
        margin-top: 10px;
        display: block;
        font-family: Verdana;
    }

    .btnPaginaInicial:hover {
        color: #999999;
    }

#btnSairHome {
    font-size: 30px;
    color: var(--vermelho); /*#333333;*/
    padding: 14px 38px;
    float: right;
}

    #btnSairHome:hover {
        color: #A5CAD5;
    }

#divCalendarioMenu {
    font-size: 10px;
    color: #333333;
    display: inline-block;
    margin-top: 12px;
    margin-right: 5px;
    float: right;
    font-family: verdana;
}

#btnBaixarNovamente, #btnNaoBaixarNovamente, #btnNaoAgendar, #btnSimNovoOrcamento, #btnNaoNovoOrcamento {
    background: var(--verde);
    border-radius: 3px;
    border: 0;
    font: 16px verdana;
    color: #ffffff;
    width: 150px;
    height: 44px;
    cursor: pointer;
}

    #btnBaixarNovamente:hover, #btnNaoBaixarNovamente:hover, #btnAgendar:hover, #btnNaoAgendar:hover, #btnSimNovoOrcamento:hover, #btnNaoNovoOrcamento:hover {
        background: var(--verde-transparente);
    }

@keyframes blink {
    0% {
        color: red;
    }

    100% {
        color: black;
    }
}

.blink {
    -webkit-animation: blink 0.8s linear infinite;
    -moz-animation: blink 0.8s linear infinite;
    -ms-animation: blink 0.8s linear infinite;
    -o-animation: blink 0.8s linear infinite;
    animation: blink 0.8s linear infinite;
}

agGrid.MensageiroTitulo {
    font-family: calibri, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    overflow: hidden;
}

.MensageiroTitulo {
    font-family: calibri, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    overflow: hidden;
}

.MensageiroMsg {
    font-family: calibri, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.Cores {
    background-color: #006600;
    width: 8px;
    height: 10px;
    font-size: 7px;
    border-radius: 10px
}

.Cores1 {
    background-color: #ff0000;
    width: 8px;
    height: 10px;
    font-size: 7px;
    border-radius: 10px
}

.Cores2 {
    background-color: #0000ff;
    width: 8px;
    height: 10px;
    font-size: 7px;
    border-radius: 10px
}

.Cores3 {
    background-color: #000000;
    width: 8px;
    height: 10px;
    font-size: 7px;
    border-radius: 10px
}

.Cores4 {
    background-color: #BBBB00;
    width: 8px;
    height: 10px;
    font-size: 7px;
    border-radius: 10px
}

.Cores5 {
    background-color: #999999;
    width: 8px;
    height: 10px;
    font-size: 7px;
    border-radius: 10px
}

/* Inicio da Propaganda Interna */

#adsFixedTop {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: White;
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    color: #333333;
    font-family: Verdana;
    font-size: 14px;
    height: 210px;
    border-bottom: 2px solid rgb(20, 104, 144);
    display: none;
    z-index: 999;
}

    #adsFixedTop #adsClose {
        position: absolute;
        right: 15px;
        top: 15px;
        cursor: pointer;
    }

    #adsFixedTop #adsHeader {
        margin-bottom: 20px;
    }

    #adsFixedTop #adsContent {
        width: 500px;
        text-align: left;
        margin: auto;
        text-align: justify;
    }

    #adsFixedTop #adsFooter {
        position: absolute;
        right: 15px;
        bottom: 15px;
        cursor: pointer;
        font-size: 10px;
    }

/* Fim da Propaganda Interna */

.PanelMensageiro {
    word-wrap: break-word;
    overflow: auto;
}

.style6 {
    font-family: calibri, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

.style7 {
    font-family: calibri, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.style8 {
    color: #006600;
    font-weight: bold;
}

.style9 {
    color: #E6E6E6
}

.style13 {
    border-right: 0px solid;
    border-top: 0px solid;
    font-weight: bold;
    font-size: 12px;
    border-left: 0px solid;
    color: #006600;
    border-bottom: 0px solid;
    font-family: calibri, Arial, Helvetica, sans-serif;
    background-color: transparent;
    text-decoration: none;
}

.style2 {
    font-size: 11px;
    font-family: calibri, Arial, Helvetica, sans-serif;
}

.style4 {
    text-decoration: none;
    font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
}

.textoBco11 {
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: calibri, Arial, Helvetica, sans-serif;
}

/* Calendário */
.NewCalendarioTitulo, .NewCalendarioTitulo a:link, .NewCalendarioTitulo a:visited, .NewCalendarioTitulo :hover {
    font: 11px calibri;
    color: #006600;
    background-color: Transparent;
    text-align: center;
    padding: 3px;
    text-decoration: none;
    margin: 0 0 0 0;
    border: none 0 #ffffff;
    padding: 0 0 0 0;
    font-weight: bold;
}

.NewCalendarioNomeSemana {
    font: 9px calibri;
    color: #808080;
    background-color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    padding: 3px;
    text-transform: uppercase;
}

.NewCalendarioDia, .NewCalendarioDia :hover {
    font: bold 9px calibri;
    color: #000000;
    text-decoration: none;
}



/* Envie mensageesem */
.newenviemsgbutton {
    font: bold 8px calibri;
    color: #666666;
    border: 0px;
    background: url(../Imagens/botoes/btn_mensageiro_of.gif);
    width: 111px;
    height: 22px;
}

.newenviemsginput {
    BORDER-RIGHT: #6b8172 1px solid;
    BORDER-TOP: #6b8172 1px solid;
    BORDER-LEFT: #6b8172 1px solid;
    BORDER-BOTTOM: #6b8172 1px solid;
    WIDTH: 170px;
    COLOR: #666666;
    OVERFLOW: auto;
    FONT: 11px calibri;
    BACKGROUND-COLOR: transparent;
}

.newenviemsgcombo {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-color: #fff;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0px;
    text-align: center;
    margin-bottom: 70px;
}

.borderbox {
    border: #FCAB4F 1px solid;
    margin: 0px;
    padding: 0px;
}

/* Relatório */
.relatorio {
    Font: bold 11px calibri;
    color: #000000;
}

.titulo0 {
    font: bold 11px calibri;
    color: #666666;
}

.titulo1 {
    font: bold 13px calibri;
    color: #000000;
}

.titulo2 {
    font: 11px calibri;
    color: #000000;
}

.titulo3 {
    font: 13px calibri;
    color: #666666;
}

.titulo4 {
    font: bold 10px verdana;
    color: #000000;
    text-align: right;
}


.tituloimpressao {
    font: 14px calibri;
    color: #000000;
}

.tituloRepeaterDentista {
    font: bold 11px calibri;
    color: #666666;
    color: Red;
}

.bodycomtextura {
    background-color: #FFFFFF;
}

.bodyBranco {
    background-color: #FFFFFF;
}

.bodyMasterPage {
    background-color: #FFFFFF;
}

/* Backgrounds */
.backlaranjaclaro {
    background-color: #FCAB4F;
}

.backazulmarinho {
    background-color: #0f0c35;
}

.backlaranjaescuro {
    background-color: #E77817;
}

.backtransparente {
    background-color: Transparent;
}

.backverdeclaro {
    background-color: #FFFFFF
    
}

.backBranco2 {
    background-color: #ffffff
}

.backverdeescuro {
    background-color: #e8f8f9;
}

.backiphone {
    background: url(../Imagens/Mensageiro/fundomensageiro.png);
    background-repeat: no-repeat;
    background-size: 325px,480px;
}

.backcinza {
    background: var(--verde-transparente) /*#e8f8f9*/;
    padding: 15px;
}

.backpadding15 {
    padding: 15px;
}

.backbranco {
    background-color: #DCDCDC
}

.backcinzaclaro {
    background-color: #E8E8E8
}

.titulo-pagina {
    /*margin-top: 100px;*/
    text-align: left;
    padding: 12px;
    background-color: var(--verde); /*#67bcc4;*/
    font: 13px Verdana;
    color: #FFFFFF;
    overflow: auto;
    position: relative;
    border-radius: 0px;
}


.titulo-paginaImpressao {
    margin: 0px 0;
    text-align: left;
    padding: 12px;
    background-color: var(--verde); /*#67bcc4;*/
    font: 13px Verdana;
    color: #FFFFFF;
    overflow: auto;
    position: relative;
    border-radius: 2px;
}

.FFFF00 {
    background: #FFFF00 !important;
    border-left: 3px solid #d7d708 !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid #ECECEC !important;
}

.FF0000 {
    background: #ff7878 !important;
    border-left: 3px solid #c21a1a !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid #ECECEC !important;
}

.FFC0CB {
    background: #ffc1cb !important;
    border-left: 3px solid #df909c !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid #ECECEC !important;
}

.A52A2A {
    background: #ce6565 !important;
    border-left: 3px solid #8d2e2e !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid #ECECEC !important;
}

.FFFFFF {
    background: #FFFFFF !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid #ECECEC !important;
}

.A020F0 {
    background: #cd90f3 !important;
    border-left: 3px solid #833daf !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid #ECECEC !important;
}

.CCCCCC {
    background: #e6e6e6 !important;
    border-left: 3px solid #afafaf !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid #ECECEC !important;
}

.corPreto {
    background-color: #484848 !important;
    border-left: 3px solid black !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid #ECECEC !important;
}

    .corPreto a {
        color: #ffffff !important;
    }

.corVerde {
    background: #a9ffa9 !important;
    border-left: 3px solid #62b262 !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid #ECECEC !important;
}

.corAzul {
    background: #7b9ff3 !important;
    border-left: 3px solid #2e4f9d !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid #ECECEC !important;
}

.corMagenta {
    background: #bcffff !important;
    border-left: 3px solid #7dbcbc !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid #ECECEC !important;
}

.textobranco10 {
    font: 12px Verdana;
    color: #FFFFFF;
    text-decoration: none;
}

.textobranco10b {
    font: bold 13px Verdana;
    color: #FFFFFF;
}

.textobranco11b {
    font: bold 12px Verdana;
    color: #FFFFFF;
}

.textobranco10g {
    font: bold 12px Verdana;
    color: #FFFFFF;
}

.fa-search:before {
    content: "\f002";
}

.textopreto10 {
    font: 12px Verdana;
    color: #333333;
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}


.textopreto10b {
    font: 12px Verdana;
    color: #333333;
}

.textoverde10 {
    font: 12px Verdana;
    color: #333333;
}

.textoverde10b {
    font: 12px Verdana;
    color: #333333;
}

.barraDiasAgenda {
    font: 12px verdana;
    color: #ffffff;
    height: 18px;
    background-color: #FFFFFF;
    text-decoration: none;
    padding: 2px;
}

.textoazul10b {
    font: bold 12px Verdana;
    color: #54B195;
}

.textovermelho10b {
    font: bold 12px Verdana;
    color: #AA330B;
}

.textovermelho14b {
    font: bold 12px Verdana;
    color: #AA330B;
}

.labelverde10 {
    font: 12px Verdana;
    color: #006600;
}

.labelverde10b {
    font: bold 12px Verdana;
    color: #333333;
}

.labelverde9b {
    font: bold 12px Verdana;
    color: #333333;
}

.textopreto14b {
    font: bold 12px Verdana;
    color: #333333;
}

.textoverde10Propaganda {
    font: 12px calibri;
    color: #666666;
    padding-right: 11px;
}


.menusuperior1500 {
    font: 11px calibri;
    color: #006600;
    text-decoration: none;
    font-weight: bold;
}

.homerolagemnoticias {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: auto;
    color: #000000;
    padding: 2px;
}

.ttcampo {
    font: bold 11px calibri;
    color: #3C8058
}

.nomecampos {
    font: bold 11px calibri
}

.alerta-novo {
    display: block;
    padding: 5px 15px;
    background-color: #53c35d;
    color: #F3F3F3;
    text-align: center;
    font: 13px Verdana;
    margin: 10px 0;
}

    .alerta-novo:empty {
        display: none;
    }

.alerta {
    font: 13px Verdana;
}

.alertaRed {
    font-family: calibri;
    font-size: 11px;
    color: #FF0000;
}

.texto {
    font: bold 11px calibri, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}

.texto_sem_fundo {
    font: bold 11px calibri, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}

.textoSumario {
    font-size: 11px;
    color: #ff0000;
    font-family: calibri;
}

.painel {
    border: gray 1px solid;
}

/* Calendário */
.CalendarioTitulo {
    font: bold 9px calibri;
    color: #556A5C;
    background-color: #DBEEE3;
    text-align: center;
    padding: 3px;
}

.CalendarioNomeSemana {
    font: bold 9px calibri;
    color: #556A5C;
    background-color: #CCE7D8;
    text-align: center;
    padding: 3px;
}

.CalendarioDia, .CalendarioDia:hover {
    font: bold 9px calibri;
    color: #556A5C;
}

.link_textoverde10b {
    font: bold 11px calibri;
    color: #556A5C;
    text-decoration: none;
}

    .link_textoverde10b:hover {
        color: #3A473F;
        text-decoration: underline;
    }

/* Envie mensagem */
.enviemsgbutton {
    font: bold 11px calibri;
    color: #FFFFFF;
    border: 0px;
    background-image: url(../Imagens/especialidades/btnBack_2.jpg);
    width: 55px;
    height: 18px
}

.enviemsginput {
    font: 11px calibri;
    color: #666666;
    border: 1px solid #6B8172;
    width: 170px;
    background-color: #e8f8f9;
}

.enviemsgbutton2 {
    font: bold 11px calibri;
    color: #FFFFFF;
    border: 0px;
    background-image: url(../Imagens/especialidades/btnBack_2.jpg);
    width: 130px;
    height: 18px;
}

.enviemsglabel {
    font: 11px calibri;
    color: #666666;
    border: 0px;
    background-color: #e8f8f9;
}

    .enviemsglabel:hover {
        text-decoration: none;
    }

/* Fale conosco */
.faleconoscobutton {
    font: 11px calibri;
    color: #FFFFFF;
    border: 0px;
    background-image: url(../Imagens/especialidades/btnBack_2.jpg);
    width: 55px;
    height: 18px;
}

.faleconoscoinput {
    font: 11px calibri;
    color: #666666;
    border: 1px solid #B5CABD;
    width: 175px;
}

#divMsgErrorLogin:empty {
    display: none;
}

.alertCaps, #divMsgErrorLogin {
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    color: #dd4b39;
}

/* Grid Imagem de fundo para o grid com colunas maiores */

.cabecalho td, .listagem1 td, .listagem2 td, .listagem3 td, .listagem4 td, .listagem5 td, .listagemVermelho td {
    border: none;
    padding: 12px 6px;
}

.cabecalho_2 td, .listagem_2 td, .listagem2_3 td, .listagem3_2 td, .listagem4_2 td, .listagem5_2 td, .listagemVermelho_2 td {
    border: none;
    padding: 12px 6px;
    text-align: center;
}

.listagem1lembrete td, .listagem2lembrete td {
    border: none;
    padding: 12px 15px;
}

.cabecalho, .cabecalho a:link, .cabecalho a:visited {
    font: 12px Verdana;
    color: #333333;
    text-decoration: none;
    text-align: center;
    background: #E8E8E8;
    border: transparent;
}

/* Listagem */
.titulolistagemImpressao, .lblImp, .titulolistagem, .titulolistagem a:link, .titulolistagem a:visited {
    font: 11px Verdana;
    color: #000000;
    height: 35px;
    text-decoration: none;
    text-align: center;
    background: #DDDDDD;
    border: transparent;
}



/* css para tela de agendas */

.CssTableAgenda {
    border-color: Gray;
    border-collapse: collapse;
    border: 1;
    cellspacing: 0;
    width: 100%;
}

    .CssTableAgenda th {
    }

    .CssTableAgenda td {
        font: 13px Verdana;
        width: 80px;
        white-space: nowrap;
        text-align: center;
    }

    . CssTableAgenda tfoot {
        height: 20px;
        font: 13px Verdana;
        white-space: nowrap;
        text-align: left;
    }




.tabAgenda {
    border-color: Gray;
    border-collapse: collapse;
    border: 1;
    cellspacing: 0;
    width: 100%;
}

.colAgenda {
    font: 13px Verdana;
    width: 80px;
    white-space: nowrap;
    text-align: center;
}


.footAgenda {
    height: 30px;
    font: 13px Verdana;
    white-space: nowrap;
    text-align: left;
}

.footAgendaQuinzenal {
    height: 120px;
    font: 13px Verdana;
    text-align: left;
}

.footAgendaSemanal {
    height: 10px;
    font: 13px Verdana;
    text-align: left;
    white-space: nowrap;
}

.tabAgendafoot {
    border: 0;
    cellpadding: 0;
    border-color: Gray;
    border-collapse: collapse;
    border: 1;
}

.colAgendafoot {
    align: right;
    height: 20px;
    font: 13px Verdana;
}


.TituloCabecalhoAgenda {
    font: 13px Verdana;
}


.titulolistagemInteligentes {
    font: 11px Verdana;
    color: #000000;
    height: 35px;
    text-decoration: none;
    text-align: center;
    background: #F3F3F3;
    border: transparent;
}

.listagemVermelho, .listagemVermelho a:link, .listagemVermelho a:visited {
    font: 13px Verdana;
    text-align: center;
    color: red;
    background-color: #edfdff;
}

.listagem1, .listagem1 a:link, .listagem1 a:visited,
.listagem2, .listagem2 a:link, .listagem2 a:visited,
.listagem3, .listagem3 a:link, .listagem3 a:visited,
.listagem4, .listagem4 a:link, .listagem4 a:visited,
.listagem5, .listagem5 a:link, .listagem5 a:visited,
.listagem1lembrete, .listagem1lembrete a:link, .listagem1lembrete a:visited,
.listagem2lembrete, .listagem2lembrete a:link, .listagem2lembrete a:visited {
    font: 12px Verdana;
    color: #000000;
    text-align: center;
}

.listagem1 {
    background-color: #edfdff
}

.listagem2 {
    background-color: white
}

.listagem3 {
    background-color: white
}

.listagem4 {
    background-color: #edfdff
}

.listagem5 {
    background-color: white
}

.listagem1lembrete {
    background-color: #edfdff
}

.listagem2lembrete {
    background-color: white
}

.listagemZebra:nth-child(even) {
    font: 13px Verdana;
    color: #000000;
    height: 40px;
    background-color: #FFFFFF;
    text-align: center;
}

.listagemZebra:nth-child(odd) {
    font: 13px Verdana;
    height: 40px;
    color: #000000;
    background-color: #edfdff;
    text-align: center;
}

    .listagemEspecialidade, .listagemEspecialidade a:link, .listagemEspecialidade a:visited {
        font: 12px Verdana;
        color: #333333;
        text-align: center;
        padding-right: 5px;
    }


.tabledentes, .tabledentes a:link, .tabledentes a:visited {
    border: 1px solid #67bcc4;
    font: 11px calibri;
    color: #000000;
    background-color: #e8f8f9;
    text-align: center;
    padding: 5px;
}

.paginacao {
    padding-right: 11px;
    font: 9px calibri;
    text-align: right;
}

.linkpaginacao {
    font: 11px Verdana;
    color: #333333;
    text-decoration: none;
}

    .linkpaginacao td {
        border: none;
        padding: 12px 2px;
    }

    .linkpaginacao a {
        text-decoration: none
    }

    .linkpaginacao span {
        font-weight: 700
    }

#tabelabusca {
    background-color: #e8f8f9;
}

input.formbuttonAgenda, a.formbuttonAgenda {
    background-color: #FFFFFF;
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #333333;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
}

    input.formbuttonAgenda:hover, a.formbuttonAgenda:hover {
        background-color: #e8f8f9;
    }

.formbuttonAzul {
    background-color: #91cdd2;
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #FFFFFF;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
}

    .formbuttonAzul:hover {
        background-color: #67bcc4;
    }

.formbuttonVermelho {
    background-color: #F99595;
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #333333;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
}

    .formbuttonVermelho:hover {
        color: #ffffff;
        background-color: #BF2A2A;
    }

#btnTEF, #btnSaudeServiceIntegracao {
    background-color: Black;
}

    #btnTEF:hover, #btnSaudeServiceIntegracao:hover {
        background-color: #333333;
    }

.btnVoltar, .formbutton, input.formbutton30, input.formbutton50, input.formbutton100, input.formbutton110, input.formbutton150, input.formbutton170 {
    background-color: var(--verde); /*#91cdd2;*/
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #FFFFFF;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
}

.formbutton50 {
    background-color: var(--verde); /*#91cdd2;*/
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #FFFFFF;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
}

.btnVoltar, .formbutton_nova_agenda, input.formbutton30_nova_agenda, input.formbutton50_nova_agenda, input.formbutton100_nova_agenda, input.formbutton110_nova_agenda, input.formbutton150_nova_agenda, input.formbutton170_nova_agenda {
    background-color: #FFFFFF;
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #333333;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
}

.formbutton100Red {
    background-color: var(--verde); /*#91cdd2;*/
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #ffffff;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
}

.formbutton100RedRecuperar {
    background-color: var(--vermelho); /*#91cdd2;*/
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #ffffff;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
}

    .btnVoltar:hover, .formbutton:hover, input.formbutton30:hover, input.formbutton50:hover, input.formbutton100:hover, input.formbutton110:hover, input.formbutton150:hover, input.formbutton170:hover {
        background-color: var(--verde-transparente); /*#67bcc4;*/
    }

.btnVoltaron, .formbuttonon, input.formbutton30on, input.formbutton50on, input.formbutton100on, input.formbutton110on, input.formbutton150on, input.formbutton170on {
    background-color: var(--verde-transparente); /*#67bcc4;*/
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #FFFFFF;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
}

.formbutton50on {
    background-color: var(--verde-transparente); /*#67bcc4;*/
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #FFFFFF;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
}

input[value=Voltar], input[value=Fechar], .btnVoltar {
    background-color: var(--verde); /*#65bbc3;*/
}

    input[value=Voltar]:hover, input[value=Fechar]:hover, .btnVoltar:hover {
        background-color: var(--verde-transparente); /*#65bbc3;*/
    }

input.formbuttonmensageiro {
    background-color: #E0E7EB;
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #356580;
    cursor: pointer;
    padding: 5px 14px;
}

    input.formbuttonmensageiro:hover {
        color: #ffffff;
        background-color: #356580;
    }

input.formbuttonmensageiroon {
    background-color: #356580;
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #ffffff;
    cursor: pointer;
    padding: 8px 14px;
}

input.formbuttonNovidades {
    font-weight: bold;
    font-family: calibri, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    font-size: 11px;
    color: #ffffff;
    width: 130px;
    height: 25px;
    background-color: transparent;
    cursor: pointer;
}

input.formbutton100Odo {
    font: 11px Tahoma;
    color: #666666;
    width: 89px;
    height: 22px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
}

input.formbutton100onOdo {
    font: 11px Tahoma;
    color: #666666;
    width: 089px;
    height: 22px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    text-decoration: underline
}

input.formbuttonvermelho100 {
    background-image: url(../Imagens/botoes/btn_100_of_red3.gif);
    font: bold 11px calibri;
    color: #5b0303;
    width: 089px;
    height: 22px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
}
.formbuttonlocalizar {
    background-image: url(../Imagens/Localizar.png);
    border-color: transparent;
    background-color:transparent;
    width: 20px;
    height: 20px;
    vertical-align:central;
}

input.formbuttonvermelho100on {
    background-image: url(../Imagens/botoes/btn_100_on_red3.gif);
    font: bold 11px calibri;
    color: #FFFFFF;
    width: 089px;
    height: 22px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
}

input.formbuttonvermelho100Odo {
    font: 11px Verdana;
    color: #fc0000;
    width: 089px;
    height: 22px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
}

input.formbuttonvermelho100onOdo {
    font: 11px Verdana;
    color: #fc0000;
    width: 089px;
    height: 22px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    text-decoration: underline;
}

.forminput2 {
    font: 11px Verdana;
    color: #333333;
    border: 1px solid #CCCCCC;
    background-color: #FFF;
    margin: 2px;
    border-radius: 2px;
    padding: 8px 1px 8px 3px;
}

.forminputLimpo {
    font: 11px Verdana;
    color: #333333;
    border: 1px solid #CCCCCC;
    background-color: #e8f8f9;
    padding: 8px 1px 8px 3px;
    margin: 2px;
    border-radius: 2px
}

.forminputcurrencyGrid {
    font: 11px Verdana;
    color: #333333;
    border: 1px solid #CCCCCC;
    text-align: right;
    padding: 8px 1px 8px 3px;
    border-radius: 2px
}

.forminputOdoGrid {
    font: 11px Verdana;
    color: #333333;
    border: 1px solid #CCCCCC;
    padding: 8px 1px 8px 3px;
    margin: 2px;
    border-radius: 2px
}

.forminputcurrency {
    font: 11px Verdana;
    color: #333333;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    padding: 8px 1px 8px 3px;
    margin: 2px;
    border-radius: 2px
}

.forminputespecial {
    font: 11px Verdana;
    color: #333333;
    border: 1px solid #CCCCCC;
    background-color: #e8f8f9;
    padding: 8px 1px 8px 3px;
    text-align: center;
    margin: 1px;
    border-radius: 2px
}

.forminput {
    font: 11px Verdana;
    color: #333333;
    border: 1px solid #CCCCCC;
    padding: 8px 1px 8px 3px;
    margin: 2px;
    border-radius: 2px
}

.forminputCadPacienteRapido {
    font: 11px Verdana;
    color: #333333;
    border: 1px solid #CCCCCC;
    padding: 8px 1px 8px 3px;
    /*margin: 2px;*/
    margin-left: 200px;
    
    border-radius: 2px
}

.forminputNotaFisca {
    font: 11px Verdana;
    color: #333333;
    border: 1px solid #CCCCCC;
    background-color: #e8f8f9;
    padding: 8px 1px 8px 3px;
    margin: 2px;
    border-radius: 2px
}

.formtext {
    font: 11px Verdana;
    color: #CCCCCC;
    border-radius: 3px
}

.forminputOrange {
    font: 11px Verdana;
    color: #333333;
    border: 1px solid #CCCCCC;
    background-color: var(--verde-transparente); /*#A6DEE0;*/
    padding: 8px 1px 8px 3px;
    margin: 2px;
    border-radius: 2px
}

.bordabranca {
    border-bottom: solid 1px #ffffff;
    border-radius: 3px
}

.forminputGray {
    font: bold 11px Verdana;
    color: #ffffff;
    border: 1px solid #CCCCCC;
    background-color: #8F8F8F;
    padding: 8px 1px 8px 3px;
    margin: 2px;
    border-radius: 2px
}

.forminputDente {
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-right: gray 1px solid;
    border-bottom: gray 1px solid;
    font: bold 10px calibri;
    width: 25px;
    color: #808080;
    height: 19px;
    text-decoration: none;
    background-color: #d8ece0;
}

.forminputGreen {
    border: 0;
    font: 11px Verdana;
    text-decoration: none;
    background-color: var(--verde); /*#67bcc4;*/
    border: 1px solid var(--verde); /*#67bcc4;*/
    margin: 1px;
    padding: 5px;
    color: white;
}

.forminputGreenDown, .forminputGreenDown_txtDente {
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-right: white 1px solid;
    border-bottom: white 1px solid;
    font: 11px Verdana;
    color: #808080;
    text-decoration: none;
    margin: 1px;
    padding: 5px;
    background-color: transparent;
}

.textboxGrid {
    border: solid 1px #BBBBBB;
    font: 11px calibri;
    color: DarkBlue;
    background-color: White;
    font-variant: small-caps;
    padding: 3px;
}

.forminputOdo {
    background-color: #D8F1F9;
    padding: 8px;
    font-size: 14px;
    font-family: verdana;
    border: 1px solid #6CB4CC;
    height: 37px;
}

.listBox {
    font: 11px Verdana;
    color: #000000;
    border: 1px solid #999999;
    width: 175px;
    height: 111px;
    background-color: #fff;
    padding-left: 3px;
    margin: 2px
}

.chekBox {
    font: 11px Verdana;
    color: #000000;
    padding-left: 3px;
    margin: 2px
}

.textBoxBco {
    font: 11px Verdana;
    color: #000000;
    border: 1px solid #999999;
    background-color: #fff;
    padding-left: 3px;
    margin: 2px
}

.btnRecuperar {
    background-color: #BF2A2A;
    border-radius: 2px;
    border: 0;
    font: 13px verdana;
    color: #FFFFFF;
    cursor: pointer;
    padding: 8px 14px;
    text-decoration: none;
}

/* CORES NO NOVO PADRAO */

.buttonPadraoExcluir {
    background-color: var(--vermelho) !important;
}

    .buttonPadraoExcluir:hover {
        background-color: var(--vermelho-transparente) !important;
    }

.buttonPadraoGravar {
    background-color: var(--laranja) !important;
}

    .buttonPadraoGravar:hover {
        background-color: var(--laranja-transparente) !important;
    }

/* Login */
.loginlabel {
    font: 9px calibri;
    color: #000000;
}

.logininput {
    font: 9px calibri;
    color: #000000;
    border: 1px solid #000000;
    width: 75px;
}

.loginbutton {
    font: 9px calibri;
    color: #000000;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    width: 20px;
    height: 16px;
}

.loginlink {
    font: 9px calibri;
    color: #000000;
    text-decoration: none;
}

    .loginlink:hover {
        font: 9px calibri;
        color: #000000;
        text-decoration: underline;
    }

.menuCadastroPacientes {
    background-color: #FCAB4F;
}

.titulolistagemlaranja {
    font-size: 12px;
    font-family: calibri;
    background-color: var(--azul-marinho); /*#fcab4f;*/
    text-decoration: none;
    height: 30px;
    border-color: var(--azul-marinho); /*#fcab4f;*/
    color: var(--letra-clara)
}

.barraDiasAgenda {
    font: bold 12px verdana;
    color: #ffffff;
    height: 18px;
    background-color: #FFFFFF;
    text-decoration: none;
    padding: 2px;
}

.titulocontas {
    font: bold 13px verdana;
    color: #ffffff;
    height: 18px;
    background-color: #E8E8E8;
    text-decoration: none;
    padding: 2px;
    font-weight: bold;
}

.titulocontas_novaAgenda {
    font: bold 13px verdana;
    color: #ffffff;
    height: 18px;
    text-decoration: none;
    padding: 2px;
    font-weight: bold;
}

.titulocontas1 {
    font: 13px Verdana;
    color: #ffffff;
    height: 25px;
    background-color: var(--azul-marinho); /*#fcab4f;*/
    text-decoration: none;
    font-weight: bold;
}

/* Wagner em 09/09/2014 */
.tituloContas2 {
    border-top: white 1px solid;
    border-right: white 1px solid;
    border-left: white 1px solid;
    font: bold 14px calibri;
    color: #000000;
    background-color: var(--azul-marinho);
    font-weight: bold;
}

/* Wagner em 09/09/2014 */
.tituloContas3 {
    border-top: white 1px solid;
    border-right: white 1px solid;
    border-left: white 1px solid;
    font: bold 14px calibri;
    color: #ffffff;
    background-color: var(--azul-marinho);
    font-weight: bold;
}

.DataGridFixedFooter, .DataGridFixedFooter A:link, .DataGridFixedFooter A:visited {
    text-align: center;
    FONT: 12px verdana;
    COLOR: #ffffff;
    /*TOP: expression(this.offsetParent.clientHeight-this.offsetParent.scrollHeight+this.offsetParent.scrollTop);*/
    BACKGROUND-COLOR: #8f8f8f;
    TEXT-DECORATION: none;
}

    /* coloca uma borda para separar a agenda */
    .DataGridFixedFooter td {
        border-right: white 1px solid;
    }

.DataGridFixedHeader, .DataGridFixedHeader A:link, .DataGridFixedHeader A:visited {
    font: 12px verdana;
    color: #000000;
    position: relative;
    background: #DDDDDD;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    height: 35px;
    border: #DDDDDD;
    font-weight: normal !Important;
}

.OrangeFixedHeader, .OrangeFixedHeader A:link, .OrangeFixedHeader A:visited {
    font: 12px verdana;
    color: #000000;
    position: relative;
    background: #DDDDDD;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    height: 35px;
    border: #DDDDDD;
    font-weight: normal;
}

.footerlistagem, .footerlistagem a:link, .footerlistagem a:visited, .footerlistagem:hover {
    font: 12px verdana;
    /*color: #FFFFFF;*/
    text-decoration: none;
    background-color: #777777;
}

    .footerlistagem td {
        padding: 3px;
        border: none;
    }

.footergrid, .footergrid a:link, .footergrid a:visited, .footergrid:hover {
    font: 11px verdana;
    color: #000000;
    ;
    text-decoration: none;
    background-color: #FFFFFF;
}

    .footergrid td {
        padding: 3px;
        border: none;
    }

.PanelMensageiro {
    border: #000000 2px inset;
    background-color: transparent;
}

.Validadores {
    font: 11px calibri;
}

.agLegenda {
    width: 100%;
    margin: 10px auto;
    border: 1px solid #DDDDDD;
    padding: 5px;
    background: white;
}


/************************* Digitacao Rapida  img div Ordenar ***************************/
.imgOrdenar {
    cursor: pointer;
}

.divBoxCab {
    width: 630px;
    height: 30px;
    float: left;
    border-bottom: solid 1px #fff;
}

    .divBoxCab .cantoLeft {
        float: left;
        width: 11px;
        height: 30px;
        background: url(../imagens/poup/cantoLeft.gif) no-repeat;
    }

    .divBoxCab .cabMiddle {
        width: 606px;
        height: 30px;
        background: #006500;
        float: left;
        padding-top: 4px;
    }


        .divBoxCab .cabMiddle img {
            float: right;
            position: relative;
            cursor: pointer;
        }

    .divBoxCab .cantoRight {
        float: left;
        width: 11px;
        height: 30px;
        background: url(../imagens/poup/cantoRight.gif) no-repeat;
    }

.divBoxOrdenar {
    width: 630px;
    height: 100px;
    right: 50%;
    margin: 0px -350px -50px 0px;
    bottom: 50%;
    position: absolute;
}

.divContPoup {
    width: 700px;
    height: 278px;
    border: 1px solid #fff;
}

    .divContPoup .left {
        width: 250px;
        height: 250px;
        float: left;
        margin-left: 11px;
    }

    .divContPoup .middle {
        width: 11px;
        height: 230px;
        float: left;
        padding-top: 15px;
        margin-left: 5px;
        margin-right: 5px;
        text-align: center;
    }

        .divContPoup .middle br {
            line-height: 5px;
        }

    .divContPoup .right {
        width: 250px;
        height: 250px;
        float: left;
    }

    .divContPoup .right2 {
        padding-top: 15px;
        width: 20px;
        height: 200px;
        float: left;
    }

        .divContPoup .right2 br {
            line-height: 5px;
        }

/*************  configurações empresa  ***************/
.divBoxConfiguracoesEmpresa {
    width: 900px;
    margin: auto;
    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    padding: 5px;
    border: 1px solid #999999;
}

/*************  configurações Odontograma  ***************/
#linguetaOdontograma {
    position: absolute;
    left: 6px;
    top: 91px;
    background-color: #EEF8FB;
    word-wrap: break-word;
    font-size: 16px;
    text-align: center;
    font-family: calibri;
    color: #56ABC5;
    font-weight: 700;
    border-radius: 10px;
    width: 157px;
    padding: 15px 0;
}

#linguetaPlano {
    position: absolute;
    left: 6px;
    top: 91px;
    background-color: #EEFBF2;
    word-wrap: break-word;
    font-size: 16px;
    text-align: center;
    font-family: calibri;
    color: #56C58D;
    font-weight: 700;
    border-radius: 10px;
    width: 157px;
    padding: 15px 0;
}

.config-odontograma {
    width: 150px;
    float: left;
    text-align: center;
}

.div-funcoes-odontograma {
    width: 140px;
    margin: 35px auto;
    text-align: left;
}

#linguetaImgOdontograma {
    width: 140px;
    margin: auto;
    margin-top: 15px;
}

.divBoxConfiguracoesOdo {
    width: 780px;
    right: 50%;
    height: 390px;
    margin: 0px -390px -100px 0px;
    top: 10%;
    position: absolute;
    background-color: white;
    overflow: auto;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.divContBoxConfOdo {
    width: 780px;
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
}

.divBoxCabConfOdo {
    width: 780px;
    height: 26px;
    float: left;
    margin: 1px;
    margin-bottom: 10px;
}

/******************************* Botões ****************************/
.btn25 {
    width: 25px;
    border: #006600 1px solid;
    font-size: 11px;
    font-weight: bold;
    background: #006600;
    color: #ffffff;
    font-family: calibri, Arial, Helvetica, sans-serif;
}

.btn10 {
    width: 25px;
    border: #006600 1px solid;
    font-size: 11px;
    font-weight: bold;
    background: #006600;
    color: #ffffff;
    font-family: calibri, Arial, Helvetica, sans-serif;
}

.btn {
    border: #006600 1px solid;
    font-size: 11px;
    font-weight: bold;
    background: #006600;
    color: #ffffff;
    font-family: calibri, Arial, Helvetica, sans-serif;
}

.listagem1Imp {
    font: 11px calibri;
    color: #000000;
    background-color: #e8f8f9;
    text-align: center;
}

.listagem2Imp {
    font: 11px calibri;
    color: #000000;
    background-color: #e8f8f9;
    text-align: center;
}
/******************************* Mostra Cabecalho ********************************/

.pCab {
    display: none;
}

/***************************** Grid Css ************************************/

/*1 coluna de texto .. alinhamento a esquerda 
demais textos e numeros ... alinhamento centro
monetario =  direita
*/

.gridPrimeiraColunaTexto {
    text-align: left;
}

.gridPrimeiraColunaTexto2 {
    text-align: center;
}

.gridHeader {
    text-align: center;
}

.gridColunaTexto {
    text-align: center;
}

.gridColunaMonetario {
    text-align: right;
}

.gridColunaMonetario2 {
    text-align: center;
}

.bloquear {
    float: left;
    display: block;
}

.liberar113 {
    display: none;
}

/*
	Alinha as celulas para labels de titulo
*/
.tituloTxt {
    text-align: right;
    vertical-align: middle;
    height: 20px;
}
/*
	txtMonetario
*/
.forminputMonetario {
    font: 11px calibri;
    color: #000000;
    border: 1px solid #999999;
    background-color: var(--verde-transparente); /*#e8f8f9;*/
    padding-left: 3px;
    margin: 2px;
    text-align: right;
}

/*
	Impressão Padrões
*/
/*
	Cabeçalho Grid 
*/

/* Listagem */
.flutua {
    float: left;
}

/* Grid 
	Imagem de fundo para o grid com colunas maiores
*/
.cabecalhoImp td {
    font: 13px calibri;
    color: #000000;
    text-decoration: none;
    background: #DDDDDD; /* Old browsers 
    background: -moz-linear-gradient(top, #dde3e1 0%, #959595 100%); /* FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dde3e1), color-stop(100%,#959595)); /* Chrome,Safari4+ 
    background: -webkit-linear-gradient(top, #dde3e1 0%,#959595 100%); /* Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top, #dde3e1 0%,#959595 100%); /* Opera 11.10+ 
    background: -ms-linear-gradient(top, #dde3e1 0%,#959595 100%); /* IE10+ 
    background: linear-gradient(to bottom, #dde3e1 0%,#959595 100%); /* W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde3e1', endColorstr='#959595',GradientType=0 ); /* IE6-9 */
}

/************ box Home ********************/
.divPrincipal-Esquerda {
    width: 100%;
    text-align: center;
    height: 700px;
}

.divMBoxAcessoRapido, .divMBox {
    z-index: 0;
    padding: 30px 15px;
    background-color: var(--cor-fundo-interno); /*#F8F8F8;*/
    position: relative;
    overflow: auto;
    margin: 15px 10px;
    /*height: 430px;*/
}

    .divMBox .Content {
        height: 380px;
        border-radius: 10px;
    }

        .divMBox .Content table tr td {
            background-color: #fbfbfb;
            padding: 10px;
            border-radius: 2px;
            width: 130px;
            height: 140px;
        }

            .divMBox .Content table tr td span {
                font-size: 14px !important;
                font-weight: normal !important;
                font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
                color: #333333;
            }

        .divMBox .Content .imgInteligente {
            cursor: pointer;
            width: 65px;
        }

            .divMBox .Content .imgInteligente:hover {
                opacity: 0.5;
            }

.tabDente {
    font: 11px calibri;
    color: #000000;
    border: 1px solid #999999;
    background-color: var(--verde-transparente); /*#e8f8f9;*/
}

/*
	Relatorio inteligente
*/

.textoverde10bInteligente {
    font: bold 13px calibri;
    color: #666666;
}

.LegendaO {
    width: 10px;
    height: 10px;
    overflow: hidden;
    border-radius: 10px
}

/*******************  Mensageiro ****************************/
#lnkAbrirBlog {
    position: absolute;
    padding: 8px 15px;
    z-index: 1;
    top: 10px;
    left: 320px;
    margin: auto;
    display: block;
    color: #333333;
    font: 13px Verdana;
    width: 50px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

    #lnkAbrirBlog i, #btnAbrirMensageiro i {
        font-size: 24px;
        margin-bottom: 5px;
    }

#btnAbrirMensageiro {
    position: absolute;
    padding: 8px 15px;
    z-index: 1;
    top: 10px;
    left: 390px;
    margin: auto;
    display: block;
    color: #333333;
    font: 13px Verdana;
    width: 50px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

    #lnkAbrirBlog:hover, #btnAbrirMensageiro:hover {
        color: #000000;
    }

.divMensageiro {
    width: 390px;
}

    .divMensageiro .top {
        width: 261px;
        height: 100px;
        float: left;
        background: url(../Imagens/Mensageiro/cab.jpg) no-repeat;
        background-size: 250px;
        margin-left: 32px;
        margin-top: 93px;
    }

    .divMensageiro .tit {
        width: 390px;
        height: 46px;
        float: left;
        background: url(../Imagens/Mensageiro/bgTit.gif) repeat-x;
    }

    .divMensageiro .cont {
        width: 290px;
        float: left;
        background: rgba(255, 255, 255, 0);
    }

    .divMensageiro .bottom {
        width: 398px;
        height: 35px;
        float: left;
    }

.btnMens {
    height: 20px;
    border: 0px;
    background: url(../Imagens/Mensageiro/BotaoMensageiro2.jpeg) repeat-x;
    font-family: calibri, Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
    color: #666666;
    margin: 0px;
    padding: 0px;
    padding: 0px 10px 0px 10px;
}

.box {
    border: 1px inset #9f9f9f;
    margin-left: 37px;
}

.PanelMensageiro {
    background-color: transparent;
}

.PanelMensageiro {
    overflow: auto;
    float: left;
    margin-left: 37px;
    border-radius: 5px
}

.MensageiroMsg {
    font-family: calibri;
    font-size: 12px;
    color: #000000;
}

.CabIni {
    width: 500px;
    height: 10px;
    overflow: hidden;
    text-align: center;
}

.NewMenuSuperior2 {
    background-color: #DDDDDD;
    width: 85px;
    height: 37px;
    text-align: center;
    z-index: 1;
    font-size: 13px;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    color: #006600;
    cursor: pointer;
}

.MenuOdontograma {
    width: 85px !important;
}

.tituloCadastroRapido {
    font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
    display: block;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #67bcc4;
}

/************************/
.linkmenu2 {
    cursor: pointer;
    text-decoration: none;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #006600;
    width: 85px;
    height: 37px;
    text-align: center;
    padding-top: 18px;
    font-weight: bold;
}

    .linkmenu2:hover {
        cursor: pointer;
        text-decoration: none;
        font-family: Calibri, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #777;
        width: 85px;
        height: 37px;
        text-align: center;
        padding-top: 18px;
        font-weight: bold;
    }

.chrome .linkmenu2 {
    cursor: pointer;
    text-decoration: none;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #006600;
    text-align: center;
    display: block;
    padding-bottom: 30px;
    font-weight: bold;
}

    .chrome .linkmenu2:hover {
        cursor: pointer;
        text-decoration: none;
        font-family: Calibri, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #777;
        text-align: center;
        display: block;
        padding-bottom: 30px;
        font-weight: bold;
    }

.webkit .linkmenu2 {
    cursor: pointer;
    text-decoration: none;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #006600;
    text-align: center;
    display: block;
    padding-bottom: 30px;
    font-weight: bold;
}

    .webkit .linkmenu2:hover {
        cursor: pointer;
        text-decoration: none;
        font-family: Calibri, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #777;
        text-align: center;
        display: block;
        padding-bottom: 30px;
        font-weight: bold;
    }

.divBoxConfiguracoesLoad {
    width: 780px;
    height: 200px;
    right: 50%;
    margin: 0px -390px -100px 0px;
    bottom: 50%;
    position: absolute;
}

.NewMenuSuperior2H {
    background-color: #DDDDDD;
    cursor: pointer;
    text-decoration: none;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #777777;
    width: 85px;
    height: 37px;
    text-align: center;
}

.linkmenu {
    font: bold 11px calibri;
    color: #006600;
    text-decoration: none;
    font-weight: normal
}

    .linkmenu:hover {
        text-decoration: underline;
        color: #000000
    }

/***Menu novo****/

table.menu {
    position: absolute;
    visibility: hidden;
}

.TamMenu {
    position: relative;
    display: inline-block;
}

/* NOVO MENU INTELIGENTES */
.TamMenuNovo {
    width: 100%;
    position: relative;
}

.MenuInteligentes {
    width: 1018px;
    margin: 5px 1px 6px 1px;
    position: relative;
    border-radius: 2px;
    background-color: #F4F4F4;
}

    .MenuInteligentes .Link {
        text-decoration: none;
        font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #333333;
        width: 244px;
        height: 22px;
        text-align: center;
        display: block;
        padding: 10px 0 4px 0;
    }

        .MenuInteligentes .Link:hover {
            text-decoration: none;
            color: #777777;
            background-color: #F3F3F3;
            border-radius: 10px;
        }

.ArquivoInteligentes {
    position: absolute;
    visibility: hidden;
    top: 35px;
    width: 245px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    background: #F3F3F3;
    border-radius: 5px;
    border: 1px solid white;
    z-index: 500;
}

.MaterialInteligentes {
    position: absolute;
    visibility: hidden;
    top: 33px;
    left: 155px;
    width: 140px;
    padding-top: 5px;
    border: 1px solid #BEBEBE;
    background-color: #F3F3F3;
    border: 1px solid white;
    border-radius: 5px;
    padding-left: 10px;
    padding-bottom: 10px;
    z-index: 500;
}

.ComissionamentoInteligentes {
    position: absolute;
    visibility: hidden;
    top: 55px;
    left: 155px;
    width: 185px;
    padding-top: 5px;
    border: 1px solid #BEBEBE;
    background-color: #F3F3F3;
    border: 1px solid white;
    border-radius: 5px;
    padding-left: 10px;
    padding-bottom: 10px;
    z-index: 500;
}

.FinanceiroInteligentes {
    position: absolute;
    visibility: hidden;
    top: 35px;
    left: 520px;
    width: 245px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    z-index: 500;
}

.AcessoriosInteligentes {
    position: absolute;
    visibility: hidden;
    top: 35px;
    left: 775px;
    width: 245px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    z-index: 500;
}

.NewMenuSuperior {
    padding: 10px;
}

.NewMenuSuperiorLink {
    text-decoration: none;
    font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: var(--letra-clara); /*#333333;*/
    padding: 6px;
    display: block;
}

    .NewMenuSuperiorLink:hover {
        color: #777777;
    }

.NewMenuSuperiorLinkH {
    background: url(../Imagens/NewMenu/bg_hover_menu.png) no-repeat;
    text-decoration: none;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #777777;
    width: 85px;
    height: 31px;
    text-align: center;
    padding-top: 10px;
    display: block;
    border-right: 1px solid transparent;
}

.backcinza2 {
    height: 20px;
}

.menusuperior {
    text-align: left;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #777777;
    display: block;
    padding: 3px;
}

    .menusuperior:hover {
        background: #DDDDDD;
    }

/*Sub menus */
.Arquivo {
    position: absolute;
    visibility: hidden;
    top: 35px;
    left: 4px;
    width: 170px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    background: #F3F3F3;
    border-radius: 5px;
    border: 1px solid white;
    z-index: 500;
}

.Configuracoes {
    position: absolute;
    visibility: hidden;
    top: 60px;
    left: 155px;
    width: 235px;
    padding-top: 5px;
    background-color: #F3F3F3;
    border: 1px solid white;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 5px;
    z-index: 500;
}

.Material {
    position: absolute;
    visibility: hidden;
    top: 159px;
    left: 155px;
    width: 140px;
    padding-top: 5px;
    border: 1px solid #BEBEBE;
    background-color: #F3F3F3;
    border: 1px solid white;
    border-radius: 5px;
    padding-left: 10px;
    padding-bottom: 10px;
    z-index: 500;
}

.Estatisticas {
    position: absolute;
    visibility: hidden;
    top: 35px;
    left: 259px;
    width: 250px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    z-index: 500;
}

.Financeiro {
    position: absolute;
    visibility: hidden;
    top: 35px;
    left: 345px;
    width: 180px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    z-index: 500;
}

.Acessorios {
    position: absolute;
    visibility: hidden;
    top: 35px;
    left: 431px;
    width: 170px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    z-index: 500;
}

.Customix {
    position: absolute;
    visibility: visible;
    top: 35px;
    left: 517px;
    width: 170px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    z-index: 500;
}

.Administrativo {
    position: absolute;
    visibility: hidden;
    top: 35px;
    left: 630px;
    width: 170px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    z-index: 500;
}

.Boletos {
    position: absolute;
    visibility: hidden;
    top: 152px;
    left: 165px;
    width: 170px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
    background-color: #F3F3F3;
    z-index: 500;
}

/* Wagner em 21/08/2014: Para o novo item de menu Administrativo/Dentalis Off-Line */
.Offline {
    position: absolute;
    visibility: hidden;
    top: 90px;
    left: 140px;
    width: 170px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
    background-color: #F3F3F3;
    z-index: 500;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.ConfiguracaoDentista {
    position: absolute;
    visibility: hidden;
    top: 181px;
    left: 200px;
    width: 170px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
    background-color: #F3F3F3;
    z-index: 500;
}

.tbComissionamento {
    position: absolute;
    visibility: hidden;
    top: 26px;
    left: 158px;
    width: 170px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
    background-color: #F3F3F3;
    z-index: 500;
}

.Orto {
    position: absolute;
    visibility: hidden;
    top: 175px;
    left: 165px;
    width: 240px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
    background-color: #F3F3F3;
    z-index: 500;
}

.Conf {
    position: absolute;
    visibility: hidden;
    top: 218px;
    left: 165px;
    width: 220px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
    background-color: #F3F3F3;
    z-index: 500;
}

.NFSe {
    position: absolute;
    visibility: hidden;
    top: 238px;
    left: 165px;
    width: 220px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
    background-color: #F3F3F3;
}

/*Menu Odontograma*/
.SubOrto {
    position: absolute;
    visibility: hidden;
    top: 40px;
    left: 14px;
    width: 170px;
    padding-left: 10px;
    padding-top: 5px;
    z-index: 10;
    background: #F3F3F3;
    padding-bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
}

.Bolsas {
    position: absolute;
    visibility: hidden;
    top: 40px;
    left: 99px;
    width: 170px;
    padding-left: 10px;
    z-index: 10;
    padding-top: 5px;
    background: #F3F3F3;
    padding-bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
    background-color: #F3F3F3;
}

/*Menu Odontograma*/
.tblMenu {
    position: relative;
    z-index: 100;
}

/*Menu Inteligente*/
.NewMenuSuperiorInteligente {
    background-color: #f4f4f4;
    height: 37px;
    text-align: left;
    z-index: 1;
}

.ArquivoInteligente {
    position: absolute;
    visibility: hidden;
    top: 40px;
    left: 8px;
    width: 170px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    border: 1px solid white;
    z-index: 500;
}

.MaterialInteligente {
    position: absolute;
    visibility: hidden;
    top: 150px;
    left: 160px;
    width: 140px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    border: 1px solid white;
    z-index: 500;
}

.EstatisticasInteligente {
    position: absolute;
    visibility: hidden;
    top: 40px;
    left: 225px;
    width: 170px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    border: 1px solid white;
    z-index: 500;
}

.FinanceiroInteligente {
    position: absolute;
    visibility: hidden;
    top: 40px;
    left: 340px;
    width: 180px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    border: 1px solid white;
    z-index: 500;
}

.AcessoriosInteligente {
    position: absolute;
    visibility: hidden;
    top: 40px;
    left: 440px;
    width: 170px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    border: 1px solid white;
    z-index: 500;
}

.AdministrativoInteligente {
    position: absolute;
    visibility: hidden;
    top: 40px;
    left: 670px;
    width: 150px;
    padding-left: 10px;
    padding-top: 5px;
    background: #F3F3F3;
    border-radius: 5px;
    border: 1px solid white;
    z-index: 500;
}

.AnsInteligente {
    position: absolute;
    visibility: hidden;
    top: 130px;
    left: 140px;
    width: 220px;
    padding-left: 10px;
    padding-top: 5px;
    border: 1px solid white;
    padding-bottom: 10px;
    border-radius: 5px;
    background-color: #F3F3F3;
    z-index: 500;
}

/* Modulo Login */
.ModuloLogin0 {
    width: 25px;
}

.ModuloLogin1 {
    width: 250px;
}

.ModuloLogin2 {
    width: 260px;
}

.ModuloLogin3 {
    width: 150px;
}

.ModuloLogin4 {
    width: 100px;
}

/* Modulo login inteligente */
.ModuloLogin0I {
    width: 38px;
}

.ModuloLogin1I {
    width: 215px;
}

.ModuloLogin2I {
    width: 220px;
}

.ModuloLogin3I {
    width: 205px;
}

.ModuloLogin4I {
    width: 110px;
}

/*Aba do menu*/
.textoPainel {
    font-size: 13px;
    color: #ffffff;
    font-family: verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.abaMiddle {
    height: 30px;
    width: 120px;
    text-align: center;
    background-color: #67bcc4;
}

.abaLeft {
    height: 30px;
    width: 10px;
    background-color: #67bcc4;
    border-radius: 2px 0 0 2px;
}

.AbaMeio {
    height: 6px;
    width: 400px;
}

.abaRigth {
    height: 30px;
    width: 10px;
    background-color: #67bcc4;
    border-radius: 0 2px 2px 0;
}

.TamEspBarra {
    width: 26px;
}

.TamEspBarraCalendario {
    width: 16px;
}

.textoPainel2 {
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    font-family: calibri, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    padding-top: 8px
}

.textoPainelAdm {
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: calibri, Arial, Helvetica, sans-serif;
    text-decoration: none;
    float: left;
    padding-top: 5px;
    padding-left: 10px;
}

.btnAdm {
    width: 120px;
    height: 94px;
    border: 1px solid green;
}

.BorderHomeAdm {
    padding-left: 30px;
}

.tdAjuste {
    width: 30px;
}

/*Tela de load do odontograma*/
.ddlDet {
    width: 395px;
}

.txtDente {
    width: 30px;
}

.txtFace {
    WIDTH: 80px;
}

.ddlRegiao {
    WIDTH: 240px;
}

.txtCodigo {
    WIDTH: 100px;
}

.txtDesc {
    WIDTH: 400px;
}

.datIncluido {
    WIDTH: 80px;
}

.txtVrLiquido {
    WIDTH: 80px;
}

.txtRealizado {
    WIDTH: 80px;
}

/***************** Grid De HTML *******************/
.textoTit {
    FONT-FAMILY: 13px Verdana;
    COLOR: #333333;
    FONT-WEIGHT: normal;
    height: 25px;
}

.textoTitB {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: normal;
}

.textoGrid {
    FONT-FAMILY: calibri, Arial, Helvetica, sans-serif;
    COLOR: #666;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal
}

.textoGridB {
    FONT-FAMILY: calibri, Arial, Helvetica, sans-serif;
    COLOR: #666;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder
}

.tabelaGrid {
    border: transparent;
    width: 100% ;
    height:100% 

}

.cabGrid {
    font: 13px Verdana;
    color: #000000;
    text-decoration: none;
    background-image: url(../Imagens/NovaHome/FundoCinzaGrid.jpg);
    background-repeat: repeat-x;
    height: 14px;
    height: 25px;
}

.cabGrid2 {
    font: 13px Verdana;
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid black;
    height: 14px;
    height: 25px;
}

.linha1, .linha1 a:link, .linha1 a:visited {
    font: 11px calibri;
    color: #000000;
    background-color: #EFFAF7;
    border-right: 1px solid #aca899;
    border-bottom: 1px solid #aca899;
}

.linha2, .linha2 a:link, .linha2 a:visited {
    font: 11px calibri;
    color: #000000;
    background-color: white;
    border-right: 1px solid #aca899;
    border-bottom: 1px solid #aca899;
}

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

.detEspec {
}

.obs {
    width: 795px;
    height: 60px;
}

.textoverdeOdoNovo10 {
    font: 13px Verdana;
    color: #666666;
    padding-left: 2px;
}

/* Baloes mensageiro  */
.bubble {
    background-color: #fff0a0;
    background-image: -webkit-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image: -moz-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image: -ms-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image: -o-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    border-radius: 5px;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.5), 3px 3px 0 hsla(0,0%,0%,.1);
    color: #333;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px 25px;
    position: relative;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.5);
}

    .bubble:after, .bubble:before {
        border-bottom: 25px solid transparent;
        border-right: 25px solid #fff0a0;
        bottom: -25px;
        content: '';
        position: absolute;
        right: 25px;
    }

    .bubble:before {
        border-right: 25px solid hsla(0,0%,0%,.1);
        bottom: -28px;
        right: 22px;
    }

.bubble2 {
    background-color: #9FF5FF;
    background-image: -webkit-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image: -moz-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image: -ms-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image: -o-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    border-radius: 5px;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.5), 3px 3px 0 hsla(0,0%,0%,.1);
    color: #333;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px 25px;
    position: relative;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.5);
}

    .bubble2:after, .bubble2:before {
        border-bottom: 25px solid transparent;
        border-right: 25px solid #9FF5FF;
        bottom: -25px;
        content: '';
        position: absolute;
        right: 25px;
    }

    .bubble2:before {
        border-right: 25px solid hsla(0,0%,0%,.1);
        bottom: -28px;
        right: 22px;
    }

/* botão mensageiro homepage */
.btnMensageiro {
    background-color: #F8F8F8;
    cursor: pointer;
    width: 180px;
    margin-bottom: 15px;
    color: #000000;
    font: 12px calibri;
    font-weight: 700;
    display: block;
    padding: 8px 0;
    border-radius: 5px;
    background-image: url(../Imagens/send-icon.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    border: 1px solid #cdcaca;
    border-top: 2px solid #007302;
}

    .btnMensageiro:hover {
        background-color: #D7EBD9;
    }

.novaMensagem {
    background-position: 90% 50%;
    background-color: #972929 !important;
    color: White !important;
    background-image: url('../Imagens/send-icon-white.png') !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
}

/* Título */
.divTitulo {
    padding: 5px 40px;
    background-color: var(--verde); /*#67bcc4;*/
    display: inline-block;
    font: 13px Verdana;
    color: #FFFFFF;
    text-align: center;
    margin: 8px 0;
}

/*Fundo CAD Paciente */
.bgCadPaciente {
    background-color: #ffffff;
    border-radius: 5px;
    border: solid;
    border-color: #ffffff;
}

/*Fote Agenda de Amigos*/
.fontAmigos {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #777777;
    padding-left: 50px;
    padding-right: 50px;
    text-decoration: none;
}

/* Estilos  Voce Implantes */
.tintLaranja {
    background: #FFCC66;
}

/* Abas Voce Implantes */

.abaMiddleOrange {
    background: #FBAA4E;
    height: 30px;
    width: 120px;
    text-align: center;
}

.abaRigthOrange {
    height: 30px;
    width: 10px;
    background: #FBAA4E;
    border-radius: 0 5px 5px 0;
}

.abaLeftOrange {
    height: 30px;
    width: 10px;
    background: #FBAA4E;
    border-radius: 5px 0 0 5px;
}

.style4Orange {
    text-decoration: none;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FAA850;
    text-align: center;
    font-weight: bold
}

/* Estilos Nova Home */
#corpo {
    background: url('../Imagens/layout2018/background.png') #333333;
    background-position: 40% 85%;
    background-size: cover;
}

#pnlNovaHome {
    width: 1000px;
    margin: auto;
    font-family: calibri, Arial, Helvetica, sans-serif;
}

#container {
    overflow: auto;
    position: relative;
}

#containerLeft {
    float: left;
    width: 64%;
    display: none;
}

#containerRight {
    /*float: right;*/
    margin: auto;
    width: 40%;
    padding: 15px;
    border-radius: 2px;
    margin-top: 120px;
}

#pnlNovaHome .divEmailDentalisHome {
    position: absolute;
    right: 0;
    top: 30px;
}

#pnlNovaHome .divTelefoneDentalisHome {
    position: absolute;
    right: 0;
    top: 72px;
}

    #pnlNovaHome .divEmailDentalisHome i, #pnlNovaHome .divTelefoneDentalisHome i {
        height: 35px;
        width: 35px;
        background: #56abc5;
        line-height: 35px;
        text-align: center;
        border-radius: 1px;
        display: inline-block;
        color: White;
        vertical-align: bottom;
        margin-right: -4px;
    }

    #pnlNovaHome .divEmailDentalisHome span, #pnlNovaHome .divTelefoneDentalisHome span {
        background: white;
        height: 35px;
        display: inline-block;
        line-height: 35px;
        padding: 0 15px;
        width: 140px;
        font-size: 14px;
        text-align: left;
    }

#container .divLogoHome {
    margin-bottom: 15px;
}

#pnlNovaHome > .divLogoHome {
    position: absolute;
    left: 40px;
    top: 20px;
}

@media screen and (max-width: 800px) {
    #pnlNovaHome > .divImgDentista > img {
        width: 250px;
        height: auto;
    }
}

@media screen and (min-width: 800px) {
    #pnlNovaHome > .divImgDentista > img {
        width: 350px;
        height: auto;
    }
}

@media screen and (min-width: 1200px) {
    #pnlNovaHome > .divImgDentista > img {
        width: 100%;
        height: auto;
    }
}

#pnlNovaHome > .divImgDentista {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}

#pnlNovaHome > .divLogoHome > img {
    width: 300px;
}

.divContatosHeader {
    display: inline;
    vertical-align: middle;
    top: 50px;
    position: absolute;
    right: 40px;
}

    .divContatosHeader img {
        width: 25px;
        vertical-align: middle;
        margin-left: 20px;
    }

    .divContatosHeader span {
        color: var(--letra-clara);
    }

#container .divBadgeHome img {
    width: 100px;
}

#container .divBadgeHome {
    text-align: center;
}

#container .tblLoginHome {
    background: linear-gradient(var(--vermelho) 2%, var(--cor-fundo) 3%); /*rgba(86, 171, 197, 0.2);*/
    padding: 30px 20px 20px 20px;
    width: 100%;
    position: relative;
    border-radius: 25px;
}

    #container .tblLoginHome i.login-icon {
        height: 35px;
        width: 35px;
        background: var(--vermelho); /*#56abc5;*/
        line-height: 35px;
        text-align: center;
        border-radius: 1px;
        display: inline-block;
        color: White;
        vertical-align: bottom;
    }

    #container .tblLoginHome #divLoadingHome {
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: White;
        text-align: center;
        display: none;
    }

        #container .tblLoginHome #divLoadingHome i {
            font-size: 36px;
        }

        #container .tblLoginHome #divLoadingHome .divMensagemLoadingHome {
            margin-top: 35%;
        }

#containerRight input[type=text], #containerRight input[type=password] {
    padding: 4px 8px;
    color: #212121;
    border: 0;
    width: 100%;
    height: 35px;
    border-radius: 1px;
    margin-left: -6px;
}

    #containerRight input[type=text]:focus, #containerRight input[type=password]:focus {
        outline-width: 0;
    }

#msgFooter span {
    color: var(--letra-clara);
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-family: var(--fonte-montserrat);
}

#footer {
    color: #333333;
    font-size: 14px;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
}

#botoesMobile img.imgGooglePlay {
    height: 50px;
    vertical-align: middle;
    margin-left: 15px;
}

#botoesMobile img.imgAppleStore {
    height: 34px;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 15px;
}

#footer .footer_center {
    width: 100%;
    margin: auto;
    overflow: auto;
}

#footer .divVersaoMobile {
    display: inline-block;
    cursor: pointer;
}

    #footer .divVersaoMobile i {
        font-size: 26px;
        background-color: #ffffff;
        color: var(--turquesa); /*#56abc5;*/
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 1px 0 0 1px;
        vertical-align: bottom;
    }

    #footer .divVersaoMobile span {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        padding: 0 15px;
        background-color: var(--turquesa); /*#56abc5;*/
        color: white;
        border-radius: 0 1px 1px 0;
        margin-left: -4px;
    }

.btnLogin {
    background-color: var(--verde); /*#56abc5;*/
    color: var(--letra-clara); /*#ffffff;*/
    font-family: Arial;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    border: 0;
    border-radius: 1px;
    cursor: pointer;
    width: 50%;
}

#semAcesso {
    font-size: 14px;
    cursor: pointer;
    color: #134250;
    margin-top: 20px;
    display: inline-block;
}

    #semAcesso i {
        color: White;
    }

.alert-block {
    color: #134250;
    padding: 5px 20px;
    border-radius: 1px;
    font-size: 14px;
    text-align: left;
    width: calc(100% - 40px);
    line-height: 18px;
    margin-top: 5px;
    background: rgba(255, 255, 255, 0.8);
}

/* ESTILSO TELA DE BEM VINDO */

#mensagensHoroscopo div {
    position: absolute;
    top: 300px;
    display: none;
    width: 520px;
}

.h2GoogleFonts {
    font-family: 'Satisfy', cursive;
    color: #1839a0
}

#voltarHoroscopo {
    display: none;
}

#divChkSaudacao {
    margin-top: 10px;
    text-align: center;
}

#ContentPlaceHolder1_divSignosIcones tr td {
    cursor: pointer;
}

#divSignosIcones tr td {
    cursor: pointer;
}

#btnVoltarHoroscopo {
    position: absolute;
    top: 480px;
    left: 480px;
    background-color: #eee;
    border: 1px solid #003DFF;
    width: 80px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

    #btnVoltarHoroscopo:hover {
        opacity: 0.5;
    }

#modalBemVindo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
    background: white;
    font-family: Calibri;
}
/*
#modalBemVindo {
    width: 50%;
    position: absolute;
    top: 2%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
    background: white;
    border-radius: 5px;
    font-family: Calibri;
    padding: 20px;
    box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.5);
}
*/
#ContentPlaceHolder1_modalBemVindo {
    width: 550px;
    height: 490px;
    position: absolute;
    top: 4%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
    background: white;
    border-radius: 5px;
    font-family: Calibri;
    padding: 20px;
    box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.5);
}

#divHoroscopo {
    width: 200px;
    padding: 5px 0;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    background-image: url(../Imagens/botoes/Icones/fundoHoscopo.png);
    float: right;
    color: #fff;
    margin-right: 170px;
}

#divTransito {
    width: 200px;
    padding: 5px 0;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    background-image: url(../Imagens/botoes/Icones/fundoTransito.png);
    float: right;
    margin-top: 20px;
    margin-right: 35px;
    color: #fff
}

#divClima {
    width: 200px;
    margin-top: 20px;
    margin-left: 35px;
    background-color: #CFE4FF;
    padding: 5px 0;
    text-align: center;
    border-radius: 5px;
    color: #005CFF;
    float: left;
    font-weight: bold;
    background-image: url(../Imagens/botoes/Icones/iconeClima.png);
    background-repeat: no-repeat;
    background: 108% 38%;
}

div#divBemVindo {
    width: 340px;
    background-color: #F3F3F3;
    text-align: center;
    border-radius: 5px;
    margin-top: -22px;
    padding: 5px;
}

    div#divBemVindo span {
        font-size: 18px;
        color: #666666;
    }

.close {
    border: none;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 5px;
    position: absolute;
    top: 8px;
    right: 8px;
}

    .close:hover {
        background-color: #999999;
    }

/* Loading Home Page */
div#loading {
    background-image: url(../Imagens/loading8.gif);
    width: 31px;
    height: 31px;
    display: block;
}

label.loading {
    font-size: 12px;
    color: #999999;
    display: block;
}

#modal {
    z-index: 5;
    position: absolute;
    left: 0;
    right: 0;
    top: 15%
}

#interno {
    padding: 5px;
    width: 586px;
    font-family: Tahoma;
    background-color: white;
    font-size: 14px;
    font-weight: bold;
    opacity: 1.0;
    border: 5px solid #81BC87;
    border-radius: 10px;
}

.imgEmpresa {
    max-height: 60px;
    float: right;
    overflow: hidden;
    display: block;
}
/*position: absolute; right: 10px; top: 9px; }*/

.imgEmpresaInteligentes {
    position: absolute;
    top: 18px;
    right: 40px;
    max-width: 280px;
    max-height: 80px;
    border-radius: 6px
}

.imgCabecalhoInteligentes {
    border-radius: 0 0 8px 8px;
    margin-bottom: 5px;
    border-bottom: 2px solid #DDDDDD
}

.btnPagouInteligentes, .btnNaoPagouInteligentes {
    background: var(--verde);
    border-radius: 3px;
    text-indent: 0;
    border: 0;
    display: inline-block;
    color: #ffffff;
    font: 16px Verdana;
    font-style: normal;
    height: 50px;
    line-height: 50px;
    width: 300px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.btnPagouInteligentes {
    background: var(--verde);
}

.btnNaoPagouInteligentes {
    background: var(--verde);
}

    .btnPagouInteligentes:hover, .btnNaoPagouInteligentes:hover {
        background: var(--verde-transparente);
    }

#lkPonto, #btnGerarFaturamento {
    cursor: pointer;
    border-radius: 2px;
    display: block;
    padding: 8px 0;
    margin-bottom: 15px;
    min-height: 8px;
    background-color: #67bcc4;
    width: 100%;
    border: 0;
    color: white;
    font: 13px Verdana;
}

/* Tradução  */
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover {
    display: none !important;
}

.textoTraducao {
    font-family: calibri, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #034913;
    overflow: hidden;
    margin-left: 10px;
}

.messagepop {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    cursor: default;
    display: none;
    margin-top: 15px;
    position: absolute;
    text-align: left;
    width: 394px;
    z-index: 50;
    padding: 25px 25px 20px;
}

    .messagepop p, .messagepop.div {
        border-bottom: 1px solid #EFEFEF;
        margin: 8px 0;
        padding-bottom: 8px;
    }

#ContentPlaceHolder1_divSignosIcones img {
    width: 55px;
    margin-right: 45px;
    margin-top: 10px;
}

#divSignosIcones img {
    width: 55px;
    margin-right: 45px;
    margin-top: 10px;
}

.lblVideoAula {
    font-family: calibri, Arial, Helvetica, sans-serif;
    color: red;
    font-size: 20px;
}

.tabelaTotaisVoceImplantes {
    width: 720px;
    border: 1px solid #B3C7C2;
    padding: 5px;
}

.FrameVoceImplantesContasReceber {
    position: absolute;
    border: 1px solid #666666;
    padding: 10px;
    background-color: White;
    left: 598px;
    right: 0;
    top: 175px;
    width: 400px;
    margin: auto;
    z-index: 1;
}

#divOpenLog {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 18px;
    cursor: pointer;
    display: none;
}

#lblLog {
    background-color: #666666;
    display: block;
    font: 13px Verdana;
    color: white;
    text-align: center;
    padding: 5px;
    margin: 5px 0;
    border-radius: 2px;
}

    #lblLog:empty {
        display: none;
    }

#divSetaAgendasAnteriores {
    position: absolute;
    top: 12px;
    left: 0;
}

#divSetaAgendasProximas {
    position: absolute;
    top: 12px;
    right: 0;
}

#divSetaAgendasAnteriores {
    position: absolute;
    top: 12px;
    left: 0;
}

#divSetaAgendasProximas {
    position: absolute;
    top: 12px;
    right: 0;
}

/*Inicio icones botoes*/

/*#btnExportar{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 98% -31px;
padding-right: 30px;
}

#btnGravar, #btnSalvarImg, #btnSalvar, #btnGravarServico{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 98% -198px;
padding-right: 65px;
}

#btnVoltar, #btnVoltarInicio, #volta2, #btnVoltarPedido, .btnVoltar{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 98% -365px;
padding-right: 65px;
}

#btnExcluir, #btnExcluir1 , #btnExcluirImagem{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 98% -171px;
padding-right: 65px;
}

.btnBuscar, #btnBuscar, #btnGerar, #btnBuscarPaciente, #UCCidadeSIBComercial_btnBuscarPaciente, #UCCidadeSIBResidencial_btnBuscarPaciente, #btnBuscarTitular, #btnBuscarComl , #btnBuscarIndicacao{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 98% -58px;
padding-right: 65px;
}

#btnIncluir, #btnIncluirTemplate, #btnIncluirr{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 98% -255px;
padding-right: 65px;
}

#btnAgenda{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 98% -4px;
padding-right: 75px;
}

#btnImprimir, #btnImpressao, #btnImp, #btnImpressaoProntuario{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 98% -226px;
padding-right: 65px;
}

#btnOk{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 105% -309px;
padding-right: 15px;
}

#btnEtiqueta, #btnLeitor 
{
    background-image:  url(../Imagens/botoes/Icones/iconesBotoes.png);
    background-repeat: no-repeat;
    background-position: 102% -388px;
}

#btnOdontograma, #btnDigitacaoRapida, #btnPlano,#btnProtese{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 104% -282px;
padding-right: 105px;
}

#ContentPlaceHolder1_btnOdontograma, #ContentPlaceHolder1_btnDigitacaoRapida, #ContentPlaceHolder1_btnPlano,#ContentPlaceHolder1_btnProtese{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 104% -282px;
padding-right: 105px;
}

#btnRelatorios, #btnRelatorio{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 104% -338px;
padding-right: 85px;
}

#btnIncluirr{
background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
background-repeat: no-repeat;
background-position: 90% -338px;
padding-right: 65px;
}

#btnTotais, #btnFinanceiro, .btnFinanceiro
{
    background-image:  url(../Imagens/botoes/Icones/iconesBotoes.png);
    background-repeat: no-repeat;
    background-position: 102% -87px;
}

#btnGerarFaturamento
{   
    background-color: #E4933C;    
    background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
    background-repeat: no-repeat;
    background-position: 94% -80px;
    width: 180px;
    padding:10px 0;
    color: #ffffff;
    border: none;
    border-radius:5px;
    cursor:pointer;
    font: 12px calibri;
    margin-bottom: 15px;
}

/*#btnBemVindo 
{   
    width: 180px;
    padding:5px;
    color: #333333;
    border: none;
    border-radius:5px;
    cursor:pointer;
    font: 12px calibri;
    margin-bottom: 15px;
    background-color:#F8F8F8;
    height: 30px;
    font-weight:bold;
    background-repeat: no-repeat;
    background-position: 108% 38%;
}*/

/*Fim icones botoes*/
table {
    border: none;
}

    table#dtgDados {
        margin-top: 10px;
    }

#div-content-home {
    overflow: auto;
}

#div-videos-home {
    margin-bottom: 10px;
    z-index: 0;
    padding: 30px 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    background-color: #F8F8F8;
    /*border-top: 3px solid var(--verde); /*#67bcc4;*/ */ position: relative;
    text-align: left;
}

    #div-videos-home #titulo-videos-home, #div-videos-home #titulo-videos-home a {
        font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
        display: block;
        margin-bottom: 10px;
        font-size: 18px;
        color: var(--verde); /*#67bcc4;*/
        text-align: center;
    }

        #div-videos-home #titulo-videos-home a {
            display: inline-block;
        }

    #div-videos-home .div-video {
        padding: 15px;
        display: inline-block;
        margin: 10px;
        width: 14%;
        vertical-align: top;
        text-align: center;
        /*border: 1px solid var(--verde-transparente); /*#ececec;*/
        height: 100px;
    }

    #div-videos-home .div-video2 {
        padding: 15px;
        display: inline-block;
        margin: 10px;
        width: 14%;
        vertical-align: top;
        text-align: center;
        border: 1px solid var(--verde-transparente); /*#ececec;*/
        height: 100px;
    }

        #div-videos-home .div-video:hover {
            /*background-color: #f3fbf7; /*#f0f7f8;*/
        }

        #div-videos-home .div-video .titulo-video-home {
            font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
            display: block;
            margin: 10px 0;
            font-size: 20px;
            color: #333333;
        }

#divTerminalSaudeService {
    text-align: left;
    font-family: Verdana;
    font-size: 13px;
    margin-bottom: 15px;
    display: none;
    background-color: var(--verde); /*#67bcc4;*/
    color: white;
    padding: 12px 15px;
}

    #divTerminalSaudeService .descricao-terminal {
        color: #276b71;
        cursor: pointer;
    }

    #divTerminalSaudeService #dropTerminal {
        display: none;
    }

#divModuloLogin {
    position: relative;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    font-family: Verdana;
    font-size: 13px;
    color: #666666;
}

    #divModuloLogin .div-titulo {
        float: left;
        width: 25%;
    }

    #divModuloLogin .titulo, #divModuloLogin .descricao {
        display: block;
        margin-bottom: 8px;
    }

    #divModuloLogin .descricao {
        color: #999999;
    }

    #divModuloLogin .tipo-usuario {
        display: block;
        margin-bottom: 20px;
    }

        #divModuloLogin .tipo-usuario:empty {
            display: none;
        }

.NovidadeSistema:hover {
    cursor: pointer;
    background-color: #D7EBD9;
}

/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons
*/

@font-face {
    font-family: 'weather';
    src: url('../fonts/weather/artill_clean_icons-webfont.eot');
    src: url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'), url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#map-canvas {
    width: 270px;
    height: 165px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

#weather {
    width: 270px;
    height: 165px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 5px;
    float: left;
    border-radius: 5px;
}

    #weather i {
        color: #fff;
        font-family: weather;
        font-size: 100px;
        font-weight: normal;
        font-style: normal;
        line-height: 1.0;
    }

.icon-0:before {
    content: ":";
}

.icon-1:before {
    content: "p";
}

.icon-2:before {
    content: "S";
}

.icon-3:before {
    content: "Q";
}

.icon-4:before {
    content: "S";
}

.icon-5:before {
    content: "W";
}

.icon-6:before {
    content: "W";
}

.icon-7:before {
    content: "W";
}

.icon-8:before {
    content: "W";
}

.icon-9:before {
    content: "I";
}

.icon-10:before {
    content: "W";
}

.icon-11:before {
    content: "I";
}

.icon-12:before {
    content: "I";
}

.icon-13:before {
    content: "I";
}

.icon-14:before {
    content: "I";
}

.icon-15:before {
    content: "W";
}

.icon-16:before {
    content: "I";
}

.icon-17:before {
    content: "W";
}

.icon-18:before {
    content: "U";
}

.icon-19:before {
    content: "Z";
}

.icon-20:before {
    content: "Z";
}

.icon-21:before {
    content: "Z";
}

.icon-22:before {
    content: "Z";
}

.icon-23:before {
    content: "Z";
}

.icon-24:before {
    content: "E";
}

.icon-25:before {
    content: "E";
}

.icon-26:before {
    content: "3";
}

.icon-27:before {
    content: "a";
}

.icon-28:before {
    content: "A";
}

.icon-29:before {
    content: "a";
}

.icon-30:before {
    content: "A";
}

.icon-31:before {
    content: "6";
}

.icon-32:before {
    content: "";
}

.icon-33:before {
    content: "6";
}

.icon-34:before {
    content: "";
}

.icon-35:before {
    content: "W";
}

.icon-36:before {
    content: "";
}

.icon-37:before {
    content: "S";
}

.icon-38:before {
    content: "S";
}

.icon-39:before {
    content: "S";
}

.icon-40:before {
    content: "M";
}

.icon-41:before {
    content: "W";
}

.icon-42:before {
    content: "I";
}

.icon-43:before {
    content: "W";
}

.icon-44:before {
    content: "a";
}

.icon-45:before {
    content: "S";
}

.icon-46:before {
    content: "U";
}

.icon-47:before {
    content: "S";
}

#weather h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 80px;
    font-weight: 300;
    text-align: center;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
    margin: 0;
    padding: 0;
}

#weather li {
    background: #fff;
    background: rgba(255,255,255,0.90);
    padding: 10px;
    display: inline-block;
    border-radius: 5px;
}

#weather .currently {
    margin: 0 20px;
}

/* ADM */
#pnlADM {
    font-family: calibri, Arial, Helvetica, sans-serif;
    border: 1px solid #999999;
    background-color: White;
    border-radius: 10px;
    padding: 10px;
    width: 90%;
    margin: 15px auto;
}

    #pnlADM table {
        font-size: 13px;
    }

/* FIm ADM */

.painelBranco {
    background: white;
    border-radius: 3px;
    border: 1px solid #999999;
}
/* Inicio Estilos Conrtatos SP Implantes */

.SPImplantesHtml {
    border-left: 35px solid #3b72a8;
}

.SPImpantesbody {
    font-family: arial;
    margin: 0 auto;
    font-size: 12px;
    width: 100%
}

.SPImpantesTitulo {
    text-align: center;
    font-family: arial;
    font-size: 32px;
    color: #0d235f;
    margin-top: 0;
    margin-bottom: 5px;
}

.SPImpantesmain {
    width: 100%;
    margin-left: 70px;
    text-align: left
}

/* Fim Estilos Conrtatos SP Implantes */

.labelFinanceiro {
    background-color: #EEF8FB;
    padding: 5px;
}

/* Upload OffLine */
.divLogUploadOffline {
    width: 80%;
    margin: auto;
    text-align: left;
    background: white;
    max-height: 200px;
    display: block;
    overflow: auto;
    padding: 5px;
    border-radius: 3px;
    font-size: 13px;
    font-family: Verdana;
}

.lblLogUploadGreen {
    color: Green;
}

.lblLogUploadRed {
    color: Red;
}

/* GerarContaFornecedor.aspx - Mapa Diario - Sistema Inteligentes */
.dtgContasFornecedor {
    width: 990px;
    margin: 10px 5px;
    text-align: center;
}

    .dtgContasFornecedor td {
        border: 0;
    }

        .dtgContasFornecedor td:first-child {
            width: 180px;
        }

    .dtgContasFornecedor tr {
        height: 30px;
    }

        .dtgContasFornecedor tr:nth-child(odd) {
            background-color: #FFFFFF;
        }

        .dtgContasFornecedor tr:first-child {
            background-color: #F4F4F4;
        }

.titleContasFornecedor {
    color: #333333;
    font-size: 13px;
    margin: 10px 5px;
    font-weight: 700;
    display: block;
    margin-top: 20px;
    font-family: verdana;
}

.btnCalcularContasFornecedor {
    margin-left: 5px;
}

.subTotalContasFornecedor, .subTotalRContasFornecedor {
    color: #333333;
    font-size: 13px;
    margin: 10px 5px;
    font-weight: 700;
    font-family: verdana;
}

.subTotalRContasFornecedor {
    margin-left: 185px;
}

.formValorContasFornecedor {
    width: 70px;
    text-align: right;
}

/* ListaPedidoCompraNovo.aspx */
#pnlGrupoPedido {
    position: fixed;
    background: white;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #999999;
    box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.4);
    top: 120px;
    left: 0;
    right: 0;
    width: 600px;
    max-height: 300px;
    overflow: auto;
    z-index: 9999;
}

/* Controle Horario Inteligentes - Pagina Inicial */
#divControleHorario {
    position: fixed;
    background: white;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #999999;
    box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.4);
    top: 40px;
    left: 50%;
    width: 60%;
    margin-left: -30%;
    z-index: 9999;
}

#iframeControleHorario {
    width: 100%;
    height: 450px;
    border: 0;
    margin-bottom: 10px;
}

.ModalDentalisHome {
    position: fixed;
    background: white;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #cdcaca;
    box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.4);
    top: 80px;
    left: 50%;
    width: 30%;
    margin-left: -15%;
    z-index: 9999;
}

/* Tooltip Agenda OnClick */
.tooltip-agenda {
    position: absolute;
    background: white;
    padding: 20px;
    border-radius: 0 12px 12px 12px;
    border: 1px solid #999999;
    font-size: 14px;
    font-family: Calibri;
    width: 245px;
}

.fechar-tooltip-agenda {
    cursor: pointer;
    background-image: url(../Imagens/botoes/Icones/iconesBotoes.png);
    background-repeat: no-repeat;
    background-position: 98% -170px;
    padding-right: 30px;
    width: 16px;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 5px;
}

/* Effects */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0; /* make things invisible upon start */
    -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#divDigitacaoRapida {
    width: 300px;
    height: 200px;
    position: absolute;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -150px;
    background-color: #F00;
}

.divBotoes {
    text-align: center;
    margin: 10px 0;
}

.icon-cartao-credito {
    background: url('../Imagens/icon-cartao-credito.png');
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 195px 2px;
    padding-right: 41px;
    display: none;
}

.chkTEF {
    display: none;
}

.ulTab {
    margin: 15px 0 -5px 0;
    list-style-type: none;
    line-height: 35px;
    max-height: 35px;
    overflow: hidden;
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
}

    .ulTab > li.active {
        z-index: 2 !important;
        background: #F3F3F3 !important;
    }

    .ulTab > li.liTab {
        float: right;
        margin: 5px -10px 0;
        border-top-right-radius: 25px 170px;
        border-top-left-radius: 20px 90px;
        padding: 7px 40px 0 35px;
        height: 170px;
        background: #e0e0e0;
        position: relative;
        box-shadow: 0 10px 9px rgba(0,0,0,.4);
        max-width: 200px;
        cursor: pointer;
        font: 13px Verdana;
    }

        .ulTab > li.liTab > a {
            display: inline-block;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            text-decoration: none;
            color: #222;
        }

.textoUnderline {
    text-decoration: underline;
}


/* CLASSES UTILIZADAS NOS RELATORIOS - CLASSES PADROES - UTILIZADAS EM TODOS OS RELATORIOS */

.texto-relatorio_Rel {
    font: 13px Verdana;
}

.titulo_relatorio_Rel {
    font: 13px Verdana;
    page-break-after: avoid;
}

.colTabela_Rel {
    font: 13px Verdana;
    width: 80px;
    white-space: nowrap;
    text-align: center;
}

.colTabelaMonetario_Rel {
    font: 13px Verdana;
    width: 80px;
    white-space: nowrap;
    text-align: right;
}

.colTabela_Left_Rel {
    text-align: left;
}

.colTabela_Rel, .colTabela_Left_Rel, .colTabelaMonetario_Rel {
    padding-left: 5px;
    padding-right: 5px;
}

/* Listagem */
.CabTabela_Rel, .CabTabela_Rel a:link, .CabTabela_Rel a:visited {
    font: 13px Verdana;
    color: #000000;
    height: 35px;
    text-decoration: none;
    text-align: center;
    background: #DDDDDD;
    border: transparent;
    font-weight: normal !important;
    /*width: 100%;
    height:100%*/
}

.tabelaGrid_Rel {
    border: transparent;
    
}

/* CLASSES UTILIZADAS NA IMPRESSAO (PRINT) DOAS RELATORIOS - CLASSES PADROES - UTILIZADAS EM TODOS OS RELATORIOS */

.dataGrid_Print .tabelaGrid_Rel thead {
    display: table-row-group;
}

.dataGrid_Print .tabelaGrid_Rel {
    page-break-inside: avoid;
}

.dataGrid_Print {
    max-height: 100%;
}

.divCabecalho_Print img {
    max-width: 200px;
}

.divCabecalho_Print {
    font: 13px Arial;
    padding-left: 20px;
    padding-top: 20px;
    margin-bottom: 40px;
}

.tituloRelatorio_Print {
    font: 16px Verdana;
    page-break-after: avoid;
}

.dataGrid_Print .listagemZebra {
    height: 22px !important;
}

.dataGrid_Print .listagem1 td, .dataGrid_Print .listagem2 td {
    padding: 6px 6px;
}

.dataGrid_Print a, .dataGrid_Print a:link, .dataGrid_Print td {
    text-decoration: none !important;
}

.dataGrid_Print .esconder_Print, .dataGrid_print .EscondeNaImpressao {
    display: none;
}

.divCabecalho_Print img {
    float: left;
    border: transparent thin solid;
    padding: 5px;
    margin: 0px 10px 10px 0;
    max-width: 200px;
}

.voidBreakAfter {
    page-break-after: avoid;
}


.dataGrid_Print .titulolistagem td,
.dataGrid_Print thead tr:last-child td,
.dataGrid_Print thead tr:last-child th,
.dataGrid_Print .cabecalhoImp td,
.dataGrid_Print .cabecalho .CabTabela_Rel {
    border-left: 0px;
    border-bottom: 1px solid black !important;
    border-right: 0px;
    border-top: 0px;
    border-width: thin;
}

.avoidBreakInside {
    page-break-inside: avoid;
}

.dataGrid_Print .limitarCaracteres30px {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media print {
    .visivel-somente-impressao {
        display: block;
    }

    .titulolistagem {
        border-bottom: 1px solid black;
    }
}