@charset "UTF-8";

:root {
    /* Primary Colors - Tons de Azul do Prime Antigo */
    --primary-color100: #EFF8FB;
    --primary-color200: #C1E4F0;
    --primary-color300: #90CFE4;
    --primary-color400: #63BCD9;
    --primary-color500: #32A6CD;
    --primary-color600: #2A8CAC;
    --primary-color700: #22718C;
    --primary-color800: #144352;
    --primary-color900: #0A2129;
    --main-primary-color: #00809F; /* main-color */
    /* Secondary Colors - Tons de Verde Pastel (Site da Eco) */
    /* Secondary 1 */
    --secondary-color-a-100: #EFFAF9;
    --secondary-color-a-200: #C4EDE8;
    --secondary-color-a-300: #96DFD5;
    --secondary-color-a-400: #6BD1C4;
    --secondary-color-a-500: #3CC3B1;
    --secondary-color-a-600: #309C8E;
    --secondary-color-a-700: #226D63;
    --secondary-color-a-800: #184E47;
    --secondary-color-a-900: #0C2723;
    /* Secondary 2 */
    --secondary-color-b-100: #EBF4FF;
    --secondary-color-b-200: #B3E8FF;
    --secondary-color-b-300: #75D6FF;
    --secondary-color-b-400: #3DC5FF;
    --secondary-color-b-500: #00B2FF;
    --secondary-color-b-600: #008FCC;
    --secondary-color-b-700: #006894;
    --secondary-color-b-800: #004766;
    --secondary-color-b-900: #002433;
    /* Grayscale */
    --white: #fff;
    --gray100: #F8F9FA;
    --gray200: #E9ECEF;
    --gray300: #DEE2E6;
    --gray400: #CED4DA;
    --gray500: #ADB5BD;
    --gray600: #6C757D;
    --gray700: #495057;
    --gray800: #343A40;
    --gray900: #212529;
    --black: #000;
    /* Complementar */
    --complementary01: #9E4C00;
    /* Cores de Destaque */
    --highlight-color01: #BEF272 /* verde de destaque - logo sistema (tom mais amarelo) */;
    --highlight-color02: #A3F268; /* verde de destaque - logo sistema (tom mais verde) */
    --highlight-color03: #B8336A; /* rosa de destaque */
    --highlight-color04: #C490D1; /* lilás de destaque */

    /* transparency: 100% - 80% - 64% - 56% - 40% - 24% - 16% - 8% - 4% */

    font-size: 62.5%; /* 10px */
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-size: 1.6rem;
    font-family: var(--font-main);
}

html, body, form {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font: normal 14px/1.5em : Tahoma, Geneva, sans-serif !important;
}

form {
    cursor: default;
}

/* <header> */


.fundoFakeBody {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    border: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.fakeBody {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.acoes {
    display: inline-block;
    font: 11px/20px Tahoma,Geneva,sans-serif;
    height: auto;
    text-align: center;
    text-decoration: none;
    width: 60px;
}

    .acoes img {
        margin: 0 auto;
        text-decoration: none;
        border: 0;
    }

.loginView {
    margin: 0 auto;
    text-decoration: none;
    border: 0;
}


/*TOPO */

#topo {
    background: url("images/bgTopo.png") repeat-x scroll left top transparent;
    float: left;
    height: 59px;
    min-width: 960px;
    width: 100%;
}

#logo {
    width: 165px;
    height: 38px;
    float: left;
    margin: 7px 40px 0 10px;
}

#info {
    float: left;
    height: 53px;
    margin-right: 10px;
    max-width: 300px;
    min-width: 190px;
    overflow: hidden;
    width: auto;
}

#titUnidade {
    margin: 8px 0 0 0 !important;
}

    #titUnidade span {
        color: #fff;
        font: bold 12px/22px Tahoma !important;
        margin: 10px 0 0 0 !important;
    }

#breadcrumb a {
    font: 11px/11px Tahoma, Geneva, sans-serif;
    color: #fff;
    text-decoration: none;
    padding-right: 4px;
}

    #breadcrumb a:hover {
        color: #fff;
        text-decoration: underline;
    }

#dadosAcoes {
    height: 53px;
    float: right;
    width: auto;
    min-width: 510px;
}

#boxDados {
    background: none repeat scroll 0 0 /*red*/;
    float: left;
    height: 53px;
    overflow: hidden;
}

.dados {
    float: left;
    height: 20px;
    font: 11px/20px Tahoma, Geneva, sans-serif;
    margin-right: 5px;
}

    .dados img {
        float: left;
        margin-right: 5px;
    }

.textDados {
    float: left;
    height: 20px;
    font: 11px/20px Tahoma, Geneva, sans-serif;
    color: #fff;
}

#nomePaciente, #nomeMedicoFamilia {
    width: 160px;
}

#nomeUnidade, #nomeGrupo {
    width: 110px;
}

#nomePaciente, #nomeUnidade {
    margin-top: 8px;
}

#nomeMedicoFamilia, #nomeGrupo {
    margin-top: 2px;
}

#boxSessaoExpira {
    background: none repeat scroll 0 0;
    float: left;
    height: 53px;
    width: auto;
    overflow: hidden;
}

    #boxSessaoExpira img {
        float: left;
        margin-right: 5px;
    }

.textSessaoExpira {
    height: 20px;
    font: 11px/20px Tahoma, Geneva, sans-serif;
    color: #fff;
    margin-top: 8px;
}

#nomeSessaoTempo {
    margin-top: 2px;
    margin-left: 10px;
}

.textTempo {
    float: left;
    height: 20px;
    font: 11px/20px Tahoma, Geneva, sans-serif;
    color: #fff;
}

#boxAcoes {
    background: none repeat scroll 0 0 transparent;
    border-left: 1px solid #137F9A;
    float: left;
    height: 38px;
    margin-left: 20px;
    margin-top: 10px;
    overflow: hidden;
    padding-left: 20px;
    width: auto;
}

.acoes {
    display: inline-block;
    font: 11px/20px Tahoma,Geneva,sans-serif;
    height: auto;
    text-align: center;
    text-decoration: none;
    width: 60px;
}

    .acoes img {
        margin: 0 auto;
        text-decoration: none;
        border: 0;
    }

.textAcoes {
    height: 20px;
    font: 11px/20px Tahoma, Geneva, sans-serif;
    color: #fff;
    display: block;
}

/*Container*/
.AreaEsquerda {
    background-color: White;
    height: 100%;
    float: left;
    width: 180px;
    overflow-y: auto;
}

.AreaDireita {
    background-color: White;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 100%;
    float: left;
    width: 189px;
}


.box_base {
    float: left;
    background: White;
    width: 100%;
    /*border: 1px solid #D8E5EC;   padding:10px;*/
}

/*.box_inner {
}

.box_form {
    width: 100%;
    float: left;*/ /*    position:relative;     clear:both; */
/*}*/

fieldset {
    height: max-content;
    width: 94%;
    background: var(--gray200);
    border: 1px solid var(--gray500);
    margin-top: 5px;
    padding: 8px;
    border-radius: 5px;
    /*margin: 40px 8px 16px 8px;*/ /* antigo */
    margin: 12px 8px 16px 8px;
    box-shadow: 0 0 8px rgb(0 0 0 / 40%);
    position: relative;
}

.fieldsetSemFundo {
    background-color: transparent;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    margin-top: 5px;
}


fieldset legend {
    font: bold 14px "Segoe UI", Arial, sans-serif !important;
    border: 1px solid var(--gray500);
    /*border-bottom: 1px solid var(--gray200);*/
    /*border-radius: 4px 4px 0 0;*/
    border-radius: 4px;
    padding: 2px 4px;
    /*background-color: var(--gray200);*/
    background-color: var(--white);
    /*position: absolute;*/ 
    /*top: -24px;*/ 
    /* margin-top: 8px; */
    /* margin-bottom: 6px; */
    color: var(--primary-color700);
    font-size: 14px;
    box-shadow: 0px -5px 5px -5px rgba(0, 0, 0, 0.4), 5px 0px 5px -5px rgba(0, 0, 0, 0.4), -5px 0px 5px -5px rgba(0, 0, 0, 0.4);
    float: initial;
    width: auto;
}

.FieldSet_Inner_Container {
    float: left;
    width: 100%;
}

.fieldsetDetail {
    background-color: white !important;
    border-color: #000 !important;
    border-style: solid !important;
    border-width: 1px !important;
    margin-bottom: 5px !important;
}

    .fieldsetDetail legend {
        font-size: 12px !important;
        font-family: Arial;
        background: White;
    }

/*
.box_form fieldset
{
    float:left;
    background: whiteSmoke;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    padding:10px 10px 10px 10px;
    width:98%;
}

*/

.DefaultDivBackground {
    background-color: White;
}

.DefaultDivDarkBackground {
    background-color: White;
}

.SoapEditPart {
    background-color: #E4E0E0;
}

/*botoes*/
.divBtAcoes {
    float: left;
    width: 100%;
    text-align: left;
    background-color: var(--primary-color200);
    /*border-top: 1px solid var(--primary-color400);*/
    /*border-left: 1px solid var(--primary-color400);*/
    border: 1px solid var(--primary-color500);
    /*border: 2px solid var(--main-primary-color);*/
    /*border-radius: 4px 0 0 0;*/
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 40px;
    padding-left: 1.0rem
}

.btAcoes {
    display: inline-block;
    border: 0;
    color: #444;
    text-align: right;
    cursor: pointer;
    border-right: 1px solid #AFAEAE;
}

    .btAcoes:hover {
        background-color: #E4E0E0;
    }

.btCadastro {
    background: #ccc url('images/iconpaciente.png') no-repeat left center;
    width: 110px;
}

.btImprimir {
    background: #ccc url('images/btimprimir.png') no-repeat left center;
    width: 80px;
}

.btSalvar {
    /*background: #ccc url('images/btSalvar.png') no-repeat left center;*/
    width: 93px;
}

.btLimpar {
    /*background: #ccc url('images/btLimpar.png') no-repeat left center;*/
    width: 70px;
}

.btAssinar {
    background: #ccc url('images/btAssinar.png') no-repeat left center;
    width: 80px;
}

.btDesfazer {
    background: #ccc url('images/btDesfazer.png') no-repeat left center;
    width: 93px;
}

.btExcluir {
    background: #ccc url('images/btExcluir.png') no-repeat left center;
    width: 86px;
}

.btCancelar {
    background: #ccc url('images/btCancelar.png') no-repeat left center;
    width: 86px;
}

.btFechar {
    background: #ccc url('images/btFechar.png') no-repeat left center;
    width: 75px;
}

.btRemoverMarcacao {
    background: #ccc url('images/btLimpar.png') no-repeat left center;
    width: 132px;
}

.btAgenda {
    background: #ccc url('images/calendar_big.gif') no-repeat left center;
    width: 93px;
}

.btCadastro {
    background: #ccc url('images/iconpaciente.png') no-repeat left center;
    width: 110px;
}

/*Questionario*/
.labelQuestionarioDinamico {
    width: 250px;
}

/*fomulario*/
/*.fieldContainer {
    width: 100%;
    float: left;
    margin: 2px 0px 2px 0px;
}

.dadosBannerFamilia {
    background-color: var(--primary-color200);
    width: 100%;
    float: left;
    height: 100%;
}

.dadosPacienteHorizontal {
    background-color: var(--primary-color200);
    width: 100%;
}

.labelinfosPaciente {
    font-weight: bold !important;
    color: var(--gray700);
}

.infosPacienteHorizontal {
    float: left;
    margin-left: 4px;
    font-size: 1.3rem;
}

.dadosAtendimentoHorizontal {
    background: var(--primary-color200);
    width: 100%;
    padding: 0 4px 8px 4px;
    font-size: 13px;
    color: var(--gray700);
}

.separator-line {*/ /* hr usada no BannerAtendimento do SOAP */
    /*width: 760px;
    margin: 0;
    color: var(--gray600);
    opacity: 0.6;
}*/

.FormatRadioButtonList label {
    margin-right: 25px;
}

/*SOAP*/

.soapConteudo {
    margin: 5px;
}

.soapContainer {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.soapConteudo textarea {
    padding: 2px 4px !important;
}

.soapConteudo h1 {
    color: var(--primary-color700);
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid var(--gray700);
}

.soapSecao {
    margin-left: 20px;
    margin-bottom: 10px;
    word-break: break-word;
}

    .soapSecao h2 {
        font-size: 12px;
        font-weight: bold;
        border-bottom: 1px solid gray;
    }

    .soapSecao fieldset lu {
        margin-left: 10px;
    }

        .soapSecao fieldset lu li {
            margin-left: 10px;
        }


.soapQuestionario {
    margin: 5px;
    color: Black !important;
}

    .soapQuestionario .labelForm {
        color: Black !important;
    }

/* Risco Atendimento */
.riscoatendimentoRadio td {
    text-align: center;
}

.riscoatendimentoCores td, .riscoAzul, .riscoVermelho, .riscoVerde, .riscoAmarelo {
    -moz-border-radius-bottomleft: 45px;
    -webkit-border-bottom-left-radius: 45px;
    border-radius: 45px;
    width: 35px;
    height: 35px;
}

.riscoAzul, .riscoVermelho, .riscoVerde, .riscoAmarelo {
    -moz-border-radius-bottomleft: 45px;
    -webkit-border-bottom-left-radius: 45px;
    border-radius: 45px;
    width: 15px;
    height: 15px;
}

.riscoAzul {
    background-color: Blue;
}

.riscoVermelho {
    background-color: Red;
}

.riscoVerde {
    background-color: Green;
}

.riscoAmarelo {
    background-color: Yellow;
}


.conteudoContainer {
    margin: 0px 5px 0px 5px;
}

.UltimaAtualizacao {
    float: left;
    text-align: right;
    width: 100%;
    font: normal 12px "Segoe UI", Arial, sans-serif !important;
}

.nestedItem {
    margin-left: 5px;
}

#containerBoxOdontograma {
    background: #fff;
    padding: 10px;
}
/*Estilo dos Dentes - Inicio*/
.divDentes {
    width: 100%;
    margin-bottom: 10px;
}

.tabelaDentes {
    width: 100%;
}

    .tabelaDentes tbody {
        width: 100%;
    }

.numeracaoDente td {
    font-size: 14px;
    text-align: center;
}

.tabelaDentes td {
    text-align: center;
    vertical-align: middle;
    border: 0px;
    padding: 5px 0;
}

.caixaDente {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 37px;
    height: 55px;
}

    .caixaDente div {
        position: absolute;
    }

    .caixaDente > img {
        position: absolute;
        cursor: pointer;
    }

.raiz1-3 {
    top: 0;
    left: 0;
    z-index: 1;
}

.raiz2-3, .raiz1-1 {
    top: 0;
    left: 13px;
    z-index: 1;
}

.raiz3-3 {
    top: 0;
    right: 0;
    z-index: 1;
}

.raiz1-2 {
    top: 0;
    left: 5px;
    z-index: 1;
}

.raiz2-2 {
    top: 0;
    right: 5px;
    z-index: 1;
}

.topoDente {
    top: 19px;
    left: 0;
    z-index: 1;
}

.ladoEsquerdoDente {
    top: 19px;
    left: 0;
    z-index: 1;
}

.meioDente {
    top: 28px;
    left: 9px;
    z-index: 1;
}

.ladoDireitoDente {
    top: 19px;
    right: 0;
    z-index: 1;
}

.baseDente {
    bottom: 0;
    left: 0;
    z-index: 1;
}
/*Estilo dos Dentes - Fim*/

.soapParte {
    float: left;
    width: 100%;
}

.RadPanelBar_Metro a.rpLink, .RadMenu_Metro a.rpLink, .RadMenu_Metro .rmText, .RadComboBoxDropDown_Metro .rcbItem, .RadComboBox_Metro .rcbInput {
    color: var(--gray800);
    
}

/* otimização RCB*/
/*div.RadComboBoxDropDown_Metro .rcbItem{
    background-color: var(--white);
}

    div.RadComboBoxDropDown_Metro .rcbHovered{
        background-color: var(--secondary-color-b-600);
        color: var(--white);
    }

    div.RadComboBoxDropDown .rcbScroll {
        background-color: var(--white);
        color: var(--gray800);*/
    /*}*/

/* otimização RCB */
.RadPanelBar_Metro a.rpSelected {
    border-bottom-width: 1px !important;
    border-color: var(--gray300)!important;
}

.RadPanelBar_Metro a.rpSelected, .RadPanelBar_Metro a.rpSelected span {
    background-color: var(--secondary-color-a-500) !important;
}

div.RadPanelBar_Metro ul.rpGroup .rpDisabled, div.RadPanelBar_Metro .rpGroup a.rpDisabled:hover {
    color: #e5e5e5 !important;
    text-decoration: none !important;
    border: 0 !important;
    padding: 1px !important;
}

.RadPanelBar_Metro .rpLink {
    border-color: var(--gray400) !important;
}

.tableVacina {
    border-width: 0px !important;
    border-style: none !important;
    border-spacing: 0px !important;
    border-color: transparent !important;
}

.labelVacina {
    font-size: 10px !important;
    float: left;
    margin-right: 2px;
}

.fieldVacina {
    font-size: 10px !important;
    float: left;
    font-weight: bold;
}

.PanelSemVacina {
    background: #DAE2E8;
    border-color: #DAE2E8 #DAE2E8 #DAE2E8 #DAE2E8 !important;
}

.PanelVacinaAplicada {
    background-color: #E8FCF6;
    cursor: pointer;
}

.PanelVacinaNaoAplicada {
    cursor: pointer;
}

#ctl00_ctl00_DefaultContent_ChildDefaultContent_UCCartaoVacina1_gridVacina .rgAltRow {
    background: White !important;
    border-top: 1px solid black !important;
}

    #ctl00_ctl00_DefaultContent_ChildDefaultContent_UCCartaoVacina1_gridVacina .rgAltRow td {
        border-color: #DAE2E8 white #DAE2E8 #DAE2E8;
        border-style: solid;
        border-width: 1px 1px 1px;
    }


.DivFichaB {
    background-color: #B6D9E2;
    cursor: pointer;
    border-bottom: 1px solid #25A0DA;
    height: 25px;
    color: Black !important;
    font-weight: bold;
}

    .DivFichaB:hover {
        background-color: #D8E5E6;
        cursor: pointer;
    }

#content {
    font-size: 12px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
}

.profresp {
    /*font-size: 10px;*/
    font-size: 12px;
    font-style: italic;
}

.unidaderesp {
    font-size: 10px;
    /*text-decoration: underline;*/
    font-weight: 700;
}


.rbl input[type="radio"] {
    margin-left: 10px;
    margin-right: 1px;
}

.SpaceBetweenRadioVertical input[type="radio"] {
    /*margin-bottom: 7px;*/
}

.divGestaoEncaminhamentos {
    float: left;
    margin-right: 20px;
}

.labelNotificacao {
    width: 150px;
}

.labelNotificacao2 {
    width: 100px;
}

.fieldNotificacao {
    width: 210px;
}

.RadMenuSelectedCssClass {
    font-weight: bold;
}

.btIconeFichaB {
    border: 0px !important;
    height: 26px!important;
    padding: 2px;
    border-radius: 4px;

}

    .btIconeFichaB:hover {
        border: 0px !important;
        background-color: var(--primary-color200)!important
    }

/*CSS para que o menu inferior esquerdo da DefaultMasterPage fique sempre embaixo*/
#RAD_SPLITTER_PANE_CONTENT_menuLeftPane {
    width: 180px;
    /*height: 150px;*/
    height: 305px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    margin-bottom: 2.4rem;
}

.tdSerIdentificacao {
    min-width: 280px;
    padding-right: 15px;
    padding-left: 3px;
}

.hyperlink-pesquisar-prontuario {
    cursor: pointer;
    border-top: 1px solid #cdcdcd;
    background: #f9f9f9;
    padding: 4px 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    color: #000000;
    font-size: 12px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}

    .hyperlink-pesquisar-prontuario:hover {
        border-top-color: #cdcdcd;
        background: #cdcdcd;
        color: #000000;
    }

    .hyperlink-pesquisar-prontuario:active {
        border-top-color: #cdcdcd;
        background: #cdcdcd;
    }


.hyperlink-mais-prontuario {
    cursor: pointer;
    color: blue;
    text-decoration: none
}

    .hyperlink-mais-prontuario:hover {
        cursor: pointer;
        color: blue;
        text-decoration: underline;
    }

.DropDownStyle {
    color: #000;
    background-color: rgba(255,255,255,0.7);
}


select[disabled].DropDownStyle {
    color: gray;
    background-color: gainsboro;
}

#divRevisionBottomRight {
    position: fixed;
    bottom: 0;
    right: 0;
    font-family: "Arial";
    font-size: small;
    margin-right: 5px;
    color: transparent;
    z-index: 999999;
}


.RadGridEstiloLink a {
    text-decoration: underline !important;
    color: #0066CC !important;
}

.RadGridEstiloLink a:hover {
    text-decoration: underline !important;
    color: black !important;
}

.RadGridEstiloLink a:visited {
    text-decoration: underline !important;
    color: purple !important;
}

.RadGridEstiloLink a {
    text-decoration: underline !important;
    /*color: #0066CC !important;*/
    /*color: var(--secondary-color-b-500) !important;*/
    /*color: var(--complementary01) !important;*/
    /*color: var(--highlight-color03) !important;*/
    color: var(--secondary-color-a-700) !important;
}

    .RadGridEstiloLink a:hover {
        text-decoration: none !important;
        color: black !important;
        /*color: var(--secondary-color-a-600) !important;*/
        /*color: var(--primary-color700) !important;*/
        /*color: var(--highlight-color03) !important;*/
        color: var(--secondary-color-a-700) !important;
    }

    .RadGridEstiloLink a:active {
        color: var(--highlight-color04) !important;
    }

    .RadGridEstiloLink a:visited {
        text-decoration: underline !important;
        color: var(--complementary01) !important;
    }