/********* ÁREA DE CLASES GENÉRICAS  
***************************************************************************************************************/
.calendarioAgendaAtendimento.achatado td {
    height: 59px;
}

.calendarioAgendaAtendimento {
    width: 100% !important;
    font-family: nunito;
    background-color: #fff;
    border-width: 0px;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
}

    .calendarioAgendaAtendimento .calendarioAgendaAtendimento {
        border-radius: 0px;
    }

    .calendarioAgendaAtendimento td {
        height: 80px;
        border: solid 1px #e8e8e8;
    }

    .calendarioAgendaAtendimento th {
        text-align: center;
        background-color: #ebf9ff !important;
        border: solid 1px #efefef;
        color: #4d9bc0 !important;
        padding: 5px;
        font-family: nunito;
        font-weight: 900;
        font-size: 14px;
    }

    .calendarioAgendaAtendimento tr th:first-child, .calendarioAgendaAtendimento tr th:last-child {
        background-color: #cfeaf6 !important;
    }

    .calendarioAgendaAtendimento a {
        text-decoration: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
        height: 100%;
        align-items: flex-start;
        font-size: 14px;
        font-weight: 700;
        font-family: 'nunito';
        color: #b2c9d6 !important;
        padding: 15px 14px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
    }

        .calendarioAgendaAtendimento a:hover {
            background-color: #f8f8f8;
            color: #689dbc !important;
        }

    .calendarioAgendaAtendimento tr:first-child a {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: bold;
        font-family: 'din-blackregular';
        color: #fff !important;
        padding: 26px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
    }

.botaoAnteriorProximo {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    font-family: 'din-blackregular';
    color: #fff !important;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

    .botaoAnteriorProximo:hover {
        background-color: #2984a6;
    }

    .botaoAnteriorProximo.anterior:before {
        content: "\f060" !important;
        font-family: FontAwesome;
        font-size: 28px;
        color: #ffffff;
    }

    .botaoAnteriorProximo.proximo:before {
        content: "\f061" !important;
        font-family: FontAwesome;
        font-size: 28px;
        color: #ffffff;
    }

    .botaoAnteriorProximo[disabled]:before {
        color: #7ab6cd !important;
    }

.calendarioDiaHoje a {
    background-color: #e2f4fa;
    color: #237897 !important;
    font-family: nunito;
    font-weight: 900;
    font-size: 16px;
    padding: 11px 13px;
    background-image: linear-gradient(45deg, #d7ebf2 28.57%, #def2f7 28.57%, #def2f7 50%, #d7ebf2 50%, #d7ebf2 78.57%, #def2f7 78.57%, #def2f7 100%);
    background-size: 9.90px 9.90px;
}

    .calendarioDiaHoje a:hover {
        background-color: #cee6ee;
        color: #237897 !important;
    }

.calendarioDiaSelecionado a {
    background-color: #f5ffd1;
    color: #8bb200 !important;
    font-family: nunito;
    font-weight: 900;
    font-size: 16px;
    padding: 11px 13px;
}

    .calendarioDiaSelecionado a:after {
        content: "\f00c" !important;
        font-family: FontAwesome;
        font-size: 20px;
        color: #99bb1d;
    }

.calendarioDiaDesativado {
    vertical-align: text-bottom;
    color: #a2a1a1 !important;
    font-family: nunito;
    font-weight: 700;
    font-size: 14px;
    padding: 11px 13px;
    text-align: left;
    background-image: linear-gradient(45deg, #f0f0f0 28.57%, #fafafa 28.57%, #fafafa 50%, #f0f0f0 50%, #f0f0f0 78.57%, #fafafa 78.57%, #fafafa 100%);
    background-size: 9.90px 9.90px;
}

.calendarioDiaPadrao {
    background-color: #fff !important;
}

.ajudaUsuarioBotao {
    background-color: rgb(230, 145, 72);
    border-radius: 15px;
    color: white;
    padding: 1px 2px 5px 5px;
    font-family: din-blackregular;
    font-size: 11px;
    /* margin-left: 197px; */
    position: absolute;
    left: 0;
    top: -10px;
    cursor: help;
    width: max-content;
    right: 0;
}

    .ajudaUsuarioBotao:before {
        font-family: FontAwesome;
        content: "\f05a";
        color: white;
        margin-right: 3px;
        font-size: 19px;
        top: 2px;
        position: relative;
    }

.calendarioDiaPadrao {
    height: 80px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'nunito';
    color: #e4e4e4 !important;
    padding: 11px 11px 0px 13px;
    text-align: left;
    vertical-align: baseline;
}


.calendarioDiaBloqueado a {
    color: #c86868 !important;
    font-family: nunito;
    font-weight: 900;
    font-size: 16px;
    padding: 11px 13px;
    background-image: linear-gradient(45deg, #faf0f0 28.57%, #fff5f5 28.57%, #fff5f5 50%, #faf0f0 50%, #faf0f0 78.57%, #fff5f5 78.57%, #fff5f5 100%);
    background-size: 9.9px 9.9px;
}

    .calendarioDiaBloqueado a:hover {
        background-image: linear-gradient(45deg, #faf0f0 28.57%, #fff5f5 28.57%, #fff5f5 50%, #faf0f0 50%, #faf0f0 78.57%, #fff5f5 78.57%, #fff5f5 100%);
        background-size: 9.9px 9.9px;
        color: #c86868 !important;
    }

    .calendarioDiaBloqueado a:after {
        content: "\f05e" !important;
        font-family: FontAwesome;
        font-size: 20px;
        color: #c86868 !important;
    }


.calendarioDiaBloqueado a {
    text-align: left;
}

.calendarioAgendaAtendimento td {
    height: 80px;
    border: solid 1px #e8e8e8;
}

.calendarioAgendaAtendimento tr:first-child a:hover {
    background-color: #2984a6;
}


.calendarioAgendaAtendimento.dadosVerticais a {
    flex-direction: column;
}

.calendarioAgendaAtendimento.dadosVerticais .calendarioDiaBloqueado a:after {
    content: none !important;
}

.calendarioAgendaAtendimento.dadosVerticais .calendarioAgendaAtendimentoBloqueios a {
    text-decoration: none;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 100%;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 700;
    font-family: 'nunito';
    color: #b2c9d6 !important;
    padding: 10px 10px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

.calendarioAgendaAtendimento.dadosVerticais .calendarioDiaDesativado {
    vertical-align: text-bottom;
    font-family: nunito;
    font-weight: 700;
    padding: 11px 13px;
    text-align: left;
    background-color: #f9f9f9;
    background-size: 9.90px 9.90px;
    background-image: none !important;
    font-size: 14px;
    color: #939393 !important;
}

    .calendarioAgendaAtendimento.dadosVerticais .calendarioDiaDesativado .dataCelulaAgendaMensalCelula {
        width: 100%;
        display: block !important;
        color: #b7b7b7 !important;
        border-bottom: solid 1px #e9e9e9;
        font-size: 14px;
        margin-bottom: 11px;
    }

td.calendarioDiaDesativado span.dataCelulaDescricao {
    background-image: none !important;
    font-size: 8.7px;
    color: #8b8b8b !important;
    border: none !important;
    font-family: Swis721CnBTBold;
}

.dataCelulaDescricao {
    border: solid 1px #95c1d1;
    box-sizing: border-box;
    color: #75a1b5;
    border-radius: 3px;
    display: inline-block;
    padding: 1px 2px 0px 2px;
    font-weight: 900 !important;
    margin-bottom: 2px;
}

.ocultarDia {
    visibility: hidden;
    pointer-events: none;
}

.qtdBloqueio {
    margin-top: -19px;
    position: relative;
    right: 11px;
    font-size: 11px;
    float: right;
    width: 20px;
    font-family: arial;
    height: 20px;
    background-color: #c86868;
    color: #fff;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -11px;
}

.calendarioAgendaAtendimento tr:first-child td {
    padding: 0px;
    background-color: #2f8db0;
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    font-family: nunito;
    font-weight: 900;
    border: none !important;
}

.calendarioAgendaAtendimento td.prevNext > a {
    display: none;
}

.calendarioAgendaAtendimento td.prevNext {
    font-size: 0px !important;
}

.horariosCelulaAgendaMensal {
    font-size: 8.7px;
    color: #939393;
    text-align: left;
    font-family: Swis721CnBTBold;
    font-weight: normal;
}

.dataCelulaAgendaMensalCelula {
    width: 100%;
    border-bottom: solid 1px #e7f3f9;
    margin-bottom: 10px;
    text-align: left;
    color: #a1c0d1 !important;
}

.botaoHorariosAgenda {
    background-color: #7aa8c3;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    color: #fff;
    font-family: nunito;
    font-weight: 700;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

    .botaoHorariosAgenda:hover {
        background-color: #6f9db7;
    }


    .botaoHorariosAgenda:active {
        background-color: pink;
    }


.gridview button {
    background-color: #8dcaed;
    border: 1px solid #6aafd7 !important;
    padding: 6px 12px;
    border-radius: 4px;
    color: #fff;
    font-family: nunito;
    font-weight: 700;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

    .gridview button:hover, .gridview button:active, .gridview button:focus {
        background-color: #4392bf !important;
        border: 1px solid #6aafd7 !important;
        color: #fff !important;
    }

.horarioSelecionado {
    background-color: #1c3f54 !important;
}

.gradeConfiguracaoHorarios {
}

.row.gradeHorarios div div {
    height: 45px;
}

/* CORES */

.corAzul i {
    color: #00019a;
    font-size: 16px;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.corAmarela i {
    color: #fded01;
    font-size: 16px;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.corVermelha i {
    color: #dc0504;
    font-size: 16px;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.corVerde i {
    color: #dc0504;
    font-size: 16px;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.bgVerde {
    background: #0d910d !important;
}

a.bgVerde:hover {
    background: #0a890a !important;
}

.bgAzul {
    background: #67a1d4 !important;
}

.corDefault:before {
    color: unset !important;
}

.info {
    color: #161616;
    font-family: dinregular;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
}

    .info:before {
        font-family: FontAwesome;
        content: "\f05a";
        color: #2196f3;
        margin-right: 6px;
        font-size: 17px;
        top: 1px;
        position: relative;
    }

.infoUsuarioAzul:before {
    font-family: FontAwesome;
    content: "\f05a";
    color: #2196f3;
    margin-right: 3px;
    font-size: 17px;
    top: 2px;
    position: relative;
}

.infoUsuarioVerde:before {
    font-family: FontAwesome;
    content: "\f05a";
    color: #4caf50;
    margin-right: 3px;
    font-size: 17px;
    top: 2px;
    position: relative;
}

.infoUsuarioVermelho:before {
    font-family: FontAwesome;
    content: "\f05a";
    color: #e03f33;
    margin-right: 3px;
    font-size: 17px;
    top: 2px;
    position: relative;
}

.infoUsuarioAmarelo:before {
    font-family: FontAwesome;
    content: "\f05a";
    color: #fbab18;
    margin-right: 3px;
    font-size: 17px;
    top: 2px;
    position: relative;
}

.infoUsuarioCinza:before {
    font-family: FontAwesome;
    content: "\f05a";
    color: #fbab18;
    margin-right: 3px;
    font-size: 17px;
    top: 2px;
    position: relative;
}



.desabilitaHyperLink {
    pointer-events: none;
    cursor: default;
}


.RadioContentBorda {
    background-color: #f5f5f5;
    padding: 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #ea8e2d;
    display: block;
}


.campoTurno {
    font-family: dinregular;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    background: #629cd9;
    text-transform: uppercase;
    padding: 10px 8px 9px 8px;
    outline: none;
    border-top: 1px solid #629cd9;
    border-left: 1px solid #629cd9;
    border-bottom: 1px solid #629cd9;
    border-right: 1px solid #629cd9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}


.ListCampo {
    position: relative;
    padding-top: 31px;
}


.campoAjustavel {
    font-family: dinregular;
    font-size: 13px;
    color: #707070;
    text-transform: uppercase;
    background: #fbfbfb;
    text-transform: uppercase;
    padding: 10px 8px 9px 8px;
    outline: none;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    display: block !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

.CampoAlign {
    position: relative;
    float: left;
    margin-right: 12px;
}
/*.CampoAlign {position:relative; display:inline-block; margin-right:12px;}*/
.CampoRadioAlignMargem {
    position: relative;
    float: left;
    margin-right: 10px;
}

.CampoRadioAlign {
    position: relative;
    float: left;
}

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


.botaoPanel {
    background-color: Blue;
    padding: 9px 12px 9px 12px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    float: left;
    margin-right: 6px;
}

    .botaoPanel:hover {
        background-color: Black;
    }



.botaoPadrao {
    font-size: 12px;
    font-family: Arial;
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #67a1d4;
    padding: 0px 16px;
    line-height: 36px;
    height: 36px;
    text-decoration: none;
    background-color: #75acdc;
    color: #ffffff !important;
    display: inline-block;
    text-shadow: 0px 0px 0px #ffffff;
    margin-top: 15px;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoPadrao:hover {
        color: #ebebeb;
        background-color: #67a1d4;
    }

    .botaoPadrao:active {
        position: relative;
        top: 1px;
    }

    .botaoPadrao:before {
        content: "\f054";
        font-family: FontAwesome;
        margin-right: 10px;
    }

    .botaoPadrao.semRotulo {
        margin-top: 30px;
    }

.botaoPadraoPsico {
    font-size: 12px;
    font-family: Arial;
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #67a1d4;
    padding: 0px 16px;
    line-height: 36px;
    height: 36px;
    text-decoration: none;
    background-color: #75acdc;
    color: #ffffff !important;
    display: inline-block;
    text-shadow: 0px 0px 0px #ffffff;
    margin-top: 30px;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoPadraoPsico:hover {
        color: #ebebeb;
        background-color: #67a1d4;
    }

    .botaoPadraoPsico:active {
        position: relative;
        top: 1px;
    }

    .botaoPadraoPsico:before {
        content: "\f054";
        font-family: FontAwesome;
        margin-right: 10px;
    }

    .botaoPadraoPsico.semRotulo {
        margin-top: 30px;
    }

.botaoPadraoPsicoFormularioPaciente {
    font-size: 12px;
    font-family: Arial;
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #67a1d4;
    padding: 0px 16px;
    line-height: 36px;
    height: 36px;
    text-decoration: none;
    background-color: #75acdc;
    color: #ffffff !important;
    display: inline-block;
    text-shadow: 0px 0px 0px #ffffff;
    margin-top: 30px;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoPadraoPsicoFormularioPaciente:hover {
        color: #ebebeb;
        background-color: #67a1d4;
    }

    .botaoPadraoPsicoFormularioPaciente:active {
        position: relative;
        top: 1px;
    }

    .botaoPadraoPsicoFormularioPaciente:before {
        content: "\f0f6";
        font-family: FontAwesome;
        margin-right: 10px;
    }

    .botaoPadraoPsicoFormularioPaciente.semRotulo {
        margin-top: 30px;
    }

.botaoPadraoPsicoLimparCampos {
    font-size: 12px;
    font-family: Arial;
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #67a1d4;
    padding: 0px 16px;
    line-height: 36px;
    height: 36px;
    text-decoration: none;
    background-color: #75acdc;
    color: #ffffff !important;
    display: inline-block;
    text-shadow: 0px 0px 0px #ffffff;
    margin-top: 30px;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoPadraoPsicoLimparCampos:hover {
        color: #ebebeb;
        background-color: #67a1d4;
    }

    .botaoPadraoPsicoLimparCampos:active {
        position: relative;
        top: 1px;
    }

    .botaoPadraoPsicoLimparCampos:before {
        content: "\f00d";
        font-family: FontAwesome;
        margin-right: 10px;
    }

    .botaoPadraoPsicoLimparCampos.semRotulo {
        margin-top: 30px;
    }


/*.botaoPadrao {
    font-size: 13px;
    font-family: Arial;
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #65a4d4;
    padding: 0px 18px;
    line-height: 38px;
    height: 38px;
    text-decoration: none;
    background: -moz-linear-gradient( center top, #3e88c9 17%, #4681c9 88% );
    background: -ms-linear-gradient( top, #3e88c9 17%, #4681c9 88% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e88c9', endColorstr='#4681c9');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #3e88c9), color-stop(88%, #4681c9) );
    background-color: #3e88c9;
    color: #ffffff !important;
    display: inline-block;
    text-shadow: 0px 0px 0px #ffffff;
    -webkit-box-shadow: inset -1px -1px 5px -2px #ffffff;
    -moz-box-shadow: inset -1px -1px 5px -2px #ffffff;
    box-shadow: inset -1px -1px 5px -2px #ffffff;
    margin-top: 15px;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoPadrao:hover {
        color: #ebebeb;
        background: -moz-linear-gradient( center top, #4681c9 17%, #3e88c9 88% );
        background: -ms-linear-gradient( top, #4681c9 17%, #3e88c9 88% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4681c9', endColorstr='#3e88c9');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #4681c9), color-stop(88%, #3e88c9) );
        background-color: #4681c9;
    }

    .botaoPadrao:active {
        position: relative;
        top: 1px;
    }

    .botaoPadrao:before {
        content: "\f054";
        font-family: FontAwesome;
        margin-right: 10px;
    }*/

.botaoPadraoDestaqueEtiqueta {
    position: relative;
    display: inline-block;
    margin: 20px 10px 20px 0px;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    border: 2px solid #4474a8;
    color: #4474a8;
    padding: 11px 12px 9px 45px;
    border-radius: 5px;
    font-size: 12px;
    font-family: 'dinregular';
    text-transform: uppercase;
    color: #4474a8;
    padding: 11px 12px 9px 45px;
}

    .botaoPadraoDestaqueEtiqueta:before {
        content: '\f02a';
        font-family: FontAwesome;
        background-color: #4474a8 !important;
        color: #fff;
        font-size: 16px;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #0A62C4;
        width: 35px;
        line-height: 34px;
        box-sizing: border-box;
        padding: 0px 5px 5px 8px;
        font-weight: normal !important;
    }

    .botaoPadraoDestaqueEtiqueta:hover {
        border: 2px solid #4474a8;
        background-color: #4474a8;
        color: #FFF;
    }


.botaoPadraoDestaqueCartaoSUS {
    position: relative;
    display: inline-block;
    margin: 20px 10px 20px 0px;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    border: 2px solid #4474a8;
    color: #4474a8;
    padding: 11px 12px 9px 45px;
    border-radius: 5px;
    font-size: 12px;
    font-family: 'dinregular';
    text-transform: uppercase;
    color: #4474a8;
    padding: 11px 12px 9px 45px;
}

    .botaoPadraoDestaqueCartaoSUS:before {
        content: '\f2c3';
        font-family: FontAwesome;
        background-color: #4474a8 !important;
        color: #fff;
        font-size: 16px;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #0A62C4;
        width: 35px;
        line-height: 34px;
        box-sizing: border-box;
        padding: 0px 5px 5px 8px;
        font-weight: normal !important;
    }

    .botaoPadraoDestaqueCartaoSUS:hover {
        border: 2px solid #4474a8;
        background-color: #4474a8;
        color: #FFF;
    }

.botaoPadraoDestaqueBiometria {
    position: relative;
    display: inline-block;
    border: 2px solid #4474a8;
    color: #4474a8;
    padding: 11px 12px 9px 45px;
    border-radius: 5px;
    font-size: 12px;
    font-family: 'dinregular';
    text-transform: uppercase;
    margin: 20px 10px 20px 0px;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}



    .botaoPadraoDestaqueBiometria:before {
        content: url(imagens/icones/iconBiometria.png) !important;
        background-repeat: no-repeat;
        background-color: #4474a8 !important;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #0A62C4;
        width: 35px;
        line-height: 34px;
        box-sizing: border-box;
        padding: 5px 5px 5px 8px;
    }

    .botaoPadraoDestaqueBiometria:hover {
        border: 2px solid #4474a8;
        background-color: #4474a8;
        color: #FFF;
    }

.botaoLarguraTotalDestaque {
    font-size: 12px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-bottom: 3px solid #44658f;
    padding: 0px 16px;
    line-height: 42px;
    height: 42px;
    text-decoration: none;
    background-color: #5a80af;
    color: #ffffff !important;
    display: inline-block;
    text-shadow: 0px 0px 0px #ffffff;
    margin-top: 15px;
    margin-bottom: 25px;
    margin-right: 5px;
    width: 100%;
}

    .botaoLarguraTotalDestaque:hover {
        color: #56759d;
        background-color: #51739f;
    }

    .botaoLarguraTotalDestaque:active {
        position: relative;
        top: 1px;
    }

    .botaoLarguraTotalDestaque:before {
        margin-right: 10px;
    }

.botaoLarguraTotalDestaqueSeta:after {
    content: " ";
    border-top: 7px solid #456690;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: relative;
    float: left;
    top: 42px;
}

.botaoExpandirFiltro {
    font-size: 11px;
    font-family: 'din-blackregular';
    font-weight: 900 !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    padding: 0px 16px;
    line-height: 36px;
    height: 36px;
    text-decoration: none;
    background-color: #efefef;
    color: #80b5de !important;
    display: inline-block;
    text-shadow: 0px 0px 0px #ffffff;
    margin-top: 15px;
    margin-bottom: 25px;
    margin-right: 5px;
    text-transform: uppercase;
    /* -webkit-box-shadow: 7px 13px 12px -16px rgba(0, 0, 0, 0.41); */
    -moz-box-shadow: 7px 13px 12px -16px rgba(0, 0, 0, 0.41);
    box-shadow: 7px 13px 11px -17px rgba(0, 0, 0, 0.41);
}

.containerCampoCinzaDestaque {
    margin-right: 0px;
    margin-left: 0px;
    background-color: #efefef;
    padding-bottom: 20px;
    border-radius: 5px;
    border-bottom: 2px solid #ddd;
}


.campoTooltip {
    /*border: 1px solid #ea8e2d;*/
    background: #FFFFFF;
    color: #243d81;
    margin-right: 5px;
}

.colunaEscondida {
    display: none !important;
}





.botaoPadrao {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/*.ContainerContent {position:relative; width:960px; margin:0 auto;}*/

body {
    font: 11px Verdana,Arial;
}

a {
    text-decoration: none;
}

    a img {
        border: none;
    }

/*
h1
{	
	background-image:url(img/bg-h1.png);
	background-position:center top;
	margin:0px;
	margin-top:-6px;
	padding:0px;
	height:111px;
	width:100%;
	color:#fff;
	font-family: 'din-blackregular';
	font-size:26px;
	text-transform:uppercase;
	z-index:-1 !important;
	font-weight:normal;
}
h1 span
{
	width:100%;
    background-image:url(../../imagens/arrow-h1.png);
    background-repeat :no-repeat;
	background-position:20px 0px;
	padding-left:60px;
	margin-top:34px;
	margin-left: -490px;
    position: absolute;
    left: 50%;
    height:33px;
	}
*/

/*

h1
{	
	background-image:url(agendamento/img/bg-h1.png);
	background-position:center top;
	margin:0px;
	margin-top:7px;
	padding:0px;
	height:111px;
	width:100%;
	color:#fff;
	font-family: 'din-blackregular' !important;
	font-size:26px;
	text-transform:uppercase;
	z-index:-1 !important;
	font-weight:normal;
}

*/

/*
h1 span
{
	width:960px;
    background-image:url(imagens/arrow-h1.png);
    background-repeat :no-repeat;
	background-position:20px 0px;
	padding-left:60px;
	margin-top:34px;
	margin-left: -490px;
    position: absolute;
    left: 50%;font-size:26px;
    height:33px;
}
*/


.baseMenu {
    position: relative;
    background-image: url(img/bg-h1.png);
    background-position: center top;
    background-repeat: repeat;
    margin: 0px;
    margin-top: 0px !important;
    padding: 0px;
    height: 95px;
    width: 100%;
    color: #fff;
    font-family: 'din-blackregular';
    font-size: 26px;
    text-transform: uppercase;
    z-index: 0 !important;
    font-weight: normal;
}

    .baseMenu h1 {
        width: 100%;
        background-image: url(img/bg-h1-arrows.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        font-family: 'din-blackregular';
        position: relative;
        line-height: 103px;
        padding-left: 56px;
        height: 70px;
        font-size: 26px;
        z-index: 0;
    }
/*
h1
{	
	background-image:url(img/bg-h1.png);
	background-position:center top;
	background-repeat:repeat;
	margin:0px;
	margin-top:0px !important;
	padding:0px;
	height:118px;
	width:100%;
	color:#fff;
	font-family: 'din-blackregular';
	font-size:26px;
	text-transform:uppercase;
	z-index:-1 !important;
	font-weight:normal;
}
*/

/*
.h1Text
{
	width:100%;
    background-image:url(img/bg-h1-arrows.png);
    background-repeat :no-repeat;
	background-position:0px 0px;
	font-family: 'din-blackregular';
    position: absolute;
    line-height:103px;
    padding-left:56px;
    height:118px;
  
	}
*/

/*h1 span
{
	width:100%;
    background-image:url(img/bg-h1-arrows.png);
    background-repeat :no-repeat;
	background-position:0px 0px;
	font-family: 'din-blackregular';
    position: absolute;
    line-height:103px;
    padding-left:56px;
    height:118px;
    font-size:26px;
}*/


h2 {
    font-family: 'din-blackregular';
    Background: url(img/bg-h2.png) no-repeat left bottom;
    background-size: 100% 78px;
    color: #4274aa;
    padding-top: 29px;
    padding-left: 10px;
    width: 100%;
    height: 73px;
    font-size: 24px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 25px;
    font-weight: normal;
}

    h2:before {
        position: relative;
        display: inline-block;
        content: '';
        width: 8px;
        height: 22px;
        border-radius: 3px;
        background-color: #417cb6;
        top: 3px;
        margin-right: 6px;
    }

h3 {
    padding: 5px 0px 10px 11px !important;
    height: 38px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    color: #005275;
    /* background-color: #376b8f; */
    /* background-image: url(../imagens/bg-h2-n.png); */
    border: 1px solid #5299b3;
    border-left: 10px solid #006b92;
    border-radius: 3px;
    font-family: 'din-blackregular' !important;
    margin-top: 30px;
    background: linear-gradient(135deg,#0000 20.5%,#8fbedb 0 29.5%,#0000 0) 0 5px, linear-gradient( 45deg,#0000 8%,#8fbedb 0 17%, #0000 0 58%) 10px 0, linear-gradient(135deg,#0000 8%,#8fbedb 0 17%, #0000 0 58%,#8fbedb 0 67%,#0000 0), linear-gradient( 45deg,#0000 8%,#8fbedb 0 17%, #0000 0 58%,#8fbedb 0 67%,#0000 0 83%,#8fbedb 0 92%,#0000 0), #89b7d0;
    background-size: 4px 6px;
    display: inline-block;
}

    h3:before {
        font-family: 'FontAwesome';
        content: "\f0dd";
        margin-right: 7px;
        font-size: 20px;
        color: #005275;
        position: relative;
        top: -2px;
    }

    h3.tituloTres:before {
        font-family: FontAwesome;
        content: "\f078";
        color: white;
        padding-right: 10px;
    }


    h3.tituloTres {
        position: relative;
        padding: 12px 11px 12px 11px !important;
        color: #ffffff;
        border: none;
        background-image: none;
        background-repeat: no-repeat;
        background-position: left center;
        background-color: #396ba0;
        border-radius: 3px;
        font-family: 'dinmedium';
        font-size: 14px;
    }




/*.iconHistorico:before{
    font-family: FontAwesome;
    content: "\f15c";
    color: #4483b2;
    font-size: 16px;
}

.iconHistorico{
    
    margin-top: 22px;
    margin-bottom: 10px;
    
}*/

/*.btnHistAtendimento:before {
    font-family: FontAwesome;
    content: "\f15c";
    color: #4483b2;
    font-size: 16px;
    padding: 20px 10px 10px 0px;
}*/

a.btnRelatorio {
    text-decoration: none;
    margin-top: 20px;
    color: #4483b2;
    font-size: 12px;
    font-family: 'dinmedium';
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 35px;
    border-bottom: solid 1px #d7e0e7;
    width: 100%;
    text-transform: uppercase;
    background-image: url(../img/icon_historico.png);
    background-repeat: no-repeat;
    background-position-x: 11px;
}


.borderHist {
    border-bottom: solid #4483b2 1px;
    display: flex;
}

.medidas {
    float: right;
    position: absolute;
    color: white;
    font-family: 'dinregular';
    background-color: #c2c2c2;
    border-radius: 0 3px 3px 0;
    z-index: 99999;
    padding: 12px 8px 10px 8px;
    right: 15px;
    top: 0;
    z-index: auto;
}

    .medidas.duasLinhas {
        padding: 5px 8px 4px 8px !important;
    }


.colorboxTituloAzulPequeno .medidas {
    line-height: 16px;
}

    .colorboxTituloAzulPequeno .medidas.duasLinhas {
        line-height: 15px;
    }


.valoresCampoEsquerda {
    float: left;
    position: absolute;
    color: white;
    font-family: 'dinregular';
    background-color: #c2c2c2;
    border-radius: 3px 0 0 3px;
    z-index: 99999;
    padding: 12px 9px 10px 8px;
    /* left: 16px; */
    top: 0;
    z-index: auto;
}

    .valoresCampoEsquerda.obrigatorio {
        border-left: 5px solid #fb8900;
    }

.campoAjustadoValoresEsquerda {
    width: 85% !important;
    left: 34px !important;
    position: relative;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.xis {
    font-family: 'din-blackregular';
    font-size: 20px;
    color: #959595;
    padding: 5px 0px 5px 0px;
    text-align: center;
    vertical-align: middle;
}

h4 {
    position: relative;
    padding: 10px 10px 7px 16px !important;
    font-weight: normal;
    color: #497db5;
    border-bottom: solid 2px #5e95d0;
    background-image: url(img/arrow-h3.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 30px;
    margin-bottom: 25px;
    width: 100%;
    background-color: Transparent;
    font-family: 'din-blackregular';
    font-size: 18px;
}

.ColorboxContainer h4 {
    padding: 0px 10px 7px 0px !important;
    color: #24486f !important;
    border-bottom: solid 1px #24486f !important;
    background-image: none !important;
    font-size: 21px !important;
    margin-top: 20px !important;
}

#cboxContent .container {
    width: 100% !important;
}

h5 {
    padding: 10px 10px 9px 16px !important;
    background-color: #e7edef;
    border-radius: 6px;
    display: block;
    clear: left;
    font-size: 14px;
    font-family: Swis721CnBTBold;
    text-transform: uppercase;
    color: #256691;
    margin: 40px 0px 5px 0px;
}

h6 {
    font-family: dinregular;
    font-size: 14px;
    text-transform: uppercase;
    color: #3a6ca2;
    margin-bottom: 3px;
    margin-top: 25px;
    border-bottom: 1px dotted #cecece;
    padding: 8px 0px 8px 0px;
    display: block;
}

.h7 {
    position: relative;
    padding: 10px 10px 9px 16px !important;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: #497db5;
    /* border-top: solid 1px #5e95d0; */
    border-bottom: solid 1px #5e95d0;
    background-image: url(img/arrow-h3.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 30px;
    width: 100%;
    background-color: Transparent;
    font-family: 'din-blackregular';
    font-size: 12px;
}

.botoesroll {
    float: left;
    width: auto;
    padding: 0px 20px 0 0;
    text-decoration: none;
    margin-top: 10px;
    border: none;
}

.theirs {
    font-size: 11px;
}

p {
    margin: 2px 0 5px;
    width: auto;
    font-size: 11px;
}















/** FIM DE CLASSES GENÉRICAS **********************************************************************************************/


ul, li {
    list-style: none;
    list-style-type: none;
}

.campolog {
    font-family: dinregular !important;
    text-transform: uppercase;
    font-size: 16px;
    color: #bbbbbb !important;
    text-transform: uppercase;
    background: #fbfbfb;
    padding-left: 11px;
    padding-right: 10px;
    padding-top: 5px;
    height: 38px;
    outline: none;
    border: 1px solid #d7d4d4;
    display: inline-block;
    width: 100%;
    margin-bottom: 11px;
    margin-top: 0 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(145, 145, 145, 0.2);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(145, 145, 145, 0.2);
    box-shadow: inset 0px 0px 3px 0px rgba(145, 145, 145, 0.2);
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f8f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f8f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f8f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f6f6',GradientType=0 ); /* IE6-9 */
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .campolog:hover {
        -webkit-box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        -moz-box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        background: white !important;
        color: #3c3c3c !important;
    }


    .campolog:focus {
        -webkit-box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        -moz-box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        background: white !important;
        color: #3c3c3c !important;
    }


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #aeaeae !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #aeaeae !important;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #aeaeae !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #aeaeae !important;
}


.rotulolog {
    float: left;
    height: 17px;
    font-size: 10px;
    padding-bottom: 0px;
    padding-left: 2px;
    width: 80px;
    line-height: 17px;
    margin-top: 3px;
    display: block;
    text-align: right;
    font-family: Arial;
}
/*
.drop
{
    border: 1px solid #bad3e1;
}
*/

.botoes {
}

.bgMarcaPrincipal img {
    margin-top: 8px;
}

a img {
    border: none;
    text-decoration: none;
}




blockquote {
    border-left: 5px solid #ccc;
    margin-left: 1.5em;
    padding-left: 5px;
}

cite {
    font-size: 90%;
    font-style: normal;
}



.abamodulo {
    color: #fcf3d7;
}

.credit {
    background: #90a090;
    border-top: 3px double #aba;
    color: #fff;
    font-size: 11px;
    margin: 10px 0 0 0;
    padding: 3px;
    text-align: center;
}

    .credit a:link, .credit a:hover {
        color: #fff;
    }

.feedback {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #666666;
    text-align: left;
    margin: -6px 0px 30px 0px;
    clear: both;
}

.meta {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}


.homologa2 {
    background: url( 'img/homologa.png' ) no-repeat left;
    position: absolute;
    top: 198px;
    left: 574px;
    width: 144px;
    height: 60px;
    float: left;
}

.meta li, ul.post-meta li {
    display: inline;
}

.meta ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.meta, .meta a {
    color: #666666;
}

.storytitle {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0px 0px 0px;
}

#commentlist li ul {
    border-left: 1px solid #ddd;
    font-size: 11px;
    list-style-type: none;
}

#commentlist li .avatar {
    float: right;
    margin-right: 25px;
    border: 1px dotted #ccc;
    padding: 2px;
}

#content {
    margin: 30px 13em 0 3em;
    padding-right: 60px;
}

#header {
    background: #90a090;
    border-bottom: 3px double #aba;
    border-left: 1px solid #9a9;
    border-right: 1px solid #565;
    border-top: 1px solid #9a9;
    font: italic normal 230% 'Verdana', Times, serif;
    margin: 0;
    padding: 15px 10px 15px 60px;
}

    #header a {
        color: #fff;
        text-decoration: none;
    }

        #header a:hover {
            text-decoration: none;
        }

/*
#menu
{
    background: #fff;
    border-left: 1px dotted #ccc;
    border-top: 3px solid #e0e6e0;
    padding: 20px 0 10px 30px;
    position: absolute;
    right: 2px;
    top: 0;
    width: 11em;
    margin: 0 0 0 13px;
}


#menu ul
{
    color: #ccc;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding-left: 3px;
    text-transform: lowercase;
}
#menu ul li
{
    font: italic normal 110% 'Verdana' , Times, serif;
    margin-top: 10px;
    padding-bottom: 2px;
}
#menu ul ul
{
    font-variant: normal;
    font-weight: normal;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
#menu ul ul li
{
    border: 0;
    font: normal normal 12px/115% 'Lucida Grande' , 'Lucida Sans Unicode' , Verdana, sans-serif;
    margin-top: 0;
    padding: 0;
    padding-left: 12px;
}
#menu ul ul li a
{
    color: #000;
    text-decoration: none;
}
#menu ul ul li a:hover
{
    border-bottom: 1px solid #809080;
}
#menu ul ul ul.children
{
    font-size: 142%;
    padding-left: 4px;
}
*/

.aligncenter, .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

#header2_esc {
    display: inline;
    float: left;
    height: 21px;
    margin-left: 0;
}

.botoesIndex {
    float: left;
}


/*
ul.tablist
{
    margin: 5px 0px;
    padding: 0;
    list-style: none;
    color: #FFFFFF;
}
ul.tablist li
{
    font-size: 11px;
    margin: 0 0px;
    padding: 0px 0 0 0px;
    list-style: none;
    text-align: left;
    font-family: Verdana;
    font-size: 11px;
    color: #FFFFFF;
}
ul.tablist li a
{
    text-decoration: none;
    color: #FFFFFF;
}
ul.tablist li a:hover
{
    text-decoration: none;
}
*/
.fonte11 {
    font-family: Verdana;
    color: #000000;
    font-size: 11px;
}

.storycontent {
    font-family: Verdana, Geneva, sans-serif;
    margin: -6px 0px 0px 0px;
    line-height: 15px;
}

.listas {
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}


/*estilos criados pelos desenvolvedores---------------------------------------------------------------*/

html, body {
    height: 100%;
}



body {
    background-color: #f5f5f5 !important;
    background: url( 'img/bg_topo.png' ) repeat-x;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

#fundo {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 1000px;
    text-align: center;
}

#geral {
    width: 950px;
    height: auto;
    margin: 0 auto;
    top: 0px;
}

#display {
    width: 950px;
    margin: 0px 0px 0px 0px;
    height: auto;
    background: url( 'img/b_vindo.jpg' ) no-repeat;
    background-position: bottom;
}

#esquerda a:link {
    color: #999999;
    text-decoration: none;
}

#esquerda a:active {
    color: #999999;
    text-decoration: none;
}

#esquerda a:visited {
    color: #999999;
    text-decoration: none;
}

#esquerda a:hover {
    color: #ffffff;
    text-decoration: none;
}

#esquerda {
    width: 799px;
    height: 59px; /*background: url(http://www.encontrodewebdesign.com.br/ewd-14/wp-content/themes/ewd-14/images/esquerda_fundo.gif) top left no-repeat;*/
    float: left;
    font-size: 10px;
    color: #FFFFFF;
    padding: 30px 0px 25px 10px;
}

.esquerda_titulo {
    width: 160px;
    height: 18px;
    margin: 0px 0px 5px 0px;
}

.esquerda_itens {
    width: 145px;
    height: auto;
    font-family: Verdana, Geneva, sans-serif;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 15px;
}

.esquerda_submenu {
    width: 150px;
    position: absolute;
    visibility: hidden;
    font-size: 10px;
    padding: 10px 15px 10px 15px;
    z-index: 100;
    border: #ad8e24 2px solid;
    background-color: #ba9a2e;
}

#centro {
    width: 740px;
    height: auto;
    float: left;
    margin-left: 50px;
}

#conteudo a:link {
    color: #2d9ed2;
    text-decoration: none;
}

#conteudo a:active {
    color: #2d9ed2;
    text-decoration: none;
}

#conteudo a:visited {
    color: #2d9ed2;
    text-decoration: none;
}

#conteudo a:hover {
    color: #17516c;
    text-decoration: none;
}

#conteudo {
    width: 590px;
    height: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #666666;
    margin: 0px 0px 0px 0px;
    padding: 30px 20px 20px 20px; /*background-color: #FFFFFF;*/
}

#banner_rotate {
    width: 590px;
    height: 60px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#acabamento {
    width: 630px;
    height: 80px;
    margin: 0px 0px 0px 0px;
}

#direita a:link {
    color: #999999;
    text-decoration: none;
}

#direita a:active {
    color: #999999;
    text-decoration: none;
}

#direita a:visited {
    color: #999999;
    text-decoration: none;
}

#direita a:hover {
    color: #ffffff;
    text-decoration: none;
}

#direita {
    width: 205px;
    height: 314px;
    float: left;
    font-size: 11px;
    color: #FFFFFF;
    margin: 250px 0px 0px 0px;
    display: block;
}

.direita_titulo {
    width: 160px;
    height: 18px;
    margin: 0px 0px 5px 0px;
}







.divrow {
    display: block;
}

.divcell {
    display: inline;
    position: relative;
    width: 143px;
    height: 143px;
    float: right;
    overflow: hidden;
    margin-bottom: 0px;
    top: 0px;
    left: 0px;
}

/*MENU---------------------------------------------------------*/

/*#top_menu1
    {
	     float:left;
	      padding:0;
	        margin:0;
    }*/

.top_menu {
    font-family: Arial, Verdana, Sans-Serif;
    background: #fff url( 'img/aba_menu_urg.png' ) no-repeat left;
    height: 45px;
    margin: 0 0px 0 0px;
    padding: 0 3px 0 15px;
    line-height: 27px;
    width: 471px;
    position: relative;
    top: -30px;
    left: 454px;
    float: left;
    z-index: 2;
}



#container_menu {
    width: 776px;
    height: 99px;
    margin-left: -500px;
    margin-top: -300px;
    position: absolute;
    left: 56%;
    top: 131%;
    vertical-align: top;
}

.divrow_menu {
    display: block;
    vertical-align: top;
}

.divcell_menu {
    display: inline;
    position: relative;
    width: 172px;
    height: 39px;
    float: right;
    overflow: hidden;
    margin-bottom: 0px;
    top: 0px;
    left: 0px;
}

#container {
    width: 1053px;
    height: 624px;
    margin-left: -526px;
    margin-top: -312px;
    position: absolute;
    left: 50%;
    top: 50%;
}



.ChamadasTelaInicial {
    z-index: 2;
    position: absolute;
    width: 701px;
    height: 367px;
    left: 40px;
    top: 50%;
    margin-top: -300px;
    padding-top: 160px;
    padding-left: 45px;
    padding-right: 45px;
    box-sizing: border-box;
    opacity: 0;
}


.ChamadasTelaInicialPostaBack {
    z-index: 2;
    position: absolute;
    width: 701px;
    height: 367px;
    left: 40px;
    top: 50%;
    margin-top: -300px;
    padding-top: 160px;
    padding-left: 45px;
    padding-right: 45px;
    box-sizing: border-box;
    opacity: 0;
}





.ContainerFormLogin {
    z-index: 2;
    position: fixed;
    width: 401px;
    /* height: 588px; */
    overflow: hidden;
    right: 60px;
    right: 80px;
    top: 50%;
    margin-top: -290px;
    /* padding-top: 145px; */
    /* padding-left: 45px; */
    /* padding-right: 45px; */
    box-sizing: border-box;
    opacity: 0;
}

.ContentFormLogin {
    background: url(img/bg-index-login-principal.png) no-repeat;
    padding-top: 145px;
    padding-bottom: 28px;
}

.ContentFooterLogin {
    background: url(img/bg-index-login-principal-footer.png) no-repeat;
    padding: 58px 45px 45px 45px;
    height: 28px;
}



.ContainerFormLoginPostBack {
    z-index: 2;
    position: fixed;
    width: 401px;
    background: url('img/bg-index-login-principal.png') no-repeat;
    overflow: hidden;
    right: 60px !important;
    top: 50%;
    margin-top: -269px;
    padding-top: 145px;
    padding-left: 45px;
    padding-right: 45px;
    box-sizing: border-box;
}








.logon {
    z-index: 3;
    font-size: 10px;
    color: #FFFFFF;
    top: 10px;
    width: 280px;
    margin: 0 auto;
}

.divlogin {
    z-index: 1;
    display: inline;
    position: relative;
    float: left;
    width: 1001px;
    height: 143px;
    overflow: hidden;
    margin-bottom: 0px;
    top: 0px;
    left: 0px;
}


.BotaoFormlogin {
    background: #ffffff; /* Old browsers */
    /* background: -moz-linear-gradient(top,  #8db5c8 20%, #5d92ac 80%); 
    background: -webkit-linear-gradient(top,  #8db5c8 20%,#5d92ac 80%); 
    background: linear-gradient(to bottom,  #8db5c8 20%,#5d92ac 80%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8db5c8', endColorstr='#5d92ac',GradientType=0 );
    */
    background-image: url("img/bg-botao-form-login.png");
    text-align: center;
    width: 135px;
    color: #fff;
    font-family: 'dinregular';
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    line-height: 36px;
    height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}


    .BotaoFormlogin:hover {
        background: #ffffff;
        background-image: url("img/bg-botao-form-login-hover.png");
        /*background: -moz-linear-gradient(top,  #8db5c8 20%, #497f98 80%); 
    background: -webkit-linear-gradient(top,  #8db5c8 20%,#497f98 80%);
    background: linear-gradient(to bottom,  #8db5c8 20%,#497f98 80%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8db5c8', endColorstr='#497f98',GradientType=0 ); */
    }

    .BotaoFormlogin.transparencia {
        opacity: 0.70;
        filter: alpha(opacity =70);
    }


.BotaoRecuperarCNS {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: url("img/btn-recuperar.png");
    width: 92px;
    height: 29px;
    display: inline-block;
    float: right;
    margin-top: 2px;
    outline: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .BotaoRecuperarCNS:hover {
        background-image: url("img/btn-recuperar-hover.png");
    }

.BtnBuscarCnsLogin {
    background-image: url(img/lupa-login.png);
    z-index: 999999;
    width: 34px;
    height: 38px;
    display: inline-block;
    float: right;
    margin-right: 0px;
    top: 145px;
    left: 307px;
    position: absolute;
    outline: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .BtnBuscarCnsLogin:hover {
        background-image: url(img/lupa-login-hover.png);
    }

.infoBiometriaIndex {
    font-family: dinregular !important;
    text-transform: uppercase;
    font-size: 16px;
    text-transform: uppercase;
    opacity: 0.5;
    background: #ccc;
    border: solid 1px #b3b3b3;
    color: #949494 !important;
    text-shadow: 1px 1px 1px #fff;
    padding-left: 16px;
    padding-right: 10px;
    padding-top: 10px;
    height: 40px;
    outline: none;
    display: inline-block;
    width: 100%;
    margin-bottom: 11px;
    margin-top: 0 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
}

    .infoBiometriaIndex:before {
        font-family: FontAwesome;
        content: "\f13a";
        margin-right: 8px;
        top: 0px;
        font-size: 17px;
        position: relative;
    }

    .infoBiometriaIndex.on {
        background: #8de087;
        border: 1px solid #6fd069;
        color: #ffffff !important;
        text-shadow: 1px 1px 1px #53af4d;
        opacity: 1;
    }


.campolog[disabled], .campolog[disabled]:hover, .campolog[disabled]:focus {
    background: #dedede !important;
    text-shadow: 1px 1px 1px #fff;
    box-shadow: none !important;
}



/*********************** DADOS DO SISTEMA LOGIN ***********************/


.ContentFooterLogin .containerInfosSistema {
    position: relative;
    top: 0px;
    left: 0px;
    color: #accfeb;
    width: 190px;
    float: left;
}

.ContentFooterLogin .nomeSoftware {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px;
}

.ContentFooterLogin .nomeFornecedor {
    font-size: 9px;
    margin-bottom: 2px;
}

.ContentFooterLogin .versaoSistema {
    font-size: 9px;
    color: #fff;
}

/*********************** DADOS DO SISTEMA MASTER ***********************/

#rodape .containerInfosSistema {
    position: relative;
    color: #595959;
}

#rodape .nomeSoftware {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 1px;
}

#rodape .nomeFornecedor {
    font-size: 11px;
    margin-bottom: 2px;
}

#rodape .versaoSistema {
    font-size: 11px;
    /* color: #fff; */
}



input:-webkit-autofill {
    background-color: Black !important;
}

.divfoot {
    display: inline;
    position: relative;
    width: 1001px;
    height: 29px;
    float: left;
    overflow: hidden;
    margin-bottom: 0px;
    background: #000 url('img/bgfoot.jpg');
}



.fieldsetTab {
    padding: 0px 0px 15px 0px !important;
    margin: 20px 0px 20px 0px !important;
    border: none !important;
    background-color: #f3f3f3 !important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

    .fieldsetTab legend {
        position: relative;
        display: inline-block;
        font-family: 'dinregular';
        font-size: 12px;
        font-weight: bold;
        color: #155282;
        text-transform: uppercase;
        padding: 10px 10px 10px 14px;
        background: #ebebeb;
        margin-bottom: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom: 1px solid #FFF;
    }

    .fieldsetTab .row {
        margin-right: -5px !important;
        margin-left: -5px !important;
    }

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

/*legend {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: bold;
    line-height: 1.2;
    padding: 3px 10px;
    color: #ffffff;
    padding: 3px 12px;
    background: #477ba5;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 30px;
}*/

.rotulofaleconosco {
    float: left;
    font-size: 11px;
    color: #ffffff;
    background-color: #8fb2cc;
    padding-left: 8px;
    width: 80px;
    margin-left: 1px; /*display:block;*/
    font-weight: bold;
    clear: both;
    font-family: Arial;
    height: 19px;
    margin-right: 5px;
    padding-top: 3px;
}


.campofaleconosco {
    font-family: Arial;
    font-size: 11px; /*border: 1px solid #8fb2cc;*/
    border: 1px solid #8fb2cc;
    margin-top: 0px; /*display: list-item;*/
    background: #FFFFFF;
    color: #243d81;
    display: inherit;
    padding-left: 5px;
    width: 300px;
    height: 17px;
}




#top-faleconosco {
    width: 550px;
    height: 100%;
    float: inherit;
    margin: 0 auto;
    z-index: auto;
    margin-top: 40px;
}

.campomult {
    font-family: Arial;
    font-size: 11px;
    border: 1px solid #8fb2cc;
    margin-top: 0px;
    background: #fff;
    color: #243d81;
    width: 300px;
}

.fieldsetfaleconosco {
    border: 1px dashed #CCC;
    padding: 25px 0px 20px 35px;
    margin-bottom: 20px;
    margin-top: 40px;
    width: 465px;
}

.formulariofaleconosco {
    width: 700px;
    height: auto;
    margin-right: 0;
    padding: 10px 10px 20px 10px;
}






.camporadio_end {
    font-family: Arial;
    font-size: 11px;
    height: 23px;
    margin-top: 0px;
    background: #f6f6f6;
    padding-right: 40px;
    margin-bottom: 0px; /*Alinhamento do texto dentro da linha*/
    vertical-align: middle;
}

.radio {
    font-family: Arial;
    font-size: 11px !important;
    padding: 10px;
}


.espacamentoMaior.RadioContent table, table.ContainerRadio.espacamentoMaior {
    width: 100%;
    display: table;
}

.RadioContent {
    width: 100%;
    font-family: dinregular;
    font-size: 12px;
    color: #707070;
    text-transform: uppercase;
    background: #fbfbfb;
    padding: 5px 6px 2px 6px;
    outline: none;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #dedede;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
}

    /*.RadioContent div {
        float: left;
    }*/

    .RadioContent[disabled] {
        background-color: #f1f1f1 !important;
        border-color: #dadada !important;
        background-image: none !important;
    }

    .RadioContent .ContainerRadio {
        padding: 0;
        background: none;
    }

.RadioContentComImagens label {
    margin-top: 2px !important;
}

.RadioContentComImagens span:before {
    background-color: #000 !important;
    width: 50px;
    height: 50px;
}

table[disabled] .RadioContent {
    background-color: #f4f4f4 !important;
}

div[disabled] .RadioContent {
    background-color: #f4f4f4;
}
/*.ContainerRadio div {
    float: left;
}*/
.RadioContent .ContainerRadio {
    background: none;
    border: none;
    padding: 0;
}


.CheckContent {
    width: 100%;
    background-color: #eaeaea;
    padding: 3px 6px 5px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}




.CheckUnico {
    padding-top: 40px;
    display: block;
}

.AjustaRadioCheckSemTitulo {
    position: relative;
    display: inline-block;
    top: 8px;
}

.ContainerRadio {
    width: 100%;
    background-color: #eaeaea;
    padding: 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-size: 11px;
    min-height: 24px;
    display: inline-block;
}

    /* .ContainerRadio .select2-container:first-child, .ContainerRadio input:first-child, .ContainerRadio .rotulo:first-child, .ContainerRadio .select2-container .select2-choice:first-child {
        margin-left: 10px;
    }
   .ContainerRadio input:nth-child(1) {
        margin-left: 10px;
    }

    .ContainerRadio .row div:first-child, .ContainerRadio .row span:first-child {
        margin-left: 10px;
    }
    .ContainerRadio .grupoCampoBotao .botaoInterno {
        right: -9px !important;
    }*/
    .ContainerRadio .rotuloRadio {
        font-family: dinregular;
        font-family: 'din-blackregular';
        font-weight: normal;
        font-size: 11px;
        text-transform: uppercase;
        color: #5a5a5a;
        margin-bottom: 2px;
        background-image: none;
        margin-top: 10px !important;
        padding: 6px 6px 6px 13px;
        display: block;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        clear: both;
    }

        .ContainerRadio .rotuloRadio:before {
            content: '\f0d7';
            font-family: FontAwesome;
            margin-right: 6px;
            color: #a7a6a6;
            font-size: 13px;
        }

        .ContainerRadio .rotuloRadio:after {
            content: "";
            display: inline-block;
            position: relative;
            width: 90%;
            height: 2px;
            right: 0px;
            bottom: 3px;
            left: 8px;
            background-color: #cecece;
            border-radius: 5px;
        }

    .ContainerRadio .AjustaRadioCheckSemTitulo {
        position: relative;
        display: inline-block;
        top: 32px;
        background-color: #fbfbfb;
        padding: 5px 5px 2px 5px;
        border: 1px solid #bfbfbf;
        border-radius: 3px;
        color: #676464;
        font-weight: bold !important;
    }

    .ContainerRadio .campo {
        background: #ffffff;
        border: 1px solid #c1c1c1;
    }
/*Classe HEADER das tabelas*/
/*.tab
{
    font-family: Verdana;
    font-size: x-small;
    border: 1px solid #CCC;
    height: 18px;
    background-color: #e7e7e7;
    font-weight: bold;
}
*/
.rotuloSubItem {
    margin: 0px 0px 5px 10px;
    color: #518cce;
    border-bottom: solid 1px #518cce;
    padding: 1px 10px 3px 0px;
    float: none !important;
}

.ContainerRadioBorda {
    background-color: #f5f5f5;
    padding: 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #518cce;
    display: block;
}

/*Classe ROW das tabelas*/
.tabrow {
    font-family: arial;
    font-size: 8pt;
    border: 1px solid #CCC;
    height: 18px;
    text-align: center;
}

.tabrow_left {
    font-family: arial;
    font-size: 8pt;
    border: 1px solid #CCC;
    height: 18px;
}

tr.linhaDestacada.amarelo, tr.linhaDestacada.amarelo td {
    background-color: yellow !important;
    color: #fff !important;
}

tr.linhaDestacada.vermelho, tr.linhaDestacada.vermelho td {
    background-color: red !important;
    color: #fff !important;
}



.buttons {
    background: #e3e3db;
    font-size: 12px;
    color: #333333;
    padding: 6px 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff #d8d8d0 #d8d8d0 #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

/*div, select
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
*/

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




/* Estilo do Accordeon*/
/*
.accordionHeader
{
	border: 1px solid #142126;
	color: #142126;
	background-color: #eee; 
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	width: 500px;
	font-size: 10px;
}

.accordionHeaderSelected
{
	border: 1px solid #142126;
	color: white;
	background-color: #142126; 
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	width: 500px;
	font-size: 10px;
}

.accordionContent
{
	background-color: #fff;
	border: 1px solid #142126;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
	width: 500px;
	font-size: 10px;
} */


.accordionHeader {
    border: 1px solid #d3d3d3 !important;
    color: #555555 !important;
    background-color: #CCC !important;
    font-family: Arial, Sans-Serif !important;
    font-size: 14px !important;
    padding-left: 34px;
    margin-right: 10px;
    margin-top: 1px !important;
    cursor: pointer !important;
    background-color: #d3d3d3 !important;
    background-image: url(agendamento/img/bg-header-accordion.png) !important;
    background-position: left center !important;
    height: 40px;
    line-height: 38px;
    width: 100%;
    display: block !important;
    overflow: hidden;
}

    .accordionHeader:hover {
        color: #555555 !important;
        cursor: pointer !important;
        background-image: url(agendamento/img/bg-header-accordion-hover.png) !important;
        background-position: left center !important;
    }

#master_content .accordionHeader a {
    color: #FFFFFF !important;
    background: none !important;
    text-decoration: none !important;
}

    #master_content .accordionHeader a:hover {
        background: none !important;
        text-decoration: underline !important;
    }

.accordionHeaderSelected {
    border: 1px solid #d3d3d3 !important;
    color: #555555 !important;
    background-color: #CCC !important;
    font-family: Arial, Sans-Serif !important;
    font-size: 14px !important;
    padding-left: 34px;
    margin-right: 10px;
    margin-top: 1px !important;
    cursor: pointer !important;
    background-color: #d3d3d3 !important;
    background-image: url(agendamento/img/bg-header-accordion-selected.png) !important;
    background-position: left center !important;
    height: 40px;
    line-height: 38px;
    width: 100%;
    display: block !important;
    overflow: hidden;
    box-sizing: border-box;
}

#master_content .accordionHeaderSelected a {
    color: #FFFFFF !important;
    background: none !important;
    text-decoration: none !important;
}

    #master_content .accordionHeaderSelected a:hover {
        background: none !important;
        text-decoration: underline !important;
    }

.accordionContent {
    background-color: #f9fafa;
    border: 1px solid #aaaaaa !important;
    border-top: none !important;
    padding: 20px 18px 18px 18px !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    box-sizing: border-box;
}


/*Estilo para o ListBox*/
.listbox {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-style: solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.botaoManipulaListaBox {
    background-color: #99c2d7;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    border-radius: 3px !important;
    display: block;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .botaoManipulaListaBox:hover {
        background-color: #8ab9d1;
    }

.btnAbaListBoxAtivado {
    padding: 10px 25px;
    border: solid 1px #8fb2cc;
    border-bottom: solid 1px #fff;
    display: inline-block;
    top: 1px;
    position: relative;
    font-weight: bold;
}

.btnAbaListBoxDesativado {
    padding: 10px 25px;
    color: #fff;
    background-color: #75acdc;
    border: solid 1px #75acdc;
    display: inline-block;
    top: 1px;
    position: relative;
}

.listBoxTabPersonalizado select[multiple], select[size] {
    height: auto;
    border-radius: 0px 6px 6px 6px;
    box-sizing: border-box;
    outline: none;
    font-size: 10px;
}

    .listBoxTabPersonalizado select[multiple].direita, select[size].direita {
        height: auto;
        border-radius: 6px 6px 6px 6px;
        box-sizing: border-box;
        outline: none;
        font-size: 10px;
        margin-top: 34px;
    }

.listBoxTabPersonalizado .botoes {
    padding-top: 60px;
}

.listBoxTabPersonalizado a:first-child {
    border-radius: 6px 0px 0px 0px;
}


/*Estilo para validadores*/
RequiredFieldValidator {
    font-size: xx-small;
    color: #FF0000;
}

RegularExpressionValidator {
    font-size: xx-small;
    color: #FF0000;
}

ValidationSummary {
    font-size: xx-small;
    color: #FF0000;
}

.black_overlay {
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 999999999;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.validadores {
    display: block;
}




#avisoespecial {
    width: 561px;
    height: 114px;
    margin: 0 auto;
    margin-top: 100px;
    background-image: url('img/img-acesso-negado.gif');
}


#avisoespecial-conteudo {
    padding: 45px 0px 0px 130px;
    font-family: 'Swis721CnBTRoman';
    font-size: 14px;
    color: #010101;
}



/* Classes para mensagem de erro do Internet Explorer */

#mensagem-ie {
    width: 672px;
    height: 100px;
    border: 1px dashed #bd0000;
    padding: 25px;
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    background-image: url('img/bg-internetexplorer.jpg');
    background-repeat: repeat-x;
    margin-top: 25px;
    margin-bottom: 25px;
    position: relative;
    z-index: -1;
}


#img-mensagem-ie {
    width: 80px;
    height: 80px;
    padding-top: 10px;
    float: left;
    margin-right: 30px;
    position: relative;
    z-index: -1;
}



#texto-mensagem-ie {
    position: relative;
    width: 550px;
    height: 100px;
    float: left;
    z-index: -1;
}

/* Clase para Mensagem de Alerta */

/*
.mensagem-atencao
{
	position:relative;
	width:100%;
	height:28px;
	line-height:26px;
	font-size:12px;
	display:block;
	border: 1px solid #8e0909;
	color:#8e0909;
	margin-top:25px;
	margin-bottom:25px;
	background-image:url(img/exclamation.png);
	background-repeat:no-repeat;
	z-index:0;
	padding:0px 0px 0px 40px;
	font-weight:bold;
}*/


.mensagem-atencao {
    position: relative;
    width: 100%;
    /* height: 37px; */
    line-height: 15px;
    font-size: 13px;
    display: block;
    border: 1px dotted #f2b45c;
    color: #ed9f2f;
    margin-top: 25px;
    margin-bottom: 25px;
    background-image: url(imagens/icones/ico-info.png);
    background-position: 2px 2px;
    background-repeat: no-repeat;
    z-index: 0;
    padding: 10px 0px 8px 40px;
    box-sizing: border-box;
    font-family: 'din-blackregular';
    box-shadow: inset 1px 0px 0px 2px #f5f5f5;
    background-position-y: center;
}



.mensagem-vermelho {
    position: relative;
    width: 100%;
    font-size: 13px;
    display: block;
    border: 1px solid #e08181;
    border-radius: 5px;
    color: #d26262;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    z-index: 0;
    padding: 8px 12px;
    box-sizing: border-box;
    font-family: 'din-blackregular';
    text-transform: uppercase;
    display: inline-block;
}

    .mensagem-vermelho .normal {
        font-family: 'dinregular' !important;
    }


/*.mensagem-atencao
{
	position:relative;
	width:93%;
	height:16px;
	font-size:12px;
	display:block;
	position:relative;
	border: 1px solid #8e0909;
	color:#8e0909;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:3px;
	background-image:url(img/exclamation.png);
	background-repeat:no-repeat;
	z-index:0;
	padding:5px 0px 5px 40px;
}

.texto-atencao
{
	padding:6px 0px 0px 40px;
}

*/

/*Tooltip jQuery*/
.tooltip {
    display: none;
    background: transparent url('img/black_arrow_bottom.png');
    font-size: 11px;
    height: 109px;
    width: 260px;
    color: #fff;
    line-height: 15px;
    font-family: Arial;
    font-weight: bold;
    padding: 15px;
    background-repeat: no-repeat;
    text-align: center;
    z-index: 99999999;
    padding-top: 62px !important;
}



/*.tooltip > all
{
	margin-top:100px !important;
	padding-top:150px !important;
	color:Red !important;
	}*/


.tooltip2 {
    display: none;
    background: transparent url('Agendamento/img/bg-tooltip-agendamento.png');
    background-repeat: repeat;
    font-size: 11px;
    height: 166px;
    width: 271px;
    padding: 54px 0px 0px 30px;
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    background-repeat: no-repeat;
    margin-left: -47px;
}



/*Estiliação do TooltTip*/
.ampliaTooltip .tooltip-inner {
    min-width: 750px;
}

    .ampliaTooltip .tooltip-inner table tr, .BtnLateralAjustado .tooltip-inner table td {
        border: solid 1px #4e4e4e;
        color: #b4b4b4;
        padding: 5px;
    }



    .ampliaTooltip .tooltip-inner table th {
        font-weight: bold;
        border: solid 1px #4e4e4e;
        background-color: #4e4e4e;
        padding: 5px;
        text-align: center;
    }

        .ampliaTooltip .tooltip-inner table th:first-child {
            width: 70px;
        }

.ampliaTooltip .tituloTextTooltip {
    padding: 10px 5px;
}

.ampliaTooltip .tooltip-inner table {
    padding: 5px;
}



.ampliaTooltipAdaptavel .tooltip-inner {
    width: 100%;
    max-width: 700px;
    word-break: keep-all;
}

    .ampliaTooltipAdaptavel .tooltip-inner table tr, .BtnLateralAjustado .tooltip-inner table td {
        border: solid 1px #4e4e4e;
        color: #b4b4b4;
        padding: 8px;
    }



    .ampliaTooltipAdaptavel .tooltip-inner table th {
        font-weight: bold;
        border: solid 1px #4e4e4e;
        background-color: #4e4e4e;
        padding: 5px;
        text-align: center;
    }

        .ampliaTooltipAdaptavel .tooltip-inner table th:first-child {
            width: 70px;
        }

.ampliaTooltipAdaptavel .tituloTextTooltip {
    padding: 10px 5px;
}

.ampliaTooltipAdaptavel .tooltip-inner table {
    padding: 5px;
}

    .ampliaTooltipAdaptavel .tooltip-inner table tr td:nth-child(1) {
        background-color: #3d3d3d;
    }




/* Estilos do Gridview ---------------- */

TABLE.gridviewColorbox {
    background-color: #fff;
    border: solid 1px #fff;
    font-family: Arial;
    font-size: 11px;
    margin-top: 25px;
    width: 100%;
}

    TABLE.gridviewColorbox TR {
        background-color: #98a8b2;
        color: #061016;
        font-size: 11px;
    }

        TABLE.gridviewColorbox TR a {
            color: #000;
            font-weight: bold;
            text-decoration: none;
        }

            TABLE.gridviewColorbox TR a:hover {
                color: #98a8b2 !important;
                text-decoration: none;
                font-weight: bold;
            }

        TABLE.gridviewColorbox TR:hover {
            background-color: #859aa7;
            color: #061016 !important;
        }

    TABLE.gridviewColorbox TH {
        background: #112938 !important;
        color: #fff;
        padding: 7px 10px 7px 10px;
        font-weight: bold;
        background-image: url(img/barra_tabela.png);
        font-size: 12px;
        text-align: center;
    }

    TABLE.gridviewColorbox TD {
        padding: 5px 10px 5px 10px;
        height: 18px;
        text-align: center;
    }

.align-icon {
    text-align: center;
}

    .align-icon:hover {
        text-align: center;
    }

.icon-effect {
    opacity: 0.85;
    -moz-opacity: 0.85;
    filter: alpha(opacity=85);
}

    .icon-effect:hover {
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
    }

.gridviewSelected {
    background-color: #dcbfbf !important;
    color: #6d2e2e !important;
    font-weight: bold;
}

/* Final do GridView --------------- */



/* INÍCIO gb_styles.css */

/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

    #GB_window .content {
        width: auto;
        margin: 0;
        padding: 0;
    }

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

    .GB_Gallery .content {
        background-color: #fff;
        border: 3px solid #ddd;
    }

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

    .GB_header .inner {
        background-color: #333;
        font-family: Arial, Verdana, sans-serif;
        padding: 2px 20px 2px 20px;
    }

    .GB_header table {
        margin: 0;
        width: 100%;
        border-collapse: collapse;
    }

    .GB_header .caption {
        text-align: left;
        color: #eee;
        white-space: nowrap;
        font-size: 20px;
    }

    .GB_header .close {
        text-align: right;
    }

        .GB_header .close img {
            z-index: 500;
            cursor: pointer;
        }

    .GB_header .middle {
        white-space: nowrap;
        text-align: center;
    }


#GB_middle {
    color: #eee;
}

    #GB_middle img {
        cursor: pointer;
        vertical-align: middle;
    }

    #GB_middle .disabled {
        cursor: default;
    }

    #GB_middle .left {
        padding-right: 10px;
    }

    #GB_middle .right {
        padding-left: 10px;
    }


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;
    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close {
    text-align: right;
}

    .GB_Window .close span {
        font-size: 12px;
        cursor: pointer;
    }

    .GB_Window .close img {
        cursor: pointer;
        padding: 0 3px 0 0;
    }

.GB_Window .on {
    border-bottom: 1px solid #333;
}

.GB_Window .click {
    border-bottom: 1px solid red;
}

/* FIM gb_styles.css */



/* ESTILOS PARA BARRA O TOPO DO SISTEMA E MENU SUPERIOR */


/* CSS Document  - BARRA DE ESTILOS*/





.separator {
    width: 1px;
    height: 61px;
    float: left;
    margin: 0px;
    background: url( 'img/line-separator.png' ) repeat-x;
}






.botoes_vida a {
    height: 61px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 22px;
    float: left;
    background: url( 'img/bg1-menu.png' ) repeat-x;
    color: #ffffff;
    text-decoration: none;
    font-family: Arial;
    font-size: 9px;
    border-right: solid 1px #466c86;
    cursor: url(img/cursor-arrow.png), auto;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}


    .botoes_vida a:hover {
        background: url( 'img/bg2-menu.png' ) repeat-x;
        color: White;
    }



/*
.botoes_vida a
{
    height: 61px;
    width: 60px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 22px;
    float: left;
    background: url(  'img/bg1-menu.png' ) repeat-x;
    color: #ffffff;
    text-decoration: none;
    font-family: Arial;
    font-size: 9px;
}




.botoes_vida a:hover
{
    height: 61px;
    width: 60px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    background: url(  'img/bg2-menu.png' ) repeat-x;
    color: White;
    padding-top: 22px;
    text-decoration: none;
    font-family: Arial;
    font-size: 9px;
}
*/


.sombra_dir {
    height: 61px;
    width: 57px;
    float: left;
    background: url( 'img/dir.png' ) no-repeat;
    vertical-align: middle;
    text-decoration: none;
}


.sombra_esq {
    height: 61px;
    width: 89px;
    float: left;
    margin-left: -40px;
    background: url( 'img/esq.png' ) no-repeat;
    vertical-align: middle;
    text-decoration: none;
}


#barra_infos {
    height: 38px;
    width: 900px;
}



.user {
    position: relative;
    background: url( 'img/ico-user.png' ) no-repeat;
    background-position: left;
    padding-left: 0px;
    height: 25px;
    font-family: Arial;
    float: left;
    text-align: left;
    margin-left: 0px;
    margin-top: 9px;
    width: 35px;
}

.user-nome {
    font-family: Arial;
    padding-left: 0px;
    margin-top: 15px;
    float: left;
    text-align: left;
    font-size: 11px;
}

    .user-nome a {
        text-decoration: none;
        color: #000000;
    }

        .user-nome a:hover {
            text-decoration: underline;
            color: #000000;
        }


.modulos {
    background: url( 'img/ico-module.png' ) no-repeat;
    background-position: left;
    height: 25px;
    font-family: Arial;
    float: left;
    text-align: left;
    margin-left: 0px;
    margin-top: 9px;
    width: 35px;
}




.modulos-nome {
    font-family: Arial;
    padding-left: 0px;
    margin-top: 15px;
    float: left;
    width: 120px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    margin-right: 20px;
    overflow: hidden;
}


a.nomedosmodulos {
    text-decoration: none;
    color: #333333;
}


    a.nomedosmodulos:hover {
        text-decoration: none;
        color: #888888;
    }



.menu-barra-module {
    background-position: left;
    padding-left: 0px;
    padding-top: 8px;
    height: 34px;
    font-family: Arial;
    float: left;
    text-align: left;
    width: 465px;
    top: 10px;
    z-index: 9;
    position: relative;
}

#topo_sistema {
    height: 106px;
    vertical-align: top;
    margin: 0 auto;
    width: 1000px;
    margin-top: 7px;
}

#barra_principal {
    width: 100px;
}




#barra_superior {
    height: 7px;
    width: 100%;
    background: url( 'img/linhas-topo.png' ) repeat-x;
}



#barra {
    width: 900px;
    height: 61px;
    position: relative;
    z-index: 2;
    font-family: Verdana, Geneva, sans-serif;
    border-bottom: 0px;
    text-align: center;
    float: left;
    z-index: 0;
}

#barra_conteudo {
    margin: auto;
    float: left;
    width: 950px;
    height: 29px;
}

#barra_assinatura {
    width: 85px;
    height: 29px;
    float: left;
    margin: 0px 15px 0px 0px;
}

#barra_produtos {
    width: 290px;
    height: 29px;
    float: left;
    text-align: left;
    margin: 0px 48px 0px 0px;
}

#barra_trasparente {
    width: 100%;
    height: 0px;
    position: absolute;
    z-index: 3;
    text-align: center;
}

#barra_trasparente_conteudo {
    margin: auto;
    width: 950px;
    height: 10px;
    text-align: left;
}

/* huhuhuhuhuhu*/
#barra_informativo {
    width: 750px;
    height: 61px; /*color:#FFFFFF;*/
    font-size: xx-small;
    margin: 0 0 0 0;
    float: left;
    position: inherit;
    top: 16px;
    font-family: Arial;
    display: inline;
}

#barra_informativo_ok {
    width: auto;
    height: 22px;
    margin: 0px 0px 0px 0px;
    padding: 7px 0px 0px 0px;
    border: 0px;
}

#barra_informativo_texto {
    width: auto;
    height: 20px;
    float: left;
    font-size: 10px;
    color: #ffffff;
    margin: 0px 5px 0px 0px;
    padding: 9px 0px 0px 0px;
}

#barra_informativo_campo {
    width: 70px;
    font-size: 10px;
    color: #666666;
    background-color: #FFFFFF;
    border: none;
    height: 18px;
    float: left;
    margin: 7px 5px 0px 0px;
}




/* ============================================== MENU ============================================= */










.bold_italic {
    font-weight: bold;
    font-size: 15px;
    font-family: none;
}



.italic {
    font-style: italic;
}


/*
a:link{text-decoration:none;color:#000000;}



a:visited{text-decoration:none;color:#000000;}



a:hover{text-decoration:none;color:#000000;}
*/


/*ul {display:inline; height:61px;}*/



div.sc_menu {
    /* Set it so we could calculate the offsetLeft */
    position: relative;
    height: 61px;
    width: 670px;
    float: left;
    z-index: 10;
}

ul.sc_menu {
    display: block;
    height: 61px; /* max width here, for users without javascript */
    width: 1500px;
    padding: 0px 0 0 0px; /* removing default styling */
    margin: 0;
    list-style: none;
}

.sc_menu li {
    display: block;
    float: left;
    padding: 0 0 0 0px;
}

.sc_menu a {
    display: block;
    text-decoration: none;
}

.sc_menu span {
    display: none;
    margin-top: 0px;
    text-align: left;
    font-size: 10px;
    color: #fff;
}

.sc_menu a:hover span {
    display: block;
}

.sc_menu img {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}



/*

ul	{

		list-style-type: none;

		list-style: none;

	}

*/




#tudo {
    width: 760px;
    position: relative; /*Contexto de posicionamento */
    background: #fff url(bg-auxiliar.gif) repeat-y right;
    margin: 0 auto;
    text-align: left;
    border: dotted #999;
    border-width: 0 1px;
    padding-bottom: 30px;
}


#rodape {
    background: #b0f1b0;
    position: relative;
    width: 100%;
    background: url(img/bg-rodape.png) repeat-x;
    height: 78px;
    margin: 0 auto;
    z-index: -1;
    clear: both; /*margin-top:-107px;*/
    margin-top: 50px;
    margin-bottom: 15px;
}

.rodapeCopyright {
    font-family: Arial;
    font-size: 10px;
    margin-top: 29px;
    float: left;
    position: relative;
    padding: 0px;
}

.rodapeLogos {
    margin-top: 20px;
    float: right;
    position: relative;
    text-align: right;
    padding: 0px;
}



#rodapecenter {
    width: 866px;
    height: 57px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}
/*
#geralmano
{
    min-height: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0px;
}
*/

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clear {
    clear: both;
}

.ClearLeft {
    clear: left;
}

.ClearRight {
    clear: right;
}

.ClearBoth {
    clear: both;
}


.textorodape {
    Font-family: Arial;
    font-size: 10px;
    margin-top: 30px;
    /*float: left;*/
    position: relative;
    width: 100%;
}

.marcarodape {
    margin-top: 20px;
    /*float: right;*/
    /*width: 253px;*/
    height: 59px;
    position: relative;
    width: 100%;
    text-align: right;
}





/* DATEPICKER */

/*! jQuery UI - v1.10.1 - 2013-03-01
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/
/* Define tamanho do datepicker */
.ui-datepicker {
    font-size: 12px !important;
}

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -5px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-datepicker-no-days table, .ui-datepicker-no-days .ui-datepicker-next, .ui-datepicker-no-days .ui-datepicker-prev {
    display: none !important;
}


/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222222;
}

    .ui-widget-content a {
        color: #222222;
    }

.ui-widget-header {
    border: 1px solid #4297d7;
    background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #ffffff;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #c5dbec;
        background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #2e6e9e;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: #2e6e9e;
            text-decoration: none;
        }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #79b7e7;
        background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #1d5987;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited {
            color: #1d5987;
            text-decoration: none;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #79b7e7;
        background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #e17009;
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: #e17009;
            text-decoration: none;
        }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fad42e;
        background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
        color: #363636;
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
            color: #363636;
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
        color: #cd0a0a;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
            color: #cd0a0a;
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #cd0a0a;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
        }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-position: 16px 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_469bdd_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_d8e7f3_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_6da8d5_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_217bc0_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_f9bd01_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -67px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 5px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 5px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 5px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}



/* Estilos para a página de duplicidade de Login */


.bodyDuplicidadeLogin {
    background-image: url(img/bg-full-duplicidade.png);
    background-repeat: repeat-x;
}

.topDuplicidade {
    position: relative;
    width: 618px;
    height: 168px;
    background-image: url(img/topo-duplicidade.png);
    margin: 0 auto;
    margin-top: 38px;
}

.containerInfoDuplicidade {
    position: relative;
    width: 726px;
    margin-top: 100px;
    text-align: center;
    border-top: solid 1px #7c2121;
    border-bottom: solid 1px #7c2121;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.tituloDuplicidade {
    font-family: Swis721CnBTBold;
    font-size: 24px;
    color: #313d59;
    text-transform: uppercase;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}

.infosDuplicadosTxt {
    font-family: Swis721CnBTRoman;
    font-size: 15px;
    color: #872222;
    margin-top: 40px;
}

.infosDuplicadosTxtBold {
    font-family: Swis721CnBTBold;
    font-size: 15px;
    color: #872222;
    margin-top: 40px;
}

.infoInferiorDuplicidade {
    font-family: Swis721CnBTBold;
    color: #313d59;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 auto;
    text-align: center;
}





/* PÁGINAS INICIAIS 


.containerTelaInicialModulos {
    position: relative;
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

.containerTituloModulos {
    position: relative;
    float: left;
    top: 20px;
}

.containerInfosModulos {
    position: relative;
    float: left;
    width: 376px;
    margin-top: 90px;
    margin-left: 30px;
    top: 20px;
}

    .containerInfosModulos img {
        display: block;
    }

.textoModulos {
    font-family: arial;
    color: #9b9b9b;
    text-align: justify;
    font-size: 14px;
    margin-top: 23px;
    line-height: 20px;
    width: 370px;
    margin-left: 8px;
    font-family: 'dinregular';
}
*/
/*.containerAcessoRapido {
    position: relative;
    background-image: url(Atendimento/img/home-acesso-rapido2.png);
    background-repeat: no-repeat;
    width: 960px;
    height: 41px;
    font-family: arial;
    color: #c4c4c4;
    font-size: 10px;
    padding: 15px 0px 5px 150px;
    margin-top: 50px;
    display: inline-block;
    text-decoration: none;
}

    .containerAcessoRapido a {
        position: relative;
        padding-right: 8px;
        padding-left: 8px;
        font-family: arial;
        color: #646363;
        text-decoration: none;
        text-align: left !important;
    }

        .containerAcessoRapido a:hover {
            position: relative;
            font-family: arial;
            color: #000;
            text-decoration: none;
        }

.containerAcessoRapido {
  
    text-align: left !important;
}*/



/* Auxiliares Bootstrap */

.imagemResponsiva {
    position: relative;
    max-width: 100%;
    height: auto;
    top: 8px;
}


.bgMarcaPrincipal {
    background-image: url(img/bg-marca-principal.png);
    background-position: right;
    height: 61px !important;
    text-align: center;
}

#TituloMenu {
    border-left: solid 1px #722e31;
    height: 36px;
}

    #TituloMenu span {
        color: #dc8e8d;
        display: inline-block;
        position: relative;
        top: 12px;
        left: 12px;
        font-family: 'din-blackregular';
        font-size: 14px;
        float: left;
    }

    #TituloMenu img {
        display: inline-block;
        position: relative;
        font-family: 'din-blackregular';
        float: right;
    }

#bgloader {
    position: fixed;
    background: url(img/bg-loader.png) no-repeat center;
    width: 277px;
    height: 220px;
    top: 50%;
    margin-top: -110px;
    right: 50%;
    margin-right: -138px;
    padding-top: 65px;
    padding-left: 102px;
    z-index: 9999999999 !important;
}

#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-image: url(imagens/bg-trans-loader.png);
    z-index: 999999999;
    /*filter: alpha(opacity=75);
	opacity: 0.5;
	z-index: 9999999;*/
}

.margin-top {
    margin-top: 25px;
}


/*****************************************************************************************
******************************************************************************************
******************************************************************************************
******************************************************************************************	
/*****************************************************************************************
******************************************************************************************
******************************  MODULOS  *************************************************
******************************************************************************************
******************************************************************************************
******************************************************************************************
******************************************************************************************
******************************************************************************************
*****************************************************************************************/








/* Estilos do formulário - MODULO AGENDAMENTO */



.seleciona-especialidadeoff {
    text-decoration: none;
    padding: 14px;
    border: solid 1px #b1ac9e;
    background-color: #ffffff;
    width: auto;
    float: left;
    margin-right: 2px;
    color: #555555;
}

.seleciona-especialidadeon {
    text-decoration: none;
    padding: 14px;
    border: solid 1px #5286be;
    background-color: #fff;
    width: auto;
    float: left;
    margin-right: 2px;
    color: #5286be;
    font-weight: bold;
}

a.seleciona-especialidade img {
    text-decoration: none;
    padding: 7px 8px 8px 8px;
    /* background-color: #21638e; */
    /* margin-right: 10px; */
    margin-left: -15px;
    border-radius: 5px 0px 0px 5px;
}


a.seleciona-especialidade span {
    position: relative;
    display: inline;
}


.seleciona-especialidade {
    text-decoration: none;
    padding: 2px 20px 0px 20px;
    height: 38px;
    border: solid 1px #1f5d84;
    background-color: #2b73a2;
    margin-top: 20px;
    margin-right: 2px;
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
    /* font-weight: bold; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    overflow: hidden;
}

    .seleciona-especialidade:hover {
        text-decoration: none;
        padding: 2px 20px 0px 20px;
        height: 38px;
        border: solid 1px #21638e;
        background-color: #21638e;
        margin-right: 2px;
        color: #d0eafb;
    }


#titulorelogio {
    background-color: #b05b00;
    width: 170px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
}

#titulorelogio2 {
    background-color: #fff;
    border: solid 1px #b05b00;
    width: 170px;
    font-size: large;
    font-weight: bolder;
    color: #da8021;
    text-align: center;
    padding: 5px;
}
/*
.subtitulo
{
	 background-image:url(img/h2-subtitulo.png); 
	 background-repeat:no-repeat; 
	 margin:40px 0px 5px 0px; 
	 display:block;
	 clear:left;
}

.subtituloTexto
{
	top:-20px; position:relative; color:#497dc3;
}
*/


.check {
    font-size: 11px;
    font-weight: bold;
}

.listCheck {
    height: 35px;
    border: 1px solid #70a7d2;
    padding: 11px 0px 0px 0px !important;
    font-family: 'din-blackregular';
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 3px;
    margin-left: 2px;
    margin-top: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #80b5de;
}

    .listCheck span {
        padding-left: 5px;
    }

        .listCheck span.jqTransformCheckboxWrapper {
            margin-top: -4px !important;
        }

.borderBottom {
    border-bottom: 6px solid #FFFFFF;
}
/*
#progressBackgroundFilter
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #000;
	z-index: 1000;
	filter: alpha(opacity=75);
	opacity: 0.5;
	z-index: 1000;
}
*/


/*
#progressBackgroundFilter
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-image:url(../../imagens/bg-trans-loader.png);
	
	
}
*/

.botoesroll {
    float: left;
    width: auto;
    padding: 0px 20px 0 0;
    text-decoration: none;
    margin-top: 10px;
}

#processMessage {
    position: fixed;
    top: 30%;
    left: 43%;
    padding: 10px;
    width: 14%;
    z-index: 1001; /*background-color: #fff;*/ /*border: solid 1px #000;*/
}




#divbotoesposition {
    padding: 15px 0 0 0;
}

#bgagendamento {
    background-color: #ffffff;
    width: 100%;
}

.backgroundblue {
    background-color: #ebf0f5;
}

.calendar {
    z-index: 99999 !important;
    background-color: #fff !important;
}

.calendario {
    position: relative;
    z-index: 99999 !important;
    background-color: #ffffff !important;
}

#top {
    width: 813px;
    height: auto;
    float: inherit;
    margin: 0 auto;
    z-index: 999;
    background-color: #ffffff;
    padding-right: 60px;
}

/*


.botoesroll {
    float: left;
    width: auto;
    padding: 0px 20px 0 0;
    text-decoration: none;
    margin-top: 10px;
    border: none;
}


.label {
    font-family: Arial;
    font-size: 11px;
    border: none;
    line-height: 17px;
    height: 17px;
    background: #ffffff;
    color: #243d81;
    display: inherit;
    margin-right: 5px;
}

p {
    float: none;
}

legend {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: bold;
    line-height: 1.8;
    color: #ffffff;
    padding: 3px 12px;
    background: #477ba5;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 30px;
}

fieldset {
    border: 1px dashed #477ba5;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.formularioRogerio {
    width: 100%;
    height: auto; margin-left: 117px;
    margin-right: 0;
    padding: 10px 10px 20px 10px;
}
*/

.formulario {
    width: 700px;
    height: auto; /*margin-left: 117px;*/
    margin-right: 0;
    padding: 10px 10px 20px 10px;
}

.formulario2 {
    width: 900px;
    height: auto; /*margin-left: 117px;*/
    margin-right: 0;
    padding: 10px 10px 20px 10px;
}

.formulario3 {
    width: 750px;
    height: auto; /*margin-left: 117px;*/
    margin-right: 0;
    padding: 10px 10px 20px 10px;
}

.formulario4 {
    width: 800px;
    height: auto; /*margin-left: 117px;*/
    margin-right: 0;
    padding: 10px 10px 20px 10px;
}

.formulario5 {
    width: 770px;
    height: auto; /*margin-left: 117px;*/
    margin-right: 0;
    padding: 10px 10px 20px 10px;
}

.formulario6 {
    width: 790px;
    height: auto; /*margin-left: 117px;*/
    margin-right: 0;
    padding: 10px 10px 20px 10px;
}

.formulario7 {
    width: 850px;
    height: auto; /*margin-left: 117px;*/
    margin-right: 0;
    padding: 10px 10px 20px 10px;
}

.formulario8 {
    width: 670px;
    height: auto; /*margin-left: 117px;*/
    margin-right: 0;
    padding: 10px 10px 20px 10px;
}

.formularioMenor {
    width: 500px;
    height: auto;
    margin-right: 0;
    padding: 10px 10px 5px 10px;
}

.formularioMedio {
    width: 675px;
    height: auto;
    margin-right: 0;
    padding: 10px 10px 5px 10px;
}

.rotulo {
    font-family: arial;
    font-size: 12px;
    text-transform: uppercase;
    color: #155282;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
}

.rotuloRadio {
    font-family: 'din-blackregular';
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #5a5a5a;
    margin-bottom: 2px;
    background-image: url(img/bg-rotulo-cinza-claro.png);
    margin-top: 25px;
    background-position: left center;
    padding: 6px 6px 6px 30px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*
    font-size: 12px;   
    background-image: url(img/bg-rotulo-radio2.png);
}*/
}

.Duaslinhas .rotuloRadio {
    font-family: 'din-blackregular';
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #5a5a5a;
    margin-bottom: 3px;
    background-image: url(img/bg-rotulo-cinza-claro.png);
    margin-top: 25px;
    background-position: left center;
    padding: 13px 6px 6px 30px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 38px;
}

.Treslinhas .rotuloRadio {
    font-family: dinregular;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 3px;
    background-image: url(img/bg-rotulo-radio2.png);
    margin-top: 25px;
    background-position: left center;
    padding: 19px 6px 6px 30px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 51px;
}

/*.rotuloRadioDestaque
{
	font-family: din-blackregular;
	font-size: 12px;
	text-transform:uppercase;
	color: #fff;
	margin-bottom:3px;
	background-image:url(img/bg-rotulo-cinza.png);
	margin-top:25px;
	background-position:left center;
	padding:6px 6px 6px 30px;
	display:block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}*/

.rotuloRadioDestaque {
    font-family: dinregular;
    font-size: 12px;
    text-transform: uppercase;
    color: #155282;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
}

.rotuloCheck {
    font-family: arial;
    font-size: 12px;
    text-transform: uppercase;
    color: #155282;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
}

.grupoCampoBotao {
    position: relative;
}

    .grupoCampoBotao input[type='text'] {
        width: 100%;
        font-family: dinregular;
        font-size: 13px;
        color: #707070;
        text-transform: uppercase;
        background-color: #fbfbfb;
        text-transform: uppercase;
        padding: 11px 8px 8px 8px;
        outline: none;
        border: 1px solid #bfbfbf;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

    .grupoCampoBotao .botaoInterno {
        float: right;
        position: absolute;
        color: white;
        font-family: 'dinregular';
        background-color: #80b5de;
        border-radius: 0 2px 2px 0;
        z-index: 99999;
        padding: 11px 10px 9px 10px;
        right: 1px;
        top: 1px;
        z-index: 0;
    }

.botaoInterno:nth-child(2n+1) {
    right: 30px !important;
    border-right: 2px solid #f4faff;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.grupoCampoRotulo {
    position: relative;
}


    .grupoCampoRotulo .rotuloInterno {
        float: right;
        position: absolute;
        color: white;
        font-family: 'dinregular';
        background-color: #c2c2c2;
        border-radius: 0 3px 3px 0;
        z-index: 99999;
        padding: 11px 8px 9px 8px;
        right: 1px;
        top: 1px;
        z-index: 0;
        font-size: 11px;
    }

    .grupoCampoRotulo input[type='text'] {
        width: 100%;
        font-family: dinregular;
        font-size: 13px;
        color: #707070;
        text-transform: uppercase;
        background: #fbfbfb;
        text-transform: uppercase;
        padding: 11px 8px 8px 8px;
        outline: none;
        border: 1px solid #bfbfbf;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

        .grupoCampoRotulo input[type='text']:hover {
            color: #427ca9;
            background: #fff;
            border: 1px solid #829db1;
            -webkit-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
            -moz-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
            box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        }

        .grupoCampoRotulo input[type='text']:focus {
            color: #427ca9;
            background: #fff;
            border: 1px solid #829db1;
            -webkit-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
            -moz-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
            box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        }

.grupoCampoCheck {
    position: relative;
}


    .grupoCampoCheck .rotuloInterno {
        float: right;
        position: absolute;
        color: #737373;
        font-family: 'din-blackregular';
        background-color: #ececec;
        border-radius: 0 3px 3px 0;
        z-index: 99999;
        padding: 5px 8px 2px 8px;
        right: 1px;
        top: 1px;
        z-index: 0;
        font-size: 11px;
        border-left: 1px solid #dadada;
    }

/*.grupoCampoCheck input[type='text'] {
        width: 100%;
        font-family: dinregular;
        font-size: 13px;
        color: #707070;
        text-transform: uppercase;
        background: #fbfbfb;
        text-transform: uppercase;
        padding: 11px 8px 8px 8px;
        outline: none;
        border: 1px solid #bfbfbf;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

        .grupoCampoCheck input[type='text']:hover {
            color: #427ca9;
            background: #fff;
            border: 1px solid #829db1;
            -webkit-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
            -moz-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
            box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        }

        .grupoCampoCheck input[type='text']:focus {
            color: #427ca9;
            background: #fff;
            border: 1px solid #829db1;
            -webkit-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
            -moz-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
            box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        }*/

.CheckContent {
    width: 99%;
    background-color: #eaeaea;
    padding: 3px 6px 5px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}



.RadioContentBorda {
    background-color: #f5f5f5;
    padding: 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #ea8e2d;
    display: block;
}

.campo {
    width: 100%;
    font-family: dinregular;
    font-size: 13px;
    color: #707070;
    text-transform: uppercase;
    background-color: #fbfbfb;
    text-transform: uppercase;
    padding: 11px 8px 8px 8px;
    outline: none;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

    .campo:hover {
        color: #427ca9;
        background: #fff;
        border: 1px solid #829db1;
        -webkit-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        -moz-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
    }

    .campo:focus {
        color: #427ca9;
        background: #fff;
        border: 1px solid #829db1;
        -webkit-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        -moz-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
    }

    .campo[disabled] {
        background-color: #f1f1f1 !important;
        border-color: #dadada !important;
        background-image: none !important;
    }

input.campo[disabled].campoVerde, .campoVerde, .fieldsetTab .campoVerde {
    background-color: #d6edd6 !important;
    border-color: #c7dbbf !important;
    text-shadow: none;
}

input.campo[disabled].campoAmarelo, .campoAmarelo, .fieldsetTab .campoAmarelo {
    background-color: #f4f7d1 !important;
    border-color: #e1e0a3 !important;
    text-shadow: none;
}

input.campo[disabled].campoLaranja {
    background-color: #ffe1b6 !important;
    border-color: #edcd8f !important;
}

input.campo[disabled].campoVermelho, .campoVermelho, .fieldsetTab .campoVermelho {
    background-color: #ffcccc !important;
    border-color: #dfa5a5 !important;
    text-shadow: none;
}

input.campo[disabled].campoAzul, .campoAzul, .fieldsetTab .campoAzul {
    background-color: #daebfd !important;
    border-color: #b8d2ed !important;
    text-shadow: none;
}

.campoLabel {
    width: 100%;
    font-family: dinregular;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    background: #f1f6f9;
    padding: 11px 8px 8px 8px;
    outline: none;
    display: inline-block;
    border-top: 1px solid #a2b7cd;
    border-left: 1px solid #afc3d7;
    border-bottom: 1px solid #afc3d7;
    border-right: 1px solid #c3d2e1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

.campoLabelDestaque {
    background-color: #fff6ec;
    padding: 4px 6px 2px 6px;
    border: 1px solid #e7dcce;
    border-radius: 11px;
    color: #6b5e2c;
    font-size: 12px;
    position: relative;
    top: -3px;
}


.campoObrigatorio {
    border: 1px dashed #0096ff !important;
    border-radius: 3px;
}

    .campoObrigatorio .select2-choice {
        border: none !important;
    }

.campoObrigatorioAdministracao {
    border: 1px dashed #247bca !important;
    border-radius: 3px;
}

    .campoObrigatorioAdministracao .select2-choice {
        border: none !important;
    }

.camposObrigatorios {
    left: 0 !important;
    /*border-left: none !important;*/
}

    .camposObrigatorios.campoData, .camposObrigatorios.campo {
        background-image: url('img/campo_obrigatorio.png');
        background-repeat: no-repeat !important;
        background-position: left !important;
        padding-left: 13px !important;
    }

    .camposObrigatorios.select2-container .select2-choice {
        background-image: url('img/campoObrigatorioSelect2.png');
        background-repeat: no-repeat !important;
        background-position: left !important;
        left: 0 !important;
        padding-left: 5px !important;
        /*border-left: none !important;*/
    }

    .camposObrigatorios .select2-chosen {
        padding-left: 4px;
    }

    .camposObrigatorios.RadioContent, .camposObrigatorios.ContainerRadio, .camposObrigatorios.CheckContent {
        border-left: 5px solid #ff8b00 !important;
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
        left: 0 !important;
    }

table.camposObrigatorios.RadioContent[disabled], span.camposObrigatorios.RadioContent[disabled] {
    border-left: 5px solid #d7d5d5 !important;
}


.campoCondicional {
    left: 0 !important;
    /*border-left: none !important;*/
}

    .campoCondicional.campoData, .campoCondicional.campo {
        background-image: url('img/campo_condicional.png');
        background-repeat: no-repeat !important;
        background-position: left !important;
        padding-left: 13px !important;
    }

    .campoCondicional.select2-container .select2-choice {
        background-image: url('img/campoCondicionalSelect2.png');
        background-repeat: no-repeat !important;
        background-position: left !important;
        left: 0 !important;
        padding-left: 5px !important;
        /*border-left: none !important;*/
    }

    .campoCondicional .select2-chosen {
        padding-left: 4px;
    }

    .campoCondicional.RadioContent, .campoCondicional.ContainerRadio, .campoCondicional.CheckContent {
        border-left: 5px solid #ffd800 !important;
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
        left: 0 !important;
    }

table[disabled].campoCondicional.ContainerRadio {
    border-left: 5px solid #eaeaea !important;
}


.campoRegistro {
    background-color: #f7f7f7;
    display: table;
    padding: 5px 10px;
    border-radius: 5px;
    color: #5c5c5c;
    border: 1px solid #e7e7e7;
    font-family: 'dinregular';
    font-size: 12px;
}

textarea {
    width: 100%;
    font-family: dinregular;
    font-size: 13px;
    color: #707070;
    text-transform: uppercase;
    background-color: #fbfbfb;
    text-transform: uppercase;
    padding: 11px 8px 8px 8px;
    outline: none;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

    textarea:hover {
        color: #427ca9;
        background: #fff;
        border: 1px solid #829db1;
        -webkit-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        -moz-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
    }

    textarea:focus {
        color: #427ca9;
        background: #fff;
        border: 1px solid #829db1;
        -webkit-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        -moz-box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
        box-shadow: inset 0px 0px 6px 0px rgb(200, 217, 226);
    }

    textarea[disabled] {
        background-color: #f1f1f1 !important;
        border-color: #dadada !important;
        background-image: none !important;
    }

    textarea.camposObrigatorios {
        width: 100%;
        border-left: 5px solid #ff8b00 !important;
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
        left: 0 !important;
        text-align: justify;
        line-height: 1.2;
    }

    textarea.campoAjustavel {
        text-align: justify;
        line-height: 1.2;
    }

.destaqueCartaoSUS {
    padding: 5px 26px 10px 26px;
    border-radius: 6px;
    margin-top: 25px;
    margin-bottom: 10px;
    background-color: #f1f1f1;
}
/*.destaqueCartaoSUS:before {
        content: 'f05a';
        font-family: 'Font Awesome 5 Free Solid';
        font-size: 28px;
        color: #5bcdec;
    }*/
.campoDestaqueCartaoSUS {
    left: 0 !important;
    border-left: none !important;
}

    .campoDestaqueCartaoSUS.select2-container .select2-choice {
        background-image: url('img/campo_destaqueCartaoSUS.png');
        background-repeat: no-repeat !important;
        background-position: left !important;
        left: 0 !important;
        padding-left: 5px !important;
        border-left: none !important;
    }

    .campoDestaqueCartaoSUS .select2-chosen {
        padding-left: 4px;
    }

    .campoDestaqueCartaoSUS.RadioContent, .campoDestaqueCartaoSUS.ContainerRadio, .campoDestaqueCartaoSUS.CheckContent {
        border-left: 5px solid #5bcdec !important;
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
        left: 0 !important;
    }

    .campoDestaqueCartaoSUS.campoData, .campoDestaqueCartaoSUS.campo {
        background-image: url('img/campo_destaqueCartaoSUS.png');
        background-repeat: no-repeat !important;
        background-position: left !important;
        padding-left: 10px !important;
    }

    .campoDestaqueCartaoSUS[disabled].campoData, .campoDestaqueCartaoSUS[disabled].campo {
        background-image: url('img/campo_destaqueCartaoSUS.png') !important;
        background-repeat: no-repeat !important;
        background-position: left !important;
        padding-left: 10px !important;
    }


/*div.campoDestaqueCartaoSUS {
    width: 100%;
    border-left: 5px solid #5bcdec !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    left: 0 !important;
}*/


textarea.campoDestaqueCartaoSUS {
    width: 100%;
    border-left: 5px solid #5bcdec !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    left: 0 !important;
}

.textoEntreCampos {
    position: relative;
    background-color: #e4e4e4;
    padding: 9px 0px 9px 22px;
    border-radius: 36px;
    border: 1px solid #afafaf;
    margin-top: 30px;
    color: #737373;
    font-size: 16px;
    font-weight: 700;
}

label {
    font-weight: normal;
}

.destaqueCampos {
    padding: 5px 26px 18px 26px;
    border-radius: 6px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.rotuloDestaqueCampos {
    font-family: 'din-blackregular' !important;
    font-size: 14px;
    text-transform: uppercase;
    color: #155282;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
}

.lilas {
    background-color: #e5e4f7;
}





/*
.ListCampo
{
	padding:11px 8px 8px 8px;
	outline:none;
	display:block;
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #d8d8d8;
	margin-top:10px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
	-moz-box-shadow:    inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
	box-shadow:         inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

*/
.campoAjustavel {
    font-family: dinregular;
    font-size: 13px;
    color: #707070;
    text-transform: uppercase;
    background: #fbfbfb;
    text-transform: uppercase;
    padding: 11px 8px 8px 8px;
    outline: none;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    display: block !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

.campoData {
    width: 100%;
    font-family: dinregular;
    font-size: 13px;
    color: #707070;
    text-transform: uppercase;
    background: #fbfbfb;
    text-transform: uppercase;
    padding: 11px 8px 8px 8px;
    outline: none;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}


.campoDesativado {
    width: 100%;
    min-height: 34px;
    font-family: dinregular;
    font-size: 13px;
    font-weight: normal !important;
    color: #9e9e9e;
    text-shadow: #fff 1px 1px 1px;
    text-transform: uppercase;
    background: #f2f2f2;
    padding: 11px 8px 8px 8px;
    outline: none;
    display: inline-block;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

    .campoDesativado li {
        line-height: 20px;
    }

        .campoDesativado li:before {
            font-family: FontAwesome;
            content: "\f0da";
            margin-right: 6px;
        }

.campoDesativadoBackground {
    width: 100%;
    min-height: 34px;
    font-family: dinregular;
    font-size: 13px;
    font-weight: normal !important;
    color: #9e9e9e;
    text-shadow: #fff 1px 1px 1px;
    text-transform: uppercase;
    background: #f2f2f2;
    padding: 11px 8px 8px 8px;
    outline: none;
    display: inline-block;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}


.fieldsetColorbox {
    padding: 0px 0px 5px 0px !important;
    margin: 20px 0px 20px 0px !important;
    border: none !important;
    background-color: #bfd1e3 !important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

    .fieldsetColorbox legend {
        position: relative;
        display: inline-block;
        font-family: 'din-blackregular';
        font-size: 13px;
        font-weight: bold;
        color: #f2f2f2;
        text-transform: uppercase;
        padding: 10px 10px 10px 14px;
        background: #8996a5;
        margin-bottom: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .fieldsetColorbox .row {
        margin-right: -5px !important;
        margin-left: -5px !important;
    }

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


    .fieldsetColorbox .campoDestaque {
        width: 100%;
        font-family: dinregular;
        font-size: 12px;
        font-weight: normal !important;
        color: #395371;
        text-transform: uppercase;
        background: #bfd1e3;
        padding: 11px 8px 8px 8px;
        outline: none;
        border: 1px dashed #727f8e;
        border-radius: 3px;
        display: inline-block;
    }

    .fieldsetColorbox .campo {
        width: 100%;
        margin: 15px 5px 0px 0px;
        font-family: dinregular;
        font-size: 12px;
        font-weight: normal !important;
        color: #828282;
        text-shadow: #fff 1px 1px 1px;
        text-transform: uppercase;
        background: #f2f2f2;
        padding: 11px 8px 8px 8px;
        outline: none;
        border: 1px solid #aebdcd;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    }

    .fieldsetColorbox .rotulo {
        position: relative;
        float: left;
        margin: 15px 5px 0px 0px;
        font-family: din-blackregular;
        font-size: 12px;
        font-weight: normal !important;
        color: #f2f2f2;
        text-transform: uppercase;
        background: #aebdcd;
        padding: 11px 8px 8px 8px;
        outline: none;
        border-top: 1px solid #aebdcd;
        border-left: 1px solid #aebdcd;
        border-bottom: 1px solid #aebdcd;
        border-right: 1px solid #aebdcd;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    }

.fieldsetTab .campoDesativado {
    color: #737373 !important;
}

.fieldsetSecoes legend {
    font-family: 'din-blackregular';
    font-size: 13px;
    color: #4c6b8c;
    border: solid 1px #b1b8c0;
    text-transform: uppercase;
    padding: 5px 9px 6px 9px;
    margin-bottom: 0px;
    border-radius: 3px;
    background: #d5e2f1;
}

.fieldsetSecoes {
    margin-top: 20px;
}

.campoEspecial {
    width: 100%;
    font-family: dinregular;
    font-size: 13px;
    font-weight: normal !important;
    color: #425171;
    text-transform: uppercase;
    background: #cadcf7;
    padding: 11px 8px 8px 8px;
    outline: none;
    border: 1px solid #5f89b5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

.CampoRadioAlignMargem {
    position: relative;
    float: left;
    margin-right: 10px;
}

.CampoRadioAlign {
    position: relative;
    float: left;
}


/* INÍCIO Botões Laterais*/
.BtnLateral {
    position: relative;
    display: inline-block;
    top: 0px;
    background: #5286be;
    padding: 0 13px 0 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    height: 34px;
    line-height: 32px;
}

    .BtnLateral:hover {
        background: #3669a1;
    }

.col-md-1 .BtnLateral, .col-md-2 .BtnLateral, .col-md-3 .BtnLateral {
    top: 32px;
    background: #8ab6d8;
}

    .col-md-1 .BtnLateral:hover {
        background: #6ea1ca;
    }

.AgrupaCampos {
    background-color: #f1f1f1;
    border-radius: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
    /* margin-right: 10px; */
    /* margin-left: 10px;*/
}

@media (max-width: 768px) {
    .col-md-1 .BtnLateral {
        padding: 0 15px 0 15px;
        height: 42px;
        line-height: 41px;
        font-size: 16px;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .col-md-1 .BtnAdd:before {
        content: "Adicionar";
        color: white;
        font-family: 'din-blackregular';
    }

    .col-md-1 .BtnExcluir:before {
        content: "Excluir";
        color: white;
        font-family: 'din-blackregular';
    }

    .grupoCampoBotao .botaoInterno {
        padding: 12px 18px 12px 18px;
        font-size: 16px !important;
    }

    .grupoCampoCheck .rotuloInterno {
        padding: 10px 8px 5px 8px;
    }
}

.BtnLateralLarguraFixa {
    position: relative;
    display: inline-block;
    top: 0px;
    background: #5286be;
    padding: 0 11px 0 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    height: 34px;
    width: 34px;
    line-height: 32px;
    color: white;
    margin-left: 6px !important;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    cursor: help;
}

.BtnLateralLarguraFixa {
    height: 34px !important;
    width: 34px !important;
    line-height: 32px !important;
    color: white !important;
    margin-left: 6px !important;
}



.BtnBuscar:before {
    font-family: FontAwesome;
    content: "\f002" !important;
    color: white;
}

gridview .BtnBuscar {
    font-family: FontAwesome;
    content: "\f002";
    color: white;
}

.BtnBuscarPlus:before {
    content: "\f00e" !important;
    color: white;
    font-family: FontAwesome;
}


.BtnExcluir:before {
    content: "\f00d" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnExcluirBackground:before {
    content: "\f2d3" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnEditar:before {
    content: "\f040" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnAdd:before {
    content: "\f067" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnCheck:before {
    content: "\f00c" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnAtualizar:before {
    content: "\f021" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnAgendaCheck:before {
    content: "\f274" !important;
    color: white;
    font-family: FontAwesome;
    /*font-size: 12px;*/
}


.BtnAjuda:before {
    content: "\f128" !important;
    color: white;
    font-family: FontAwesome;
    /*font-size: 12px;*/
}

.BtnBloquear:before {
    content: "\f05e" !important;
    color: white;
    font-family: FontAwesome;
    font-size: 14px;
}

.BtnCadeadoAberto:before {
    content: "\f13e" !important;
    color: white;
    font-family: FontAwesome;
    font-size: 14px;
}

.BtnCadeadoFechado:before {
    content: "\f023" !important;
    color: white;
    font-family: FontAwesome;
    font-size: 14px;
}

.BtnCartao:before {
    content: "\f2c3" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnCodigoDeBarras:before {
    content: "\f02a" !important;
    color: white;
    font-family: FontAwesome;
    font-size: 14px;
}

.BtnGraficoPizza:before {
    content: "\f200" !important;
    color: white;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}

.BtnDownload:before {
    content: "\f019" !important;
    color: white;
    font-family: FontAwesome;
    font-size: 14px;
}

.BtnImpressao:before {
    content: "\f02f" !important;
    color: white;
    font-family: FontAwesome;
    font-size: 14px;
}

.BtnLista:before {
    content: "\f0ca" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnPaper:before {
    content: "\f0f6" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnPranchetaMedica:before {
    content: "\f234" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnPublicar:before {
    content: "\f093" !important;
    color: white;
    font-family: FontAwesome;
    font-size: 14px;
}

.BtnVoltar:before {
    content: "\f053" !important;
    color: white;
    font-family: FontAwesome;
    font-size: 14px;
}

.BtnCadastrar:before {
    content: "\f044" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnExcel:before {
    content: "\f1c3" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnChecked:before {
    content: "\f14a" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnUnchecked:before {
    content: "\f0c8" !important;
    color: white;
    font-family: FontAwesome;
}

.BtnAlterar:before {
    content: '\f021';
    font-family: FontAwesome;
    color: #fff !important;
}


.BtnLateralAjustado {
    position: relative;
    display: inline-block;
    top: 34px;
    background: #5286be;
    color: #fff;
    cursor: pointer;
    padding: 10px 10px 9px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: bottom;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .BtnLateralAjustado:hover {
        background: #3669a1;
    }

/* FIM Botões Laterais*/

.filtrosRadioCheckBox {
    border-bottom: solid 1px #dbdbdb;
    padding-bottom: 10px;
    margin: 3px 5px 12px 5px;
}

.btnPequenoLateral {
    background-color: #91b4d3;
    padding: 6px 10px;
    border-radius: 3px;
    color: #fff;
    margin-top: 2px;
    font-size: 11px;
    text-transform: initial;
    display: inline-block;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .btnPequenoLateral:before {
        font-size: 13px;
        margin-right: 5px;
    }

    .btnPequenoLateral:hover {
        background-color: #669dcd;
    }

    .btnPequenoLateral:disabled,
    .btnPequenoLateral[disabled] {
        pointer-events: none;
        background-color: #cdcdcd;
        cursor: default;
    }



.BtnAjustado {
    position: relative;
    display: inline-block;
    top: 32px;
    background: #3ab564;
    font-size: 12px;
    font-family: 'din-blackregular' !important;
    color: #fff;
    cursor: pointer;
    padding: 11px 10px 11px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: bottom;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .BtnAjustado:hover {
        background: #2b9d52;
    }


.BtnSemAjuste {
    position: relative;
    display: inline-block;
    background: #3ab564;
    font-size: 12px;
    font-family: 'din-blackregular' !important;
    color: #fff;
    cursor: pointer;
    padding: 7px 9px 7px 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: bottom;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .BtnSemAjuste:hover {
        background: #2b9d52;
    }

.containerTitulo {
    font-family: 'din-blackregular' !important;
    margin-top: 30px;
    font-size: 12px;
    color: #7db8c9;
    text-transform: uppercase;
}

    .containerTitulo:after {
        content: ' ';
        border: solid 2px #9ccddb;
        display: block;
        border-radius: 7px;
    }

.campoTooltip {
    /*border: 1px solid #ea8e2d;*/
    background: #FFFFFF;
    color: #243d81;
    margin-right: 5px;
}

.colunaEscondida {
    display: none !important;
}

.legenda {
    font-size: x-small;
    font-weight: bold;
}

.itemLegenda {
    width: 100%;
    position: relative;
    float: left;
    background-color: #dcdcdc !important;
    padding: 4px 10px 4px 10px;
    font-size: 10px;
    font-weight: bold;
    color: #444444;
    margin-right: 3px;
    margin-bottom: 10px;
}

.tituloLegenda {
    width: 100%;
    position: relative;
    float: left;
    background-color: #9ea4a8;
    padding: 4px 10px 4px 10px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin-right: 3px;
    margin-bottom: 10px;
}

.campoMaiusculo {
    font-family: Arial;
    font-size: 11px;
    border: 1px solid #8fb2cc;
    background: #FFFFFF;
    color: #243d81;
    margin-right: 5px;
    padding: 5px;
}



.drop {
    font-family: Arial;
    font-size: 11px;
    border: 1px solid #8fb2cc;
    background: #FFFFFF;
    color: #243d81;
    margin-right: 5px;
    padding: 3px 5px 3px 5px !important;
}


select {
    font-family: Arial;
    font-size: 11px;
    border: 1px solid #8fb2cc;
    background: #FFFFFF;
    color: #243d81;
    margin-right: 5px;
    padding: 4px 5px 4px 5px !important;
}


.camporadio {
    font-family: Arial;
    font-size: 11px;
    height: 21px !important;
    margin-top: 0px;
    border: solid 1px #8fb2cc;
    padding-right: 10px;
    margin-bottom: 0px; /*Alinhamento do texto dentro da linha*/
    vertical-align: text-bottom;
    text-align: left;
}



.radioRotulo {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 3px;
    background-color: #8fb2cc;
    margin-top: 15px;
    padding: 6px;
    display: block;
}


.CampoRadioAlignMargem {
    position: relative;
    float: left;
    margin-right: 10px;
}

.CampoRadioAlign {
    position: relative;
    float: left;
}

.clearLeft {
    clear: left;
}

.camporadio_list {
    font-family: Arial;
    font-size: 11px;
    margin-top: 0px;
    margin-bottom: 0px; /*Alinhamento do texto dentro da linha*/
    text-align: left;
    font-weight: bold;
}

.camporadio_end {
    font-family: Arial;
    font-size: 11px;
    height: 23px;
    margin-top: 0px;
    background: #f6f6f6;
    padding-right: 40px;
    margin-bottom: 0px; /*Alinhamento do texto dentro da linha*/
    vertical-align: middle;
}

.camporadio_destaque {
    font-family: Arial;
    font-size: 11px;
    height: 21px !important;
    margin-top: 0px;
    border: solid 1px #8fb2cc;
    padding-right: 10px;
    margin-bottom: 0px; /*Alinhamento do texto dentro da linha*/
    vertical-align: text-bottom;
    text-align: left;
}

.radio {
    font-family: Arial;
    font-size: 10px;
    border: 1px solid #8fb2cc;
    text-align: left;
}

.radio1 {
    font-weight: bold;
    font-size: 11px;
    font-family: Arial;
}

.radio3 {
    font-family: Arial;
    font-size: 10px;
    border: 1px solid #8fb2cc;
    text-align: left;
    padding: 3px 3px 0px 3px;
}

/*
.mensagem-atencao
{
	position:relative;
	width:94%;
	height:16px;
	font-size:12px;
	display:block;
	position:relative;
	border: 1px solid #8e0909;
	color:#8e0909;
	margin-top:10px;
	margin-bottom:25px;
	background-image:url(img/exclamation.png);
	background-repeat:no-repeat;
	z-index:0;
	padding:5px 0px 5px 40px;
}

.texto-atencao
{
	padding:6px 0px 0px 40px;
}
*/


/*Classe HEADER das tabelas*/

/*.tab
{
	font-family: Verdana;
	font-size: x-small;
	border: 1px solid #CCC;
	height: 18px;
	background-color: #e7e7e7;
	font-weight: bold;
}*/

/*Classe ROW das tabelas*/
/*.tabrow
{
	font-family: arial;
	font-size: 8pt;
	border: 1px solid #CCC;
	height: 18px;
	text-align: center;
}*/

.tabrow_left {
    font-family: arial;
    font-size: 8pt;
    border: 1px solid #CCC;
    height: 18px;
}

.form {
    margin: 0;
    padding: 0;
}

.buttons {
    background: #e3e3db;
    font-size: 12px;
    color: #333333;
    padding: 6px 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff #d8d8d0 #d8d8d0 #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

div, select {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}

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




/*MENU---------------------------------------------------------*/

/* #top_menu1
    {
	     float:left;
	      padding:0;
	        margin:0;
    }*/

.top_menu {
    font-family: Arial, Verdana, Sans-Serif;
    background: #ebf0f5 url( 'img/aba_menu_agendamento.png' ) no-repeat left;
    height: 45px;
    margin: 0 0px 0 0px;
    padding: 0 3px 0 15px;
    line-height: 27px;
    width: 471px;
    position: relative;
    top: -30px;
    left: 454px;
    float: left;
    z-index: 2;
}

#container_menu {
    width: 776px;
    height: 99px;
    margin-left: -500px;
    margin-top: -300px;
    position: absolute;
    left: 56%;
    top: 131%;
    vertical-align: top;
}

.divrow_menu {
    display: block;
    vertical-align: top;
}

.divcell_menu {
    display: inline;
    position: relative;
    width: 172px;
    height: 39px;
    float: right;
    overflow: hidden;
    margin-bottom: 0px;
    top: 0px;
    left: 0px;
}

.divlogin {
    display: inline;
    position: relative;
    float: left;
    width: 1001px;
    height: 143px;
    overflow: hidden;
    margin-bottom: 0px;
    top: 0px;
    left: 0px;
}

.divfoot {
    display: inline;
    position: relative;
    width: 1001px;
    height: 29px;
    float: left;
    overflow: hidden;
    margin-bottom: 0px;
    background: #000 url( 'img/bgfoot.jpg' );
}

.contatdor-caracteres {
    position: relative;
    font-family: Arial;
    color: #666666;
    font-size: 11px;
    width: 140px;
    border: solid 1px #8fb2cc;
    padding: 3px 5px 3px 5px;
    font-weight: bold;
    margin-left: 177px;
    margin-top: 3px;
}

.contador-caracteres {
    position: relative;
    font-family: Arial;
    color: #666666;
    font-size: 11px;
    width: 160px;
    padding: 3px 5px 3px 0px;
    font-weight: bold;
    margin-top: 3px;
}

/* Estilos do Gridview ---------------- */
/**/


TABLE.gridview {
    background-color: transparent;
    border: transparent;
    font-family: Arial Narrow;
    font-size: 11px;
    margin-top: 25px;
    width: 100%;
}

    TABLE.gridview TR {
        background-color: transparent;
        border: transparent;
        color: #000;
        font-size: 11px;
    }

        TABLE.gridview TR a {
            color: #000;
            font-weight: bold;
            text-decoration: none;
        }

            /*TABLE.gridview TR a:hover {
                color: #4667b9 !important;
                text-decoration: none;
                font-weight: bold;
            }*/

            TABLE.gridview TR a:visited {
                color: #132e4c !important;
                text-decoration: none;
                font-weight: bold;
            }

        TABLE.gridview TR:hover {
            background-color: #e8e8e8;
            color: #204177 !important;
        }

    TABLE.gridview TH {
        background: #d2d2d2;
        color: #505050;
        padding: 7px 10px 7px 10px;
        font-weight: bold;
        background-image: none;
        font-size: 11px;
        text-align: center;
        text-transform: uppercase;
        border-radius: 4px 4px 0px 0px;
    }

        TABLE.gridview th a {
            color: #FFFFFF;
            font-size: 12px;
            text-align: center;
        }

            TABLE.gridview th a:hover {
                color: #b8eeff;
                font-size: 12px;
                text-align: center;
            }

            TABLE.gridview th a:after {
                content: "\f0dc";
                font-family: FontAwesome;
                margin-left: 5px;
            }

            TABLE.gridview th a.jqTransformCheckbox:after {
                content: "" !important;
            }

        TABLE.gridview TH:first-child {
            border-radius: 4px 0px 0px 0px;
        }

        TABLE.gridview TH:last-child {
            border-radius: 0px 4px 0px 0px;
        }

    TABLE.gridview TD {
        border: none;
        border-bottom: solid 1px #d4d4d4;
        /* background-color: #f9f9f9; */
        padding: 8px 10px 8px 10px;
        height: 18px;
        text-align: center;
        color: #333333;
        word-break: normal;
    }

    TABLE.gridview .botoesLink {
        background-color: #84aaca;
        color: #fff !important;
        padding: 5px 6px;
        border-radius: 3px;
        display: inline-block;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        TABLE.gridview .botoesLink:hover {
            background-color: #6181a5;
            color: #fff !important;
        }


        TABLE.gridview .botoesLink:before {
            content: "\f00c";
            font-family: FontAwesome;
            font-size: 13px;
            color: #ffffff;
            margin-right: 5px;
        }

    TABLE.gridview a[disabled]:before {
        color: #8a8a8a;
    }


    /*TABLE.gridview a {
        background-color: #84aaca;
        color: #fff !important;
        padding: 5px 6px;
        border-radius: 3px;
        display: inline-block;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        TABLE.gridview a:hover {
            background-color: #6181a5;
            color: #fff !important;
        }


        TABLE.gridview a:before {
            content: "\f00c";
            font-family: FontAwesome;
            font-size: 13px;
            color: #ffffff;
            margin-right: 5px;
        }

        TABLE.gridview a img {
            display: none;
        }*/

    /*
        


TABLE.gridview th a{
    background:none;
    color: #fff !important;
    padding: 5px 8px;
    border-radius: 3px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

TABLE.gridview th a:hover{
    background-color: #5387c1;
    color: #fff !important;
}
TABLE.gridview th a:before {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 11px;
    color: #ffffff;
    margin-right: 5px;
        }



}*/

    TABLE.gridview .iconExcluirGrid {
        background-color: #9f0000 !important;
        color: #fff !important;
        padding: 6px 6px 5px 6px !important;
        border-radius: 3px;
        display: inline !important;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        font-weight: normal !important;
    }

        TABLE.gridview .iconExcluirGrid:before {
            font-weight: normal !important;
            content: '\f00d' !important;
            font-family: FontAwesome;
            font-size: 14px !important;
            margin-right: 0px !important;
        }

    TABLE.gridview .btnExcluirGrid a {
        background-color: #9f0000 !important;
        color: #fff !important;
        padding: 6px 6px 5px 6px !important;
        border-radius: 3px;
        display: inline !important;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        font-weight: normal !important;
    }

        TABLE.gridview .btnExcluirGrid a:before {
            font-weight: normal !important;
            content: '\f00d' !important;
            font-family: FontAwesome;
            font-size: 14px !important;
            margin-right: 0px !important;
        }

    TABLE.gridview .iconEditarGrid {
        background-color: #84aaca !important;
        color: #fff !important;
        padding: 7px 6px 4px 6px !important;
        border-radius: 3px;
        display: inline !important;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        font-weight: normal !important;
    }

        TABLE.gridview .iconEditarGrid:before {
            font-weight: normal !important;
            content: '\f044' !important;
            font-family: FontAwesome;
            font-size: 14px !important;
            margin-right: 0px !important;
        }

    TABLE.gridview .iconCancelarGrid {
        background-color: #9f0000 !important;
        color: #fff !important;
        padding: 7px 6px 4px 6px !important;
        border-radius: 3px;
        display: inline !important;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        font-weight: normal !important;
    }

        TABLE.gridview .iconCancelarGrid:before {
            font-weight: normal !important;
            content: '\f05c' !important;
            font-family: FontAwesome;
            font-size: 16px !important;
            margin-right: 0px !important;
        }

    TABLE.gridview .iconConfirmarGrid {
        background-color: #077309 !important;
        color: #fff !important;
        padding: 7px 6px 4px 6px !important;
        border-radius: 3px;
        display: inline !important;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        font-weight: normal !important;
    }

        TABLE.gridview .iconConfirmarGrid:before {
            font-weight: normal !important;
            content: '\f05d' !important;
            font-family: FontAwesome;
            font-size: 16px !important;
            margin-right: 0px !important;
        }

.btnInTable {
    background-color: #31b98f;
    color: #fff !important;
    padding: 5px 9px;
    border-radius: 3px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .btnInTable:hover {
        background-color: #1f926f;
    }


.GridviewPager {
    background-color: #999 !important;
    font-weight: bold;
    color: #000;
}


.align-icon {
    text-align: center;
}

    .align-icon:hover {
        text-align: center;
    }

.icon-effect {
    opacity: 0.85;
    -moz-opacity: 0.85;
    filter: alpha(opacity=85);
}

    .icon-effect:hover {
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
    }

.gridviewSelected {
    background-color: #e6e6e6 !important;
    border-top: solid 1px #fff !important;
    color: #2a4964 !important;
    font-weight: bold;
}

.gridviewSelectedVerde {
    background-color: #e2ede3 !important;
    border-top: solid 1px #fff !important;
    color: #2a4964 !important;
    font-weight: bold;
}

.gridviewSelectedVermelho {
    background-color: #ffecec !important;
    border-top: solid 1px #fff !important;
    /* color: #2a4964 !important; */
    font-weight: bold;
}

.textWrap {
    word-wrap: break-word;
    max-width: 430px;
}





/* Final do GridView --------------- */


.gridviewClaro TABLE.gridview TH {
    background: #94c0db;
    color: #FFFFFF;
    padding: 7px 10px 7px 10px;
    font-weight: bold;
    background-image: none;
    font-size: 12px;
    text-align: center;
}

TABLE.gridviewInternoClaro TH {
    background: #c8dbe3;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #505050;
    padding: 7px 10px 7px 10px;
    font-weight: bold;
    background-image: none;
    font-size: 12px;
    text-align: center;
    font-size: 10px;
}

TABLE.gridviewInternoClaro {
    border: none !important;
}

.gridviewInternoClaro tr:nth-last-child(odd) {
    border-bottom: 1px solid #d9ebf3 !important;
}

.gridviewInternoClaro td {
    font-size: 11px;
    font-weight: normal;
    background-color: #e7eef1;
}







/* GRIDVIEW tabela sem BG */


.tabelaSemBG TABLE.gridview {
    background-color: #fff;
    border: solid 1px #fff !important;
    font-family: Arial Narrow;
    font-size: 11px;
    margin-top: 5px;
    width: 100%;
}

    .tabelaSemBG TABLE.gridview TR {
        background-color: transparent;
        border: solid 1px #fff !important;
        color: #000;
        font-size: 11px;
    }

        .tabelaSemBG TABLE.gridview TR a {
            color: #000;
            font-weight: bold;
            text-decoration: none;
        }

            /*TABLE.gridview TR a:hover {
                color: #4667b9 !important;
                text-decoration: none;
                font-weight: bold;
            }*/

            .tabelaSemBG TABLE.gridview TR a:visited {
                color: #132e4c !important;
                text-decoration: none;
                font-weight: bold;
            }

        .tabelaSemBG TABLE.gridview TR:hover {
            background-color: #f7f7f7;
            color: #204177 !important;
        }

    .tabelaSemBG TABLE.gridview TH {
        background: #ffffff;
        color: #4e82bb;
        border-bottom: solid 2px #4e82bb;
        padding: 7px 10px 4px 10px;
        font-weight: bold;
        font-size: 13px;
        text-transform: uppercase;
        text-align: center;
    }

        .tabelaSemBG TABLE.gridview th a {
            color: #FFFFFF;
            font-size: 12px;
            text-align: center;
        }

            .tabelaSemBG TABLE.gridview th a:hover {
                color: #b8eeff;
                font-size: 12px;
                text-align: center;
            }

            .tabelaSemBG TABLE.gridview th a:after {
                content: "\f0dc";
                font-family: FontAwesome;
                margin-left: 5px;
            }

    .tabelaSemBG TABLE.gridview TD {
        /* border: solid 1px #fff !important; */
        padding: 5px 10px 5px 10px;
        height: 18px;
        text-align: center;
        color: #505a71;
        word-break: break-word;
        border-bottom: solid 1px #e0e0e0 !important;
    }

.tabelaSemBG tr td:first-child {
    /* background-color: #ccc; */
    font-weight: bold;
    color: #333333 !important;
    font-size: 13px;
}

.tituloDadosAzul {
    position: relative;
    font-size: 14px !important;
    color: #ffffff;
    background-color: #5489c3;
    border: 1px solid #5489c3;
    padding: 8px 0px 8px 15px;
    /* width: 350px; */
    width: 100%;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}


    .tituloDadosAzul:before {
        content: "\f078";
        font-family: FontAwesome;
        font-size: 13px;
        color: #fff;
        margin-right: 5px;
    }

.botaoExibeRelatorio {
    position: relative;
    display: inline-block;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    background-color: #83abd4;
    float: left;
    font-size: 13px;
    font-family: arial;
    border-width: 1px;
    border-style: solid;
    border-color: #83abd4;
    color: #fff;
    padding: 14px;
    margin-left: -3px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .botaoExibeRelatorio:hover {
        background-color: #759cc3;
        border-color: #759cc3;
    }

    .botaoExibeRelatorio:before {
        content: "\f080";
        font-family: FontAwesome;
        color: #fff;
        margin-right: 5px;
    }

/* LAYOUT RELATORIO ATENDIMENTO INDIVIDUAL - MÓDULO ATENDIMENTO */
.panel-heading {
    padding-left: 0px;
}

.panel-default .card {
    padding: 5px 0px 0px 20px !important;
}

h4.panel-title {
    background-image: none !important;
    padding: 0px !important;
    border: none !important;
    color: #417cb6 !important;
    font-size: 15px !important;
    font-family: 'dinregular';
}

    h4.panel-title a:after {
        font-family: "Glyphicons Halflings";
        content: "\2212";
        position: relative;
        float: right;
    }

    h4.panel-title a.collapsed:after {
        content: "\002b";
    }


.botaoExpandir {
    position: relative;
    display: inline-block;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    background-color: #83abd4;
    font-size: 13px;
    font-family: arial;
    border-width: 1px;
    border-style: solid;
    border-color: #83abd4;
    border-radius: 8px;
    color: #fff;
    padding: 14px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .botaoExpandir:hover {
        background-color: #759cc3;
        border-color: #759cc3;
    }

    .botaoExpandir:before {
        content: "\e096";
        font-family: 'Glyphicons Halflings';
        color: #fff;
        margin-right: 5px;
    }


.botaoEsconder {
    position: relative;
    display: inline-block;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    background-color: #83abd4;
    font-size: 13px;
    font-family: arial;
    border-width: 1px;
    border-style: solid;
    border-color: #83abd4;
    border-radius: 8px;
    color: #fff;
    padding: 14px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .botaoEsconder:hover {
        background-color: #759cc3;
        border-color: #759cc3;
    }

    .botaoEsconder:before {
        content: "\e097";
        font-family: 'Glyphicons Halflings';
        color: #fff;
        margin-right: 5px;
    }


/* FIM LAYOUT RELATORIO ATENDIMENTO INDIVIDUAL - MÓDULO ATENDIMENTO */






















/* Gridview VAGAS  */

TABLE.gridview table TR, TABLE.gridview table TD {
    border: none !important;
}

TABLE.gridviewVagas {
    background-color: #ebf0f5;
    border: solid 1px #ebf0f5;
    font-family: Arial Narrow;
    font-size: 11px;
    margin-top: 25px;
    width: 100%;
}

    TABLE.gridviewVagas TR {
        background-color: #c7d5e0;
        color: #000;
        font-size: 11px;
    }

        TABLE.gridviewVagas TR a {
            color: #000;
            font-weight: bold;
            text-decoration: none;
        }

            TABLE.gridviewVagas TR a:hover {
                color: #c7d5e0 !important;
                text-decoration: none;
                font-weight: bold;
            }

            TABLE.gridviewVagas TR a:visited {
                color: #4f728e !important;
                text-decoration: none;
                font-weight: bold;
            }

        TABLE.gridviewVagas TR:hover {
            background-color: #beceda;
            color: #204177 !important;
        }

    TABLE.gridviewVagas TH {
        background: #6898bf;
        color: White;
        padding: 7px 10px 7px 10px;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
    }

    TABLE.gridviewVagas TD {
        padding: 5px 10px 5px 10px;
        height: 18px;
        text-align: center;
    }








/* Estilos do Gridview FORM REIMPRESSAO GUIA ---------------- */

TABLE.gridviewGuia {
    background-color: #fff;
    border: solid 1px #fff;
    font-family: Arial Narrow;
    font-size: 9px !important;
    margin-top: 25px;
    width: 100%;
}

    TABLE.gridviewGuia TR {
        background-color: #e8edf9;
        color: #000;
        font-size: 11px;
    }

        TABLE.gridviewGuia TR a {
            color: #000;
            font-weight: bold;
            text-decoration: none;
        }

            TABLE.gridviewGuia TR a:hover {
                color: #4667b9 !important;
                text-decoration: none;
                font-weight: bold;
            }

            TABLE.gridviewGuia TR a:visited {
                color: #4f728e !important;
                text-decoration: none;
                font-weight: bold;
            }

        TABLE.gridviewGuia TR:hover {
            background-color: #dee4f2;
            color: #204177 !important;
        }

    TABLE.gridviewGuia TH {
        background: #fff;
        color: #FFFFFF;
        padding: 7px 6px 7px 6px;
        font-weight: bold;
        background-image: url(img/barra_tabela.png);
        font-size: 12px;
        text-align: center;
    }

    TABLE.gridviewGuia TD {
        padding: 5px 10px 5px 10px;
        height: 18px;
        text-align: center;
    }


.GridviewPager {
    background-color: #999 !important;
    font-weight: bold;
    color: #000;
}


.tooltipInfo {
    color: #216ead;
    font-weight: bold;
    clear: left;
    font-size: 13px;
}

.tooltipDados {
    color: #4380b2;
    font-weight: normal;
    clear: left;
    font-size: 11px;
}



/* PANEL */

.divMensagem {
    position: fixed;
    top: 50%;
    margin-top: -280px;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    z-index: 102;
    background-color: #0d2639;
    border: #ffffff 5px solid;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    color: #c5d4df;
    padding-top: 10px;
    text-align: justify;
    font-family: Verdana;
}

.divMensagem300 {
    left: 50%;
    margin-left: -150px;
    width: 300px;
    z-index: 102;
    background-color: #0d2639;
    border: #ffffff 5px solid;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    color: #c5d4df;
    padding-top: 10px;
    text-align: justify;
    font-family: Verdana;
}

.backgroundMensagem {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    min-height: 100%;
    background-color: #000;
    filter: alpha(opacity=85);
    moz-opacity: 0.8;
    opacity: 0.8;
}



/************ DROPBOX ***********/

.DropDownList {
    width: 400px;
    height: 15px;
    background-color: #f8f8f8;
    border: solid 1px #4f817e;
    padding: 10px;
    font-size: 11px !important;
    margin: 5px 15px 15px 0 !important;
    display: block;
}


    .DropDownList:hover {
        width: 400px;
        height: 15px;
        background-color: #f2f2f2;
        border: solid 1px #4f817e;
        padding: 6px;
        font-size: 16px;
        margin: 5px 15px 15px 0;
        display: block;
    }

.Dropbox-item {
    padding: 10px;
    background-color: #f8f8f8 !important;
    font-size: 11px !important;
    background-color: #f2f2f2 !important;
}


    .Dropbox-item:hover {
        background-color: #dadada !important;
    }

.Dropbox-border {
    border: solid 1px #999;
}





.dropdown {
    background-color: #f8f8f8;
    border: solid 1px #4f817e;
    font-size: 15px !important;
}

    .dropdown:hover {
        background-color: #f0f7f7;
        border: solid 1px #4f817e;
        padding: 15px;
        font-size: 16px;
        margin: 5px 15px 5px 0;
        display: block;
    }

    .dropdown:focus {
        background-color: #f0f7f7;
        border: solid 1px #193e3c;
        padding: 15px;
        font-size: 16px;
        margin: 5px 15px 5px 0;
        display: block;
    }



.botaoCombo {
    background-image: url(agendamento/img/btn-combobox.png);
    width: 18px;
    height: 17px;
    cursor: pointer;
}


    .botaoCombo:hover {
        background-image: url(agendamento/img/btn-combobox.png);
        width: 18px;
        height: 17px;
        cursor: pointer;
        filter: alpha(opacity=80);
        opacity: 0.8;
    }


.botaoPanel {
    background-color: Blue;
    padding: 9px 12px 9px 12px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    float: left;
    margin-right: 6px;
}

    .botaoPanel:hover {
        background-color: Black;
    }



/* Inicio do GridView do relatorio --------------- */

TABLE.gridviewRelatorio {
    width: 1086px;
    background-color: #fff;
    border: none !important;
    font-family: Arial;
    font-size: 11px;
    margin-top: 15px;
}

    TABLE.gridviewRelatorio TR {
        background-color: #e8e9e9;
        color: #000;
        font-size: 11px;
    }

        TABLE.gridviewRelatorio TR a {
            color: #000;
            font-weight: bold;
            text-decoration: none;
        }

            TABLE.gridviewRelatorio TR a:hover {
                color: #656363 !important;
                text-decoration: none;
                font-weight: bold;
            }

            TABLE.gridviewRelatorio TR a:visited {
                color: #4f728e !important;
                text-decoration: none;
                font-weight: bold;
            }

        TABLE.gridviewRelatorio TR:hover {
            background-color: #dddfe0;
            color: #656363 !important;
        }

    TABLE.gridviewRelatorio TH {
        color: #FFFFFF;
        padding: 7px 10px 7px 10px;
        font-weight: bold;
        background-image: url(img/barra_tabela3.png);
        font-size: 14px;
        text-align: center;
        font-family: Swis721CnBTBold;
        text-transform: uppercase;
    }

    TABLE.gridviewRelatorio TD {
        padding: 5px 10px 5px 10px;
        height: 18px;
        text-align: center;
    }

.borderComprovante {
    width: 170px;
    font-family: Arial;
    border: 1px dashed #333333;
    font-weight: bold;
    padding: 3px;
}

/*RELATORIO*/

.containerTopRelatorio {
    width: 1085px;
    height: 133px;
    background-image: url('img/topo-relatorio.png');
    background-repeat: no-repeat;
}

.tituloTopRelatorio {
    font-size: 26px;
    color: #514f4f;
    font-family: Swis721CnBTBold;
    font-weight: bold;
    padding: 50px 3px 3px 20px;
    float: left;
}

.ModuloTopRelatorio {
    font-size: 24px;
    color: #514f4f;
    font-family: Swis721CnBTRoman;
    text-align: right;
    border: none;
    padding: 40px 33px 3px 20px;
    float: right;
}

.ContainerInfosUserRelatorio {
    width: 1053px;
    border: solid 1px #666;
    padding: 15px;
    margin-top: 15px;
}

.infosLeft {
    float: left;
    width: 440px;
}

.infosRight {
    float: right;
    width: 550px;
}

.titleLabelComprovante {
    font-family: Swis721CnBTBold;
    text-transform: uppercase;
    color: #555;
    line-height: 22px;
}

.infosLabelComprovante {
    font-family: Swis721CnBTRoman;
    text-transform: uppercase;
    color: #555;
}

.titleH2COmprovante {
    font-family: Swis721CnBTBold;
    font-size: 18px;
    border: solid 1px #7f7f7f;
    color: #7f7f7f;
    width: 1073px;
    padding: 5px;
    margin-top: 25px;
}

/*botao*/

.botaoProximoAnterior {
    padding: 6px 12px 6px 12px !important;
    background-color: White;
    border: solid 1px #507CD1;
    font-family: verdana;
    Font-Size: 0.8em;
    text-decoration: none;
    color: #284E98;
    margin: 4px;
    float: left;
    cursor: default;
}



.containerAspCombo {
    display: inline-block;
    background-color: Gray;
    height: 18px;
    width: 620px;
    border: 1px solid #8fb2cc;
}

.botaoFechaRelatorio {
    position: absolute;
    margin-left: 50%;
    left: 280px;
    top: 12px;
    width: 88px;
    height: 36px;
    background-image: url(img/btn-fechar-relatorio1.png);
}

    .botaoFechaRelatorio:hover {
        position: absolute;
        margin-left: 50%;
        left: 280px;
        top: 12px;
        width: 88px;
        height: 36px;
        background-image: url(img/btn-fechar-relatorio2.png);
    }

.inlineBlock {
    display: inline-block;
    background-color: #000 !important;
    font-size: 20px;
}



/* MODULO RELATORIO */

.itensSelecaoRelatorios {
    border-bottom: solid 1px #e9e9e9;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

    .itensSelecaoRelatorios i {
        font-size: 17px;
        color: #9a9a9a;
    }

    .itensSelecaoRelatorios a {
        font-family: dinregular;
        font-size: 13px;
        color: #497db5;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        .itensSelecaoRelatorios a:hover {
            font-family: dinregular;
            font-size: 13px;
            color: #929292;
        }


        .itensSelecaoRelatorios a:before {
            content: "\f080";
            font-family: FontAwesome;
            font-size: 17px;
            color: #9a9a9a;
            margin-right: 5px;
        }




.tituloInternoTabs {
    position: relative;
    padding: 10px 10px 7px 16px !important;
    font-weight: normal;
    font-size: 14px;
    color: #497db5;
    border-bottom: solid 1px #5e95d0;
    background-image: url(img/arrow-h3.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 30px;
    margin-bottom: 25px;
    width: 100%;
    background-color: Transparent;
    font-family: 'din-blackregular';
    font-size: 16px;
}

.row.itensSelecaoRelatorios {
    margin-right: 0px !important;
    margin-left: 0px !important;
}






/* ---- AUTORIZAÇÃO AMBULATORIAL ----  */

.containerLeft {
    float: left;
    position: relative;
    z-index: 0;
}

.containerRight {
    float: right;
    position: relative;
}

.tituloDados {
    position: relative;
    font-size: 12px;
    color: #ffffff;
    background-color: #8fb2cc;
    border: 1px solid #8fb2cc;
    padding: 8px 0px 8px 15px;
    /*width: 350px;*/
    width: 100%;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

.bgDados {
    position: relative;
    background-color: #f7f8f9;
    /*width: 350px;*/
    width: 100%;
    height: 310px;
    padding: 3px 0px 3px 15px;
    border: solid 1px #c1c4c4;
    margin-right: 20px;
    margin-bottom: 20px;
}

.rotuloDados {
    font-size: 12px;
    color: #000;
    padding: 10px 0px 5px 0px;
    width: 156px;
    margin-right: 5px;
    font-weight: bold;
    display: block;
}

.campoDados {
    font-family: dinregular;
    font-size: 13px;
    color: #707070;
    text-transform: uppercase;
    background: #fff;
    text-transform: uppercase;
    padding: 10px 8px 9px 8px;
    outline: none;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

.validacoes {
    display: block;
    position: relative;
    width: 100%;
}

.containerValidadores {
    height: 20px;
    margin-top: 3px;
}
.containerValidadoresBlock * {
    display: block;
}


.labelDados {
    font-family: Arial;
    font-size: 11px;
    border: none;
    line-height: 17px;
    height: 17px;
    background: #f7f8f9;
    color: #333e46;
    display: inherit;
    margin-right: 5px;
}


.tituloContainer {
    color: #fff;
    background-color: #477ba5;
    padding: 10px 0px 10px 15px;
    width: 770px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 40px;
    z-index: -1000;
}

.tituloH2 {
    color: #fff;
    background-color: #477ba5;
    padding: 10px 0px 10px 15px;
    width: 98%;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 40px;
    z-index: -1000;
}

.tituloRotulo {
    background-image: url(img/bg-h4.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 36px;
    width: 100%;
    font-size: 12px;
    color: #477ba5;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.botaoPesquisa {
    background-image: url(img/pesquisar_1.png);
    background-repeat: no-repeat;
    height: 38px;
    width: 134px;
    top: 15px;
    text-decoration: none;
}

    .botaoPesquisa:hover {
        background-image: url(img/pesquisar_2.png);
        background-repeat: no-repeat;
        height: 38px;
        width: 134px;
        top: 15px;
    }

.topo-gridview {
    background-image: url(img/gridview-topo.png);
    background-repeat: repeat-x;
    border: solid 1px #c1c4c4;
    border-bottom: none;
    color: #a00909;
    padding: 10px 0px 10px 15px;
    font-weight: bold;
    font-size: 14px;
}

.botaoProcurar {
    position: relative;
}
/* ---- FIM DE AUTORIZAÇÃO AMBULATORIAL ----  */

/* ----  COLORBOX ---- */
.Colorbox {
    position: relative;
    padding: 0px;
    background-color: #d6e9fd;
    font-family: Arial;
    padding-bottom: 30px;
    height: 100%;
}

.ColorboxTopo {
    background-color: #5081B3;
    padding: 30px 20px !important;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: din-blackregular;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.ColorboxContainer {
    padding: 10px 30px;
}

.ColorboxSubtitulo {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.ColorboxTexto {
    font-size: 12px;
}

/* ---- fim do COLORBOX ---- */

/*------------------ Procedimento - Módulo ATENDIMENTO -----------------------*/
.txbProcedimentos {
    margin: 5px 0px 3px 10px;
    display: inline-block;
}

    .txbProcedimentos input[type='text'] {
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 3px;
        background-position: left center;
        padding: 6px;
        margin-right: 10px;
    }

    .txbProcedimentos span span {
        font-size: 10px;
        text-transform: uppercase;
        margin-bottom: 3px;
    }

    .txbProcedimentos span {
        font-size: 10px;
        text-transform: uppercase;
        width: 420px;
        display: inline-block;
    }
/*------------------ FIM - Procedimento - Módulo ATENDIMENTO -----------------------*/

/*------------------ FILE UPLOAD -----------------------*/

div.custom_file_upload {
    width: 550px;
    height: 20px;
}

input.file {
    width: 250px;
    height: 26px;
    border: 1px solid #BBB;
    border-right: 0;
    color: #888;
    padding: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    outline: none;
}

div.file_upload {
    width: 150px;
    height: 26px;
    background: #3e73ac;
    text-transform: uppercase;
    display: inline;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    padding-top: 8px;
    font-size: 11px;
    box-sizing: border-box;
}

    div.file_upload:before {
        content: 'Selecione o arquivo';
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        cursor: pointer;
    }

    div.file_upload input {
        position: relative;
        width: 250px;
        display: inline;
        cursor: pointer;
        opacity: 0;
    }



div.upload {
    /*  width: 157px;
    height: 57px;
  background: url(https://lh6.googleusercontent.com/-dqTIJRTqEAQ/UJaofTQm3hI/AAAAAAAABHo/w7ruR1SOIsA/s157/upload.png);
    */
}

    div.upload input {
        display: block !important;
        /*   width: 157px !important;
    height: 57px !important; */
        opacity: 0 !important;
        overflow: hidden !important;
    }
/*------------------ FIM - FILE UPLOAD -----------------------*/

/*------------------ AGENDA DE HORÁRIOS - MÓDULO SEGURANÇA -----------------------*/
.topoAgenda {
    background-color: #4d5462;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 10px 5px 10px;
}

.linhaAgenda {
    background-color: #edf0f2;
}

.colunaAgenda {
    background-color: #dfe2e3;
    padding-left: 7px;
    font-size: 12px;
    font-weight: bold;
}

/*------------------ FIM - AGENDA DE HORÁRIOS - MÓDULO SEGURANÇA -----------------------*/





/****************************   SENHADOR  ************************************/


.seleciona-unidade {
    background-image: url(img/icon-home.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 12px 20px 0px 40px;
    height: 38px;
    border: solid 1px #1f5d84;
    background-color: #2b73a2;
    margin-top: 20px;
    margin-right: 2px;
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    overflow: hidden;
}


    .seleciona-unidade:hover {
        text-decoration: none;
        padding: 12px 20px 0px 40px;
        height: 38px;
        border: solid 1px #21638e;
        background-color: #21638e;
        margin-right: 2px;
        color: #d0eafb;
    }





/*.AlinhaAccordion {position:relative; margin-left:175px; float:left;  position:absolute;}*/
.AlinhaAccordion {
    position: absolute;
    z-index: 1000;
}

.accordionHeaderSenhador {
    border: 1px solid #597337 !important;
    color: #597337 !important;
    font-family: Arial, Sans-Serif !important;
    font-size: 12px !important;
    padding: 4px 6px 5px 7px !important;
    cursor: pointer !important;
    text-transform: uppercase;
    width: 383px !important;
    display: inline-block !important;
    background-image: url(img/arrows-accordion.png);
    background-position: 360px -10px;
    background-repeat: no-repeat;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .accordionHeaderSenhador:hover {
        border: 1px solid #597337 !important;
        color: #597337 !important;
        font-family: Arial, Sans-Serif !important;
        font-size: 12px !important;
        cursor: pointer !important;
        display: inline-block !important;
        text-transform: uppercase;
        background-color: #f2f7ec;
    }

.accordionHeaderSelectedSenhador {
    border: 1px solid #597337 !important;
    color: #597337 !important;
    font-family: Arial, Sans-Serif !important;
    font-size: 12px !important;
    text-transform: uppercase;
    padding: 4px 6px 5px 7px !important;
    cursor: pointer !important;
    width: 383px !important;
    display: inline-block !important;
    background-repeat: no-repeat;
    background-image: url(img/arrows-accordion.png);
    background-position: 360px 8px;
    background-color: #f2f7ec;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.accordionContentSenhador {
    background-color: #fff;
    border: 1px solid #597337 !important;
    border-top: none !important;
    padding: 5px !important;
    width: 383px !important;
}


/********************** SELECIONAR PONTO DE ATENDIMENTO  ****************************/

/*.PontoDesocupado {
    position: relative;
    display: inline-block;
    color: #415723;
    padding: 10px 0px 0px 16px;
    background-image: url(img/bg-ponto-desocupado1.png);
    margin-top: 3px;
    background-repeat: no-repeat;
    width: 369px;
    height: 31px;
    text-decoration: none;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.PontoDesocupado:hover {
        position: relative;
        background-image: url(img/bg-ponto-desocupado2.png);
        cursor: pointer;
}

.PontoOcupado {
    position: relative;
    display: inline-block;
    color: #753030;
    padding: 10px 0px 0px 16px;
    background-image: url(img/bg-ponto-ocupado1.png);
    margin-top: 3px;
    background-repeat: no-repeat;
    width: 369px;
    height: 31px;
    text-decoration: none;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .PontoOcupado:hover {
        position: relative;
        background-image: url(img/bg-ponto-ocupado2.png);
        cursor: pointer;
    }



.botaoDesocuparLocal {
    position: absolute;
    font-size: 13px;
    font-family: Arial;
    color: #FFF;
    height: 26px;
    width: 145px;
    background-image: url(img/btn-desocupar.png);
    text-decoration: none;
    margin-left: 392px;
    float: left;
}*/


.PontoDesocupado {
    background: #bad597; /* Old browsers */
    background: -moz-linear-gradient(top, #bad597 0%, #c5dba9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bad597 0%,#c5dba9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bad597 0%,#c5dba9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad597', endColorstr='#c5dba9',GradientType=0 ); /* IE6-9 */
    position: relative;
    display: inline-block;
    color: #354a18;
    font-size: 14px;
    padding: 7px 0px 0px 16px;
    margin-top: 3px;
    background-repeat: no-repeat;
    width: 130px;
    height: 31px;
    border-radius: 3px;
    text-decoration: none;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -moz-opacity: 8;
}

    .PontoDesocupado:hover {
        position: relative;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }


.PontoOcupado {
    background: #edc6c6; /* Old browsers */
    background: -moz-linear-gradient(top, #edc6c6 0%, #d9b1b1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #edc6c6 0%,#d9b1b1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #edc6c6 0%,#d9b1b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc6c6', endColorstr='#d9b1b1',GradientType=0 ); /* IE6-9 */
    position: relative;
    display: inline-block;
    color: #753030;
    font-size: 14px;
    padding: 7px 0px 0px 16px;
    margin-top: 3px;
    background-repeat: no-repeat;
    width: 130px;
    height: 31px;
    border-radius: 3px;
    text-decoration: none;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -moz-opacity: 8;
}

    .PontoOcupado:hover {
        color: #753030 !important;
        position: relative;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }


.PontoOcupadoDesocupar {
    background: linear-gradient(to bottom, rgba(243, 0, 0, 0.31) 0%,rgba(191, 36, 24, 0.42) 100%);
    position: relative;
    display: inline-block;
    color: #753030;
    font-size: 14px;
    padding: 7px 0px 0px 16px;
    margin-top: 3px;
    background-repeat: no-repeat;
    width: 130px;
    height: 31px;
    border-radius: 3px;
    text-decoration: none;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -moz-opacity: 8;
}

    .PontoOcupadoDesocupar:hover {
        color: #753030 !important;
        position: relative;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }

.linhaPontoOcupado {
    background-color: rgba(237, 212, 212, 0.32);
    color: #751414 !important;
}



    .linhaPontoOcupado a {
        background-color: rgba(237, 212, 212, 0.32);
        color: #751414 !important;
        font-weight: normal !important;
        font-family: Swis721CnBTBold !important;
    }



    .linhaPontoOcupado:hover {
        background-color: rgba(237, 212, 212, 0.62) !important;
        color: #600f0f !Important;
    }


.linhaPontoDesocupado {
    background-color: rgba(211, 225, 195, 0.33);
    color: #213505 !Important;
}

    .linhaPontoDesocupado:hover {
        background-color: rgba(211, 225, 195, 0.63) !important;
        color: #213505 !Important;
    }

    .linhaPontoDesocupado a {
        background-color: rgba(211, 225, 195, 0.33) !important;
        color: #213505 !Important;
        font-weight: normal !important;
        font-family: Swis721CnBTBold !important;
    }










/********************************** PÁGINA REALIZAR ATEMDIMENTO - ACOLHIMENTO  ************************************/


/* TABELA SENHAS */
TABLE.tabelaLista {
    font-family: 'Swis721CnBTRoman';
    /*background-color: #fff;*/
    border: none !important;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    margin-top: 1px;
}

    TABLE.tabelaLista TR {
        /*background-color: #fff;*/
        color: #275282;
        text-transform: uppercase;
        font-size: 12px;
        border: none !important;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        TABLE.tabelaLista TR a {
            /*color: #004669;*/
            font-weight: bold;
            text-decoration: none;
        }

            TABLE.tabelaLista TR a:hover {
                /*color: #1d3746;*/
                text-decoration: none;
                font-weight: bold;
            }

        TABLE.tabelaLista TR:hover {
            background-color: #ebeef5;
            color: #53819c;
        }

    TABLE.tabelaLista TH {
        background: #4378b1;
        color: #fff;
        border-bottom: solid 2px #275282;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        padding: 15px 0px 15px 15px;
        font-family: Swis721CnBTBold;
        text-transform: uppercase;
        font-size: 13px;
    }

    TABLE.tabelaLista TD {
        padding: 10px 0px 10px 0px;
        height: 18px;
        border-bottom: solid 1px #275282;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
    }

.PaddingTabela {
    padding: 15px 5px 10px 5px !important;
}

/* FIM TABELA SENHAS */






/********************************** PÁGINA CHAMAR SENHA ************************************/


/* TABELA SENHAS */
TABLE.tabelaListaSenhas {
    font-family: 'Swis721CnBTRoman';
    background-color: #fff;
    border: none !important;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    width: 810px;
    margin-top: 1px;
}

    TABLE.tabelaListaSenhas TR {
        background-color: #fff;
        color: #52733a;
        text-transform: uppercase;
        font-size: 12px;
        border: none !important;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        TABLE.tabelaListaSenhas TR a {
            color: #004669;
            font-weight: bold;
            text-decoration: none;
        }

            TABLE.tabelaListaSenhas TR a:hover {
                color: #1d3746;
                text-decoration: underline;
                font-weight: bold;
            }

        TABLE.tabelaListaSenhas TR:hover {
            background-color: #f2f5eb;
            color: #004669;
        }

    TABLE.tabelaListaSenhas TH {
        background: #fff;
        color: #3d5100;
        border-bottom: solid 2px #52733a;
        border-bottom: solid 2px #52733a;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        padding: 15px 0px 15px 0px;
        font-family: Swis721CnBTBold;
        text-transform: uppercase;
        font-size: 13px;
    }

    TABLE.tabelaListaSenhas TD {
        padding: 10px 0px 10px 0px;
        height: 18px;
        border-bottom: solid 1px #52733a;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
    }

.PaddingNome {
    padding-left: 10px !important;
}

/* FIM TABELA SENHAS */


/* TABELA SENHA ATUAL */
TABLE.tabelaSenhaAtual {
    font-family: 'Swis721CnBTRoman';
    background-color: #fff;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    width: 802px;
    text-align: center;
}

    TABLE.tabelaSenhaAtual TR {
        background-color: #fff;
        color: #67763f;
        text-transform: uppercase;
        font-size: 12px;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        TABLE.tabelaSenhaAtual TR a {
            color: #004669;
            font-weight: bold;
            text-decoration: none;
        }

            TABLE.tabelaSenhaAtual TR a:hover {
                color: #1d3746;
                text-decoration: underline;
                font-weight: bold;
            }

        TABLE.tabelaSenhaAtual TR:hover {
        }

    TABLE.tabelaSenhaAtual TH {
        background: #6295cd;
        color: #fff;
        padding: 6px 0px 6px 0px;
        text-align: left;
        font-family: Swis721CnBTRoman;
        text-transform: uppercase;
        font-size: 14px;
        text-align: center;
        font-weight: normal;
        height: 16px;
    }

    TABLE.tabelaSenhaAtual TD {
        padding: 0px 0px 0px 0px;
        height: 12px;
        background-image: url(Senhador/img/bg-divisor-tabela.png);
        background-repeat: no-repeat;
        background-position: right;
    }
/* FIM TABELA SENHAS */
.titulosDestaque {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background-image: url(Senhador/img/ico-titulo-tabs.png);
    background-repeat: no-repeat;
    background-position: 13px 11px;
    border: solid 1px #8ba7ba;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 12px 12px 12px 52px;
    font-size: 18px;
    color: #356a8e;
    font-family: Swis721CnBTBold;
}


.titulosSenhador {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background-image: url(Senhador/img/ico-titulo-tabs.png);
    background-repeat: no-repeat;
    background-position: 13px 11px;
    border: solid 1px #8ba7ba;
    margin-bottom: 10px;
    padding: 12px 12px 12px 52px;
    font-size: 18px;
    color: #356a8e;
    font-family: Swis721CnBTBold;
}

.btnChamarSenhaEspecial {
    position: relative;
    display: inline-block;
    background-image: url(Senhador/img/btn-chamar1.png);
    width: 91px;
    height: 33px;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .btnChamarSenhaEspecial:hover {
        background-image: url(Senhador/img/btn-chamar2.png);
    }

.ConatainerSenhaAtual {
    padding: 3px;
    border: solid 1px #8ba7ba;
    width: 810px;
    margin-bottom: 50px;
    text-align: left;
}

.SenhaAtual {
    width: 697px;
    text-align: left;
    float: left;
}


.botaoSenhaAtual {
    position: relative;
    width: 102px;
    height: 108px;
    background-image: url(Senhador/img/btn-G.png);
    float: right;
    margin-left: 3px;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .botaoSenhaAtual:hover {
        position: relative;
        width: 102px;
        height: 108px;
        background-image: url(Senhador/img/btn-G2.png);
        float: right;
    }


.BtnPararFila {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 60px;
    background-image: url(Senhador/img/btn-parar-fila01.png);
    margin-right: 3px;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .BtnPararFila:hover {
        background-image: url(Senhador/img/btn-parar-fila02.png);
    }

.BtnProximoFila {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 60px;
    background-image: url(Senhador/img/btn-proximo-fila01.png);
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .BtnProximoFila:hover {
        background-image: url(Senhador/img/btn-proximo-fila02.png);
    }

.ContainerLegendaSenha {
    position: relative;
    width: 810px;
    border-bottom: solid 2px #0f4163;
    padding: 3px 0px 3px 0px;
}

.LegendaSenha {
    position: relative;
    background-color: #dedede;
    background-image: url(Senhador/img/img-legenda.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 810px;
    padding: 0px 0px 0px 0px;
}

.TitleLegend {
    position: relative;
    width: 121px;
    font-family: Swis721CnBTBold;
    color: #fff;
    font-size: 11px;
    padding: 6px 0px 6px 6px;
    margin-right: 18px;
    float: left;
}

.ItemLegenda {
    position: relative;
    display: inline-block;
    font-family: Swis721CnBTBold;
    font-size: 10px;
    text-transform: uppercase;
    color: #525252;
    margin-right: 40px;
}

/*     ----------------     MÓDULO URGÊNCIA   ----------------------        */



/*     ----------------    FIM DO MÓDULO URGÊNCIA   ----------------------        */


/*     ----------------   MÓDULO FARMÁCIA   ----------------------        */
.espimg {
    position: relative;
    top: 0px;
    margin-left: 15px;
    margin-right: 15px;
}


.observacaoCampoTexto {
    position: relative;
    float: right;
    font-size: 12px;
    color: #af3833;
    font-weight: bold;
    top: 12px;
}

    .observacaoCampoTexto span.jqTransformCheckboxWrapper {
        top: -4px;
        position: relative;
    }


/*     ----------------    FIM DO MÓDULO URGÊNCIA   ----------------------        */
/******** PÁGINA INCIAL **********/

.containerDestaqueTopHome {
    position: relative;
    background: #3273af;
    background-image: url(imagens/bg-top-home.png);
    padding-bottom: 40px;
}

.marcaVidaHome {
    position: relative;
    top: 20px;
}

.tituloDestaqueHome {
    position: relative;
    font-size: 36px;
    color: #f1f8ff;
    font-family: dinregular;
    margin-top: 48px;
    text-transform: uppercase;
}

.textoDestaqueHome {
    position: relative;
    font-size: 16px;
    color: #cfe4f8;
    font-family: dinregular;
    margin-top: 10px;
}

.botoesDestaqueHome {
    position: relative;
    margin: 25px 10px 0px 0px;
    background-image: url(imagens/bg-btn-home-top.png);
    background-color: #18568e;
    display: inline-block;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 12px;
    color: #c7e4ff;
    line-height: 40px;
    padding-right: 15px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    cursor: pointer;
}

    .botoesDestaqueHome img {
        position: relative;
        padding: 0px 18px 0px 12px;
    }

    .botoesDestaqueHome:hover {
        background-image: url(imagens/bg-btn-home-top-hover.png);
    }

.botoesDestaqueHomeAmarelo {
    position: relative;
    margin: 25px 10px 0px 0px;
    background-image: url(imagens/bg-btn-home-top-destaque.png);
    background-repeat: no-repeat;
    background-color: #18568e;
    display: inline-block;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #124676;
    line-height: 40px;
    padding-right: 15px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    cursor: pointer;
}

    .botoesDestaqueHomeAmarelo img {
        position: relative;
        padding: 0px 18px 0px 12px;
        background-repeat: no-repeat;
    }

    .botoesDestaqueHomeAmarelo:hover {
        /*background-image: url(imagens/bg-btn-home-top-destaque-hover.png);
        background-repeat:no-repeat;*/
        opacity: 0.9;
    }


.botoesDestaque {
    position: relative;
    margin: 0px 10px 0px 0px;
    background-image: url(imagens/bg-btn-home-top.png);
    display: inline-block;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 40px;
    padding-right: 15px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    cursor: pointer;
}

.botoesDestaqueIcone {
    position: relative;
    padding: 0px 20px 0px 15px;
}

.botoesDestaque:hover {
    background-image: url(imagens/bg-btn-home-top-hover.png);
}


.botaoDestaqueCinza {
    position: relative;
    margin: 0px 10px 0px 0px;
    color: #325d8c;
    background-color: #e4e4e4;
    padding: 21px 20px 0px 0px;
    font-family: 'din-blackregular';
    text-transform: uppercase;
    height: 67px;
    display: inline-block;
}

    .botaoDestaqueCinza:hover {
        background-color: #e3e5ea;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

.botaoDestaqueCinzaIcon {
    background-color: #dbdbdb !important;
    padding: 22px 21px 23px 21px;
    font-size: 21px;
    margin-right: 18px;
}

.btn.botaoLaranja {
    background-color: #ffdba9;
    border-color: #eea236;
    color: #b17928 !important;
}

    .btn.botaoLaranja:hover {
        background-color: #fbd093;
    }

.btn.botaoVerde {
    color: #137133 !important;
    background-color: #b9e7c9;
    border-color: #72d465;
}

    .btn.botaoVerde:hover {
        background-color: #a3dfb8;
    }

.btn.botaoVermelhoClaro {
    background-color: #ffbeb5;
    border-color: #e57e7e;
    color: #b12828 !important;
}

    .btn.botaoVermelhoClaro:hover {
        background-color: #f9b0a6;
    }

.separadorTopHome {
    position: relative;
    background-color: #78ace4;
    height: 12px;
    border-top: solid 1px #fff;
}

.containerlinksHome {
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #dfdfdf;
    text-align: right;
    padding-top: 6px;
}

.containerBodyHome {
    position: relative;
    margin-top: 40px;
}

.titulosContentHome {
    height: 75px;
    border: solid 1px #e1e1e1;
    margin-bottom: 6px;
    padding: 0px 18px;
    box-sizing: border-box;
    text-shadow: 1px 1px 1px #fff;
    color: #42719d;
    font-size: 22px;
    line-height: 78px;
    text-transform: uppercase;
    font-family: dinregular;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebebeb+17,ebebeb+20,cccccc+80 */
    background: #ebebeb; /* Old browsers */
    background: -moz-linear-gradient(top, #ebebeb 17%, #ebebeb 20%, #cccccc 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ebebeb 17%,#ebebeb 20%,#cccccc 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ebebeb 17%,#ebebeb 20%,#cccccc 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}




.containerlinksHome a {
    position: relative;
    background-image: url(imagens/bg-links-externos.png);
    height: 36px;
    display: inline-block;
    padding: 0px 16px 0px 54px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 37px;
    margin-right: 10px;
    margin-bottom: 6px;
    color: #adadad;
    border: solid 1px #eaeaea;
    font-size: 13px;
    font-family: dinregular;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .containerlinksHome a:hover {
        position: relative;
        background-image: url(imagens/bg-links-externos-hover.png);
    }

.slideHome {
    position: relative;
    padding: 22px 20px 12px 20px;
    border: solid 1px #d2d2d2;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    color: #707070;
    font-family: dinregular;
}

    .slideHome p {
        width: auto;
        font-size: 13px;
        line-height: 16px;
        font-family: dinregular;
    }

.tituloInformacoesUteis {
    font-family: 'din-blackregular';
    font-size: 6px;
    text-transform: uppercase;
    color: #777;
    display: block;
    margin-bottom: 4px;
}

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

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


.st-content a {
    background-color: #eeeeee;
    background-image: url(Agendamento/img/arrow.png);
    background-position: 15px 13px;
    background-repeat: no-repeat;
    border-radius: 4px;
    padding-left: 26px;
    display: block;
    height: 34px;
    line-height: 34px;
    color: #87a7c4;
    margin-bottom: 2px;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .st-content a:hover {
        background-color: #eaeaea;
    }


.tituloInformacoesUteis {
    font-family: 'din-blackregular';
    font-size: 15px;
    text-transform: uppercase;
    color: #777;
    display: block;
    margin-bottom: 4px;
}




/************ GRIDVIEW PRONTUARIO FOLHA DE ROSTO *****************/

.margemProntuario {
    padding: 10px !important;
}

.dataAtendimento {
    padding-top: 20px;
    font-family: dinregular;
    font-size: 12px;
}

.condicaoResultado {
    color: #686868;
    background-color: #e3e3e3;
    padding: 7px;
    margin: 10px 3px;
    border-radius: 3px;
}

.celulaGridviewProntuario {
    background: #f1f4fb;
    padding: 20px;
}

.gridviewAtendimentoProntuario {
    width: 98%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: none !important;
    border-collapse: collapse;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Swis721CnBTRoman;
}

    .gridviewAtendimentoProntuario td {
        padding: 4px;
        border: none !important;
        color: #717171;
        text-align: center;
    }

    .gridviewAtendimentoProntuario tr {
        background-color: #fff;
    }

    .gridviewAtendimentoProntuario th {
        padding: 6px 2px;
        color: #fff;
        background: #a6b56a;
        border-left: none !important;
        font-size: 12px;
        font-family: Swis721CnBTRoman;
        font-weight: normal;
        text-transform: uppercase;
    }


    .gridviewAtendimentoProntuario span {
        position: relative;
        font-family: 'dinregular';
        /*font-size: 13px;*/
        color: #676767;
        padding-bottom: 5px;
        /* box-sizing: border-box; */
        margin-bottom: 0px;
        /* display: inline-block; */
        width: 100%;
        margin-bottom: 10px;
        border: none !important;
    }





.mGridProntuario {
    width: 98%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: none !important;
    border-collapse: collapse;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Swis721CnBTRoman;
}

    .mGridProntuario td {
        padding: 4px;
        border: none !important;
        color: #717171;
        text-align: center;
    }

    .mGridProntuario tr {
        background-color: #fff;
    }

    .mGridProntuario th {
        padding: 6px 2px;
        color: #fff;
        background: #a6b56a;
        border-left: none !important;
        font-size: 12px;
        font-family: Swis721CnBTRoman;
        font-weight: normal;
        text-transform: uppercase;
    }


    .mGridProntuario span {
        position: relative;
        font-family: 'dinregular';
        font-size: 13px;
        color: #676767;
        padding-bottom: 5px;
        box-sizing: border-box;
        margin-bottom: 0px;
        display: inline-block;
        margin-bottom: 10px;
        border: none !important;
    }

.subtituloFolhaRosto {
    position: relative;
    font-family: 'din-blackregular' !important;
    font-size: 12px;
    color: #c67900 !important;
    padding-bottom: 10px !important;
    box-sizing: border-box;
    text-transform: uppercase;
    display: block !important;
    margin-bottom: 4px !important;
}


.spanQuebraLinha {
    display: block;
}

.SubtitulosTabelaProntuario {
    background-color: #b8d4f2;
}


.titulosFolhaRosto {
    font-size: 14px;
    font-family: din-blackregular;
    color: #405d6d;
    margin-top: 17px;
    border-bottom: solid 1px #405d6d;
    padding-bottom: 3px;
}


/* Estilo do GridView COlorbox */
.mGridColorbox {
    width: 94%;
    background-color: #fff;
    margin: 20px 0 10px 0;
    border: solid 1px #a6b56a;
    border-collapse: collapse;
    font-size: 12px;
    font-family: Arial;
    margin-bottom: 10px;
    position: relative;
    margin: 0 auto;
}

    .mGridColorbox td {
        padding: 4px;
        border: solid 1px #a6b56a;
        color: #717171;
        text-align: center;
    }

    .mGridColorbox tr {
        background-color: #fff !important;
    }

    .mGridColorbox th {
        padding: 6px 2px;
        color: #fff;
        background-image: url(img/topo-titulo-colorbox.png );
        background-position: right;
        border: solid 1px #bbc885;
        font-size: 13px;
        font-family: Swis721CnBTRoman;
        font-weight: normal;
        text-transform: uppercase;
    }

    .mGridColorbox .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .mGridColorbox .pgr {
        background: #424242 url(grd_pgr.png) repeat-x top;
    }

        .mGridColorbox .pgr table {
            margin: 5px 0;
        }

        .mGridColorbox .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .mGridColorbox .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGridColorbox .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

    .mGridColorbox a {
        color: #000;
        text-decoration: none;
    }

        .mGridColorbox a:hover {
            color: #000;
            text-decoration: underline;
        }

/* Fim Grid Colorbox */

.corDestaqueGridview {
    background-color: #E7F0CC !important;
}

.corDestaqueTabela {
    background-color: #e8f2f9 !important;
}


/* -------------------- FIM DE Telas Iniciais dos Módulos  --------------------- */



/*============================ PRONTUARIO =========================*/

.ClassificacaoRiscoVermelho {
    background-color: Red;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
}

    .ClassificacaoRiscoVermelho span {
        color: Red;
        display: inline-block;
        margin-left: 27px;
        width: 250px;
        top: 2px;
        font-size: 13px;
        position: relative;
    }

.ClassificacaoRiscoAmarelo {
    background-color: #FFE100;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
}

    .ClassificacaoRiscoAmarelo span {
        color: #FFE100;
        display: inline-block;
        margin-left: 27px;
        width: 250px;
        top: 2px;
        font-size: 13px;
        position: relative;
    }

.ClassificacaoRiscoVerde {
    background-color: Green;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
}

    .ClassificacaoRiscoVerde span {
        color: Green;
        display: inline-block;
        margin-left: 27px;
        width: 250px;
        top: 2px;
        font-size: 13px;
        position: relative;
    }

.ClassificacaoRiscoAzul {
    background-color: Blue;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
}

    .ClassificacaoRiscoAzul span {
        color: Blue;
        display: inline-block;
        margin-left: 27px;
        width: 250px;
        top: 2px;
        font-size: 13px;
        position: relative;
    }

.ClassificacaoRiscoBranco {
    background-color: White;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
}

    .ClassificacaoRiscoBranco span {
        color: White;
        display: inline-block;
        margin-left: 27px;
        width: 250px;
        top: 2px;
        font-size: 13px;
        position: relative;
    }


.largura300 {
    width: 400px;
}



.tituloColorbox {
    font-family: din-blackregular;
    font-size: 15px;
    text-align: center;
    margin-top: 20px;
}

.txtColorbox {
    font-family: dinregular;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}



.tituloColorboxGenerico {
    position: relative;
    z-index: 3;
    height: 59px;
    /*background-image: url(../../img/topo-titulo-colorbox.png);*/
    background-color: #4e82bb;
    width: 97%;
    color: #fff;
    font-family: Swis721CnBTBold;
    font-size: 20px;
    line-height: 59px;
    text-transform: uppercase;
    padding: 0px 0px 0px 20px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.titleColorbox {
    background-image: url(images/bg-title-colorbox.png);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 16px 0px 40px 70px;
}


.tituloColorboxPopupManual {
    position: absolute;
    z-index: 3;
    height: 59px;
    background-image: url(img/topo-titulo-colorbox.png);
    width: 672px;
    color: #fff;
    font-family: Swis721CnBTBold;
    font-size: 17px;
    text-transform: uppercase;
    padding: 18px 0px 0px 68px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    top: 0px;
    left: 0px;
}

.alinhaConteudoColorbox {
    margin-left: 25px;
}


.campoLongo {
    /*margin-top:20px;*/
    width: 100% !important;
    font-family: dinregular;
    font-size: 13px;
    color: #707070;
    background: #fbfbfb;
    padding: 8px;
    /*height: 32px;*/
    line-height: 16px !important;
    outline: none;
    display: inline-block;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    overflow: auto !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}



.cor {
    background-color: Gray;
}

.linkBasic {
    background-color: #93a74f;
    padding: 10px 14px;
    margin-top: 10px;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    box-sizing: border-box;
    display: inline-block;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .linkBasic:hover {
        background-color: #83973f;
        text-decoration: none !important;
    }

/*************** Estilos para ajustar tabela em antecedentes no formulário de atendimento médico **************/
.ajustarLinhaLayoutTable {
    width: 100%;
}

td.margemLinhaLayoutTable {
    padding: 5px 18px 15px;
    position: relative;
    background: #f9f9f9;
    border: 12px solid #fff;
    border-radius: 30px;
}



/*************** Estilos para componentes que se encontram dentro do TAB **************/

.pws_tabs_list h3 {
    padding: 10px 10px 9px 16px !important;
    width: 100%;
    box-sizing: border-box;
}


.pws_tabs_list .RadioContentView {
    background-color: #eaeaea;
    padding: 0px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
}


.pws_tabs_list CampoAlign {
    position: relative;
    float: left;
    margin-right: 12px;
    font-family: Swis721CnBTRoman;
    width: 32% !important;
}

.pws_tabs_list .CampoRadioAlignMargem {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 32% !important;
}

.pws_tabs_list .CampoRadioAlign {
    position: relative;
    float: left;
    width: 32% !important;
}


.pws_tabs_list .campoLongoDesativado {
    /*margin-top:20px;*/
    width: 100% !important;
    font-family: dinregular;
    font-size: 13px;
    text-transform: uppercase;
    color: #707070;
    background: #f2f2f2;
    padding: 8px;
    /*height: 32px;*/
    line-height: 16px !important;
    outline: none;
    display: inline-block;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    overflow: auto !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    word-wrap: break-word;
}


.pws_tabs_list .campoLongo {
    /*margin-top:20px;*/
    width: 100% !important;
    font-family: dinregular;
    font-size: 13px;
    color: #707070;
    background: #fbfbfb;
    padding: 8px;
    text-transform: uppercase;
    /*height: 32px;*/
    line-height: 16px !important;
    outline: none;
    display: inline-block;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    overflow: auto !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    word-wrap: break-word;
}



.pws_tabs_list .CampoRadioAlignTab {
    position: relative;
    float: left;
    margin-right: 12px;
    font-family: Swis721CnBTRoman;
    width: 100% !important;
    box-sizing: border-box;
}

.pws_tabs_list .pws_tabs_list {
    box-shadow: none;
}

.pws_tabs_container {
    margin-top: 20px;
}

.tab.pws_tabs_list {
    padding-top: 30px !important;
}






#inline_content .campoLongoDesativado {
    margin-top: 20px;
    width: 100% !important;
    font-family: dinregular;
    font-size: 13px;
    color: #707070;
    background: #f2f2f2;
    padding: 8px;
    /*height: 32px;*/
    line-height: 16px !important;
    outline: none;
    display: inline-block;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    overflow: auto !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    word-wrap: break-word;
}



#inline_content .campoLongo {
    margin-top: 20px;
    width: 100% !important;
    font-family: dinregular;
    font-size: 13px;
    color: #707070;
    background: #fbfbfb;
    padding: 8px;
    /*height: 32px;*/
    line-height: 16px !important;
    outline: none;
    display: inline-block;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    overflow: auto !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    word-wrap: break-word;
}


#inline_content h3 {
    padding: 10px 10px 9px 16px !important;
    width: 100%;
    box-sizing: border-box;
}

#inline_content .CampoAlign {
    position: relative;
    float: left;
    margin-right: 12px;
    font-family: Swis721CnBTRoman;
    width: 32% !important;
}

#inline_content .CampoRadioAlignMargem {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 32% !important;
}

#inline_content .CampoRadioAlign {
    position: relative;
    float: left;
    width: 32% !important;
}

#inline_content .CampoRadioAlignTab {
    position: relative;
    float: left;
    margin-right: 12px;
    font-family: Swis721CnBTRoman;
    width: 98% !important;
}



#inline_content .rotuloRadio {
    font-family: dinregular;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 3px;
    background-image: url(../img/bg-rotulo-radio.png);
    margin-top: 25px;
    background-position: left center;
    padding: 6px 6px 6px 30px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


#inline_content .RadioContent {
    background-color: #eaeaea;
    padding: 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-size: 11px;
}

#inline_content .RadioContentView {
    background-color: #eaeaea;
    padding: 0px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
}




.btnPaper {
    background-image: url(img/icon-paper.png);
    background-repeat: no-repeat;
    text-decoration: none;
    border: solid 1px #4483b2;
    background-color: #ffffff;
    margin-top: 20px;
    border-radius: 3px;
    color: #4483b2;
    padding: 0px 8px 0px 50px;
    font-size: 14px;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    text-transform: uppercase;
    display: inline-block;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .btnPaper:hover {
        border: solid 1px #2d6691;
        background-color: #f3f1ed;
        color: #2d6691;
    }

.divisoriaGrupo {
    border-bottom: 2px solid #4e82bb;
    padding-top: 25px;
    margin-bottom: 25px;
}

.linhaDivisoria {
}

    .linhaDivisoria span {
        border-bottom: 1px dotted #4e82bb;
        padding-top: 25px;
        margin-bottom: 5px;
        display: block;
    }

        .linhaDivisoria span:last-child {
            display: none;
        }

.linhaDivisoria2 {
}

    .linhaDivisoria2 span {
        border-bottom: 1px dotted #4e82bb;
        padding-top: 25px;
        margin-bottom: 5px;
        display: block;
    }

        .linhaDivisoria2 span:first-child {
            display: none;
        }



/*==================== Atestados e Receitas A5 ====================




.infosNomePrefeituraA5 {font-size:13px; font-family: 'Swis721CnBTBold'; line-height:15px;}
.infosNomeSecretariaA5 {font-size:10px; font-family: 'Swis721CnBTBold'; line-height:15px;}
.infosNomeEstabelecimentoA5 {font-size:10px; font-family: 'Swis721CnBTBold'; line-height:15px;}




.ContainerPapelA5 {width:13.8cm; height:16.9cm; font-family: 'dinregular';}
.ContainerTituloA5 {position:relative; margin-bottom:5px; color:#fff; padding:10px; background-color:#959595; text-transform:uppercase;}
.CabecalhoA5 {position:relative;  float:left;}
.MarcaLateralA5 {position:relative; width:100px; float:right; margin-left:30px; top:7px;}
.tituloA5 {position:relative; font-size:24px; font-family: 'Swis721CnBTBold'; color:#5a5a5a; border-top:solid 2px #959595; padding:0.5cm 0 0.5cm 0; text-align:center; border-bottom:solid 1px #cacaca; text-transform:uppercase;}
.InfosPacienteA5 {padding:0.5cm 0 0.5cm 0; border-top:solid 2px #959595; border-bottom:solid 1px #959595; color:#959595; margin-bottom:25px; font-size:12px;}
.ConteudoReceitaAtestadoA5 {height:10cm; position:absolute; width:12.0cm; padding:1cm; text-align:justify;}
.ListaItensReceita_Guia {margin-bottom: 10px;}
.AssinaturaA5 {position:relative; width:100%; text-align:center; font-size:12px; top:11cm;}
.PosicionaCID {position:relative; width:100%; text-align:center; font-size:12px; top:8cm;}
.dataA4 {position:relative; margin-bottom:1cm;}




.BtnLateralOld {position:relative; display:inline-block; top:0px; background:#b4c379; padding:4px; box-sizing:border-box;-webkit-border-radius: 3px;
	-moz-border-radius: 3px; border-radius: 3px; vertical-align:bottom; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;	-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
	}
	
.BtnLateralOld:hover { background:#95a557;}
*/
/*ASSINATURA DIGITAL*/

.containerAssinaturaEletronicaProntuario {
    border: solid 1px #ccc;
    width: auto;
    display: flex;
    border-radius: 5px;
    padding: 10px 14px;
    margin: 0 auto;
    position: relative;
    justify-content: center;
    align-items: center;
    max-width: 520px;
}

.logoGovBr, .logoGovBr img {
    position: relative;
    width: 80px;
    /*float: left;*/
    margin: 3px 10px 0 0;
}

.conatinerInfosAssinaturaEletronica {
    font-family: 'dinregular';
    /*float: left;*/
    width: 350px;
    position: relative;
    font-size: 11px;
    line-height: 14px;
}

.Label_ProfissionalAssinaturaDigital {
    font-family: 'din-blackregular';
    display: block;
}



.btnWizard {
    font-family: dinregular !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #FFFFFF !important;
    text-decoration: none;
    background-color: #477bb2 !important;
    border: 1px #5286be solid !important;
    text-align: center;
    margin-top: 25px;
    margin-left: 7px;
    padding: 9px 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .btnWizard:hover {
        background-color: #396ba0 !important;
    }

.btnWizardVoltar {
    font-size: 13px !important;
    font-family: 'dinregular' !important;
    font-weight: normal !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    border: 1px solid #a5a5a5 !important;
    padding: 0px 25px !important;
    line-height: 45px !important;
    height: 45px !important;
    background-color: #afafaf !important;
    margin-top: 25px !important;
    text-decoration: none !important;
    color: #ffffff !important;
    display: inline-block !important;
    margin-bottom: 25px !important;
    margin-right: 5px !important;
}

    .btnWizardVoltar:hover {
        background-color: #9a9a9a !important;
    }

    .btnWizardVoltar:before {
        content: "\f104" !important;
        font-family: FontAwesome !important;
        margin-right: 10px !important;
    }

.btnWizardProximo {
    font-size: 13px !important;
    font-family: 'dinregular' !important;
    font-weight: normal !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    border: 1px solid #72d465 !important;
    padding: 0px 25px !important;
    line-height: 45px !important;
    height: 45px !important;
    background-color: #3ab564 !important;
    margin-top: 25px !important;
    text-decoration: none !important;
    color: #ffffff !important;
    display: inline-block !important;
    margin-bottom: 25px !important;
    margin-right: 5px !important;
}


    .btnWizardProximo:hover {
        background-color: #289452 !important;
    }

    .btnWizardProximo:before {
        content: "\f105" !important;
        font-family: FontAwesome !important;
        margin-right: 10px !important;
    }

.adicionaMargemSuperior {
    margin-top: 10px;
}

.adicionaMargemInferior {
    margin-top: 10px;
}



.fieldsetDestaque {
    background-color: #f0f0f0;
    width: 100%;
    padding: 23px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
}

    .fieldsetDestaque p {
        font-size: 13px !important;
        margin-top: 8px !important;
    }

.fieldsetDestaqueLaranja {
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: 'dinregular';
    display: flex;
    justify-content: left;
    align-items: center;
    min-height: 50px;
    background: #eaeaea;
    padding: 10px 15px;
    border: 1px solid #d9d9d9;
}

    .fieldsetDestaqueLaranja p {
        font-size: 12px;
        margin: 6px 0px 5px;
        font-family: 'dinregular';
        line-height: 14px;
    }

.colorboxTituloAzulPequeno .fieldsetDestaqueLaranja p {
    margin: -1px 0 0px !important;
    line-height: inherit !important;
}

.fieldsetDestaqueLaranja .icone {
    float: left;
    position: relative;
    width: 40px;
    font-size: 34px;
    color: #ffa665;
}

.fieldsetDestaqueLaranja .texto {
    float: left;
    position: relative;
    width: 95%;
}

.fieldsetPrincipal {
    min-width: 0;
    padding: 5px 20px 20px 20px;
    margin: 0;
    border: solid 1px #136a8a;
    border-radius: 4px;
    margin-top: 25px;
}

    .fieldsetPrincipal legend {
        display: block;
        padding: 0px 5px 0px 5px;
        line-height: inherit;
        color: #333;
        border: 0;
        font-family: 'din-blackregular' !important;
        font-size: 15px;
        color: #006b92;
        width: auto;
        margin: 0px;
    }

.fieldsetSecundario {
    min-width: 0;
    padding: 5px 20px 20px 20px;
    margin: 0;
    border: solid 1px #969696;
    border-radius: 4px;
    margin-top: 25px;
}

    .fieldsetSecundario legend {
        display: block;
        padding: 0 5px 0 5px;
        line-height: inherit;
        color: #333;
        border: 0;
        font-family: 'din-blackregular' !important;
        font-size: 15px;
        color: #969696;
        width: auto;
        margin: 0px;
    }


.instrucaoRotulo {
    font-size: 10px;
    display: inline-block;
    border: none;
    border-radius: 0px;
    padding: 3px 7px 3px 7px;
    background-repeat: no-repeat;
    background-position: 2px 1px;
    background-color: #f8efef;
    color: #8f1414;
    text-transform: none;
    position: relative;
    bottom: 2px;
    margin-top: 10px;
}

.instrucaoIcone {
    font-size: 10px;
    display: inline-block;
    border: none;
    border-radius: 2px;
    padding: 3px 7px 3px 7px;
    background-repeat: no-repeat;
    background-position: 2px 1px;
    background-color: #8f1414;
    color: #fff;
    text-transform: none;
    position: relative;
    bottom: 2px;
    margin-top: 10px;
    margin-right: 2px;
    margin-left: 10px;
}


/*Alinhamento dos checkbox do módulo Segurança*/
.linhaAgenda td .jqTransformCheckboxWrapper {
    text-align: center;
    margin-left: 35px;
    margin-top: 8px;
}

/*Estilo para inputs desabilitados*/
html span[disabled] a.jqTransformCheckbox {
    color: beige;
    /* background: black !important; */
    opacity: 0.55;
}

span[disabled="disabled"] a.jqTransformRadio {
    color: beige;
    /* background: black !important; */
    opacity: 0.55;
}

/*.classeColorbox {
	background-color:#000 !important;
	border:solid 2px #666;
}*/


.btnSugestao {
    position: relative;
    top: 9px;
    display: inline-block;
    float: right;
    margin-left: 6px;
    opacity: 0.80;
    -moz-opacity: 0.80;
    filter: alpha(opacity=80);
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .btnSugestao:hover {
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
    }

.btnHomeMobile {
    position: relative;
    text-align: center;
    padding-top: 8px;
    color: #5b1312 !important;
    font-family: 'din-blackregular';
    font-size: 11px;
    text-decoration: none !important;
    text-transform: uppercase;
    margin-left: 6px;
    opacity: 0.80;
    -moz-opacity: 0.80;
    filter: alpha(opacity=80);
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .btnHomeMobile:hover {
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
    }

    .btnHomeMobile .fa {
        display: block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 16px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        padding-bottom: 5px;
    }

.campoDestaque {
    border: 1px dotted #232222;
    border-radius: 3px;
    background-color: #e2e2e2;
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.rotuloDestaque {
    font-family: 'din-blackregular';
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    margin-left: 2px;
}

.qd_vagas {
    position: absolute;
    margin-top: 35px;
    margin-left: 50%;
    right: 80px;
}

.itensTreeNode {
    font-family: DIN;
    color: #2f7ccc;
    font-size: 12px;
    font-weight: bold;
}

.iframeRelogio {
    position: relative;
    width: 324px;
    height: 67px;
}



.ui-datepicker-header .select2-container {
    width: 46% !important;
}

.nosTreeView {
    padding-right: 10px;
    padding-left: 10px;
}

.btnVermelho {
    background-color: #a51d1d !important;
    border-color: #a51d1d !important;
}

    .btnVermelho:hover {
        background-color: #941717 !important;
        border-color: #941717 !important;
    }

.tituloFiltros {
    font-family: din-blackregular;
    color: #4a7894;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 15px;
}


    .tituloFiltros i {
        border: solid 3px;
        border-radius: 100px;
        padding: 4px;
        font-size: 20px;
        margin-right: 8px;
    }

.filtroLateral {
    padding-bottom: 20px;
}

    .filtroLateral .tituloFiltros {
        font-family: din-blackregular;
        color: #666666;
        font-size: 16px;
        margin-bottom: 20px;
        margin-top: 15px;
    }


        .filtroLateral .tituloFiltros i {
            border: solid 3px;
            border-radius: 100px;
            padding: 4px;
            font-size: 20px;
            margin-right: 8px;
            display: none;
        }


.tituloFiltroLateral {
    font-family: 'din-blackregular';
    font-size: 19px;
    color: #4478b2;
    background-color: #edf1f4;
    width: 100%;
    height: 61px;
    line-height: 61px;
    border-radius: 6px;
    padding-left: 17px;
}

.containerFiltrosLaterais {
    position: relative;
    padding: 0px 11px 0px 15px;
    margin-top: 26px;
}

/* --------------  CLASSES PARA ICONES  --------------- */

.iconSelect {
    color: #088b19 !important;
}

    .iconSelect:hover {
        color: #088b19 !important;
    }

    .iconSelect:before {
        content: '\f00c';
        font-family: FontAwesome;
        color: #088b19 !important;
    }

.gridview .iconSelect {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconSelect:hover {
        font-size: 18px;
        color: #087b17 !important;
    }


.iconSelectDesativado:before {
    content: '\f00c';
    font-family: FontAwesome;
    color: #c5c5c5 !important;
}



.iconExcluir {
    color: #c60f0f !important;
}

    .iconExcluir:hover {
        color: #a90707 !important;
    }

    .iconExcluir:before {
        content: '\f00d';
        font-family: FontAwesome;
        color: #c60f0f !important;
    }

.gridview .iconExcluir {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconExcluir:hover {
        font-size: 18px;
        color: #c60f0f !important;
    }

    .gridview .iconExcluir[disabled]:before {
        color: #ccc !important;
    }

.iconEditar {
    color: #ea7d06 !important;
    font-weight: normal !important;
}

    .iconEditar:hover {
        color: #dc7300 !important;
    }

    .iconEditar:before {
        content: '\f14b';
        font-family: FontAwesome;
        color: #ea7d06 !important;
    }

.gridview .iconEditar {
    font-size: 18px;
    font-style: normal;
}

    .gridview .iconEditar:hover {
        font-size: 18px;
        color: #ea7d06 !important;
    }

a[disabled].iconEditar {
    color: beige;
    /* background: black !important; */
    opacity: 0.35;
}

.gridview .BtnExcluirBackground:before {
    font-size: 17px;
    font-style: normal;
    color: #ea7d06 !important;
}

.gridview .BtnExcluirBackground:hover {
    font-size: 17px;
    color: #ea7d06 !important;
}

.iconCartao:before {
    content: '\f2c2';
    font-family: FontAwesome;
    color: #ea7d06 !important;
}

.gridview .iconCartao {
    font-size: 17px;
    font-style: normal;
}

    .gridview .iconCartao:hover {
        font-size: 17px;
        color: #ea7d06 !important;
    }

.iconRelogio {
    color: #1d1779 !important;
}

    .iconRelogio:hover {
        color: #090633 !important;
    }

    .iconRelogio:before {
        content: '\f017';
        font-family: FontAwesome;
        color: #1d1779 !important;
    }

.gridview .iconRelogio {
    font-size: 16px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconRelogio:hover {
        font-size: 16px;
        color: #090633 !important;
    }

.iconAtualizarSenha:before {
    content: '\f021';
    font-family: FontAwesome;
    color: #1f4a79 !important;
    font-size: 16px;
}

/*.iconAtualizar:before {
    content: '\f021';
    font-family: FontAwesome;
    color: #1f4a79 !important;
    font-size: 16px;
}*/


.iconInfo:before {
    font-size: 16px;
}


.iconInfoCirculo {
    color: #e58948 !important;
}

    .iconInfoCirculo:hover {
        color: #d57c3d !important;
    }

    .iconInfoCirculo:before {
        content: '\f05a';
        font-family: FontAwesome;
        color: #e58948 !important;
    }

.gridview .iconInfoCirculo {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconInfoCirculo:hover {
        font-size: 18px;
        color: #d57c3d !important;
    }

.iconBuscar {
    color: #1f4a79 !important;
}

    .iconBuscar:hover {
        color: #33649a !important;
    }

    .iconBuscar:before {
        content: '\f002';
        font-family: FontAwesome;
        color: #1f4a79 !important;
    }


.gridview .iconBuscar {
    font-size: 16px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconBuscar:hover {
        font-size: 16px;
        color: #33649a !important;
    }

.iconBloqueado {
    color: #c70a0a !important;
}

    .iconBloqueado:hover {
        color: #c70a0a !important;
    }

    .iconBloqueado:before {
        content: '\f05e' !important;
        font-family: FontAwesome;
        color: #c70a0a !important;
        font-weight: bold;
    }

.gridview .iconCadeadoAberto {
    font-size: 16px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconCadeadoAberto:before {
        content: "\f13e" !important;
        color: #ce3535 !important;
        font-family: FontAwesome;
        font-size: 16px;
    }

.gridview .iconCadeadoFechado {
    font-size: 16px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconCadeadoFechado:before {
        content: "\f023" !important;
        color: #7d4141 !important;
        font-family: FontAwesome;
        font-size: 16px;
    }

.gridview .iconBloqueado {
    font-size: 16px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconBloqueado:hover {
        font-size: 16px;
        color: #c70a0a !important;
    }

.iconLista {
    color: #804e4e !important;
}

    .iconLista:hover {
        color: #653737 !important;
    }

    .iconLista:before {
        content: '\f03a';
        font-family: FontAwesome;
        color: #804e4e !important;
    }

.gridview .iconLista {
    font-size: 14px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconLista:hover {
        font-size: 14px;
        color: #653737 !important;
    }


.iconConfirmar {
    color: #088b19 !important;
}

    .iconConfirmar:hover {
        color: #653737 !important;
    }

    .iconConfirmar:before {
        content: '\f05d';
        font-family: FontAwesome;
        color: #088b19 !important;
    }

.gridview .iconConfirmar {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconConfirmar:hover {
        font-size: 18px;
        color: #653737 !important;
    }


.iconCancelar {
    color: #c60f0f !important;
}

    .iconCancelar:hover {
        color: #653737 !important;
    }

    .iconCancelar:before {
        content: '\f05c';
        font-family: FontAwesome;
        color: #c60f0f !important;
    }

.gridview .iconCancelar {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconCancelar:hover {
        font-size: 18px;
        color: #653737 !important;
    }

.iconReceber {
    color: #04c644 !important;
}

    .iconReceber:hover {
        color: #07b23f !important;
    }

    .iconReceber:before {
        content: '\f090';
        font-family: FontAwesome;
        color: #07b23f !important;
    }

.gridview .iconReceber {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconReceber:hover {
        font-size: 18px;
        color: #07b23f !important;
    }

.iconReceberDesativado {
    color: #9fddb3 !important;
}

    .iconReceberDesativado:hover {
        color: #9fddb3 !important;
    }

    .iconReceberDesativado:before {
        content: '\f090';
        font-family: FontAwesome;
        color: #9fddb3 !important;
    }

.gridview .iconReceberDesativado {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconReceberDesativado:hover {
        font-size: 18px;
        color: #9fddb3 !important;
    }

.iconAdiconar {
    color: #4ea4e2 !important;
}

    .iconAdiconar:hover {
        color: #4ea4e2 !important;
    }

    .iconAdiconar:before {
        content: '\f055';
        font-family: FontAwesome;
        color: #4ea4e2 !important;
    }

.gridview .iconAdiconar {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconAdiconar:hover {
        font-size: 18px;
        color: #4ea4e2 !important;
    }


.iconAdiconarMais {
    color: #4ea4e2 !important;
    font-size: 15px;
    font-weight: bold;
}

    .iconAdiconarMais:hover {
        color: #4ea4e2 !important;
    }

    .iconAdiconarMais:before {
        content: '\f067';
        font-family: FontAwesome;
        color: #fff !important;
    }


.iconAdiconarDesativado {
    color: #b5d2e6 !important;
}

    .iconAdiconarDesativado:hover {
        color: #b5d2e6 !important;
    }

    .iconAdiconarDesativado:before {
        content: '\f055';
        font-family: FontAwesome;
        color: #b5d2e6 !important;
    }

.gridview .iconAdiconarDesativado {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconAdiconarDesativado:hover {
        font-size: 18px;
        color: #b5d2e6 !important;
    }

.iconStatusVerde {
    color: #0abe45 !important;
}

    .iconStatusVerde:hover {
        color: #09b241 !important;
    }

    .iconStatusVerde:before {
        content: '\f0c8';
        font-family: FontAwesome;
        color: #09b241 !important;
    }

.gridview .iconStatusVerde {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconStatusVerde:hover {
        font-size: 18px;
        color: #09b241 !important;
    }

.iconStatusLaranja {
    color: #e07813 !important;
}

    .iconStatusLaranja:hover {
        color: #d16e0e !important;
    }

    .iconStatusLaranja:before {
        content: '\f0c8';
        font-family: FontAwesome;
        color: #d16e0e !important;
    }

.gridview .iconStatusLaranja {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconStatusLaranja:hover {
        font-size: 18px;
        color: #d16e0e !important;
    }

.iconRecusar {
    color: #c64c0f !important;
}

    .iconRecusar:hover {
        color: #e26d32 !important;
    }

    .iconRecusar:before {
        content: '\f165';
        font-family: FontAwesome;
        color: #c64c0f !important;
    }

.gridview .iconRecusar {
    font-size: 16px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconRecusar:hover {
        font-size: 16px;
        color: #e26d32 !important;
    }


.iconRecusarDesativado {
    color: #d6d6d6 !important;
}

    .iconRecusarDesativado:hover {
        color: #d6d6d6 !important;
    }

    .iconRecusarDesativado:before {
        content: '\f165';
        font-family: FontAwesome;
        color: #b7b7b7 !important;
    }

.gridview .iconRecusarDesativado {
    font-size: 16px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconRecusarDesativado:hover {
        font-size: 16px;
        color: #d6d6d6 !important;
    }

.iconMedico {
    color: #c64c0f !important;
}

    .iconMedico:hover {
        color: #e26d32 !important;
    }

    .iconMedico:before {
        content: '\f0f0';
        font-family: FontAwesome;
        color: #c64c0f !important;
    }

.gridview .iconMedico {
    font-size: 16px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconMedico:hover {
        font-size: 16px;
        color: #e26d32 !important;
    }

.iconDocumentoAzul {
    color: #00a0d2 !important;
}

    .iconDocumentoAzul:hover {
        color: #00a0d2 !important;
    }

    .iconDocumentoAzul:before {
        content: '\f15c';
        font-family: FontAwesome;
        color: #00a0d2 !important;
    }

.gridview .iconDocumentoAzul {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconDocumentoAzul:hover {
        font-size: 18px;
        color: #00a0d2 !important;
    }

.iconDocumentoVerde {
    color: #039c34 !important;
}

    .iconDocumentoVerde:hover {
        color: #039c34 !important;
    }

    .iconDocumentoVerde:before {
        content: '\f15c';
        font-family: FontAwesome;
        color: #039c34 !important;
    }

.gridview .iconDocumentoVerde {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconDocumentoVerde:hover {
        font-size: 18px;
        color: #039c34 !important;
    }

.iconDocumentoVermelho {
    color: #8f2828 !important;
}

    .iconDocumentoVermelho:hover {
        color: #8f2828 !important;
    }

    .iconDocumentoVermelho:before {
        content: '\f15c';
        font-family: FontAwesome;
        color: #8f2828 !important;
    }

.gridview .iconDocumentoVermelho {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconDocumentoVermelho:hover {
        font-size: 18px;
        color: #8f2828 !important;
    }

.iconPapeis {
    color: #30a7a3 !important;
}

    .iconPapeis:hover {
        color: #30a7a3 !important;
    }

    .iconPapeis:before {
        content: '\f0c5';
        font-family: FontAwesome;
        color: #30a7a3 !important;
    }

.gridview .iconPapeis {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconPapeis:hover {
        font-size: 18px;
        color: #30a7a3 !important;
    }

.iconNovoAtendimento {
    color: #4070f9 !important;
}

    .iconNovoAtendimento:hover {
        color: #4070f9 !important;
    }

    .iconNovoAtendimento:before {
        content: '\f234';
        font-family: FontAwesome;
        color: #4070f9 !important;
    }

.iconImprimirPDF {
    color: #e41e00 !important;
    font-size: 16px;
}

    .iconImprimirPDF:hover {
        color: #e41e00 !important;
    }

    .iconImprimirPDF:before {
        content: '\f1c1';
        font-family: FontAwesome;
        color: #e41e00 !important;
    }

.gridview .iconNovoAtendimento {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconNovoAtendimento:hover {
        font-size: 18px;
        color: #4070f9 !important;
    }

.iconEnviar {
    color: #369834 !important;
}

    .iconEnviar:hover {
        color: #369834 !important;
    }

    .iconEnviar:before {
        content: '\f14d';
        font-family: FontAwesome;
        color: #369834 !important;
    }

.gridview .iconEnviar {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconEnviar:hover {
        font-size: 18px;
        color: #369834 !important;
    }

.iconImprimir {
    color: #345b98 !important;
}

    .iconImprimir:hover {
        color: #274779 !important;
    }

    .iconImprimir:before {
        content: '\f02f';
        font-family: FontAwesome;
        color: #274779 !important;
        font-size: 14px;
    }

.gridview .iconImprimir {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconImprimir:hover {
        font-size: 18px;
        color: #274779 !important;
    }

.iconAtivado {
    color: #345b98 !important;
}

    .iconAtivado:hover {
        color: #274779 !important;
    }

    .iconAtivado:before {
        content: '\f205';
        font-family: FontAwesome;
        color: #274779 !important;
    }

.gridview .iconAtivado {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconAtivado:hover {
        font-size: 18px;
        color: #274779 !important;
    }

.iconDesativado {
    color: #8a8a8a !important;
}

    .iconDesativado:hover {
        color: #696969 !important;
    }

    .iconDesativado:before {
        content: '\f204';
        font-family: FontAwesome;
        color: #8a8a8a !important;
    }

.gridview .iconDesativado {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconDesativado:hover {
        font-size: 18px;
        color: #696969 !important;
    }

.iconConfiguracao {
    color: #8a8a8a !important;
}

    .iconConfiguracao:hover {
        color: #696969 !important;
    }

    .iconConfiguracao:before {
        content: '\f013';
        font-family: FontAwesome;
        color: #565656 !important;
    }

.gridview .iconConfiguracao {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconConfiguracao:hover {
        font-size: 18px;
        color: #696969 !important;
    }

.iconPositivo {
    color: #08a015 !important;
}

    .iconPositivo:hover {
        color: #08a015 !important;
    }

    .iconPositivo:before {
        content: '\f164';
        font-family: FontAwesome;
        color: #08a015 !important;
    }

.gridview .iconPositivo {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconPositivo:hover {
        font-size: 18px;
        color: #08a015 !important;
    }

.iconNegativo {
    color: #afafaf !important;
}

    .iconNegativo:hover {
        color: #afafaf !important;
    }

    .iconNegativo:before {
        content: '\f165';
        font-family: FontAwesome;
        color: #afafaf !important;
    }

.gridview .iconNegativo {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconNegativo:hover {
        font-size: 18px;
        color: #afafaf !important;
    }

.iconUsuarioMedico {
    color: #4474a8 !important;
}

    .iconUsuarioMedico:hover {
        color: #2b5c90 !important;
    }

    .iconUsuarioMedico:before {
        content: '\f0f0';
        font-family: FontAwesome;
        color: #4474a8 !important;
    }

.gridview .iconUsuarioMedico {
    font-size: 24px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconUsuarioMedico:hover {
        font-size: 24px;
        color: #2b5c90 !important;
    }


.iconUsuarioMedicoDesativado:before {
    content: '\f0f0';
    font-family: FontAwesome;
    color: #c5c5c5 !important;
}


.iconAmpola {
    color: #afafaf !important;
}

    .iconAmpola:hover {
        color: #afafaf !important;
    }

    .iconAmpola:before {
        content: '\f165';
        font-family: FontAwesome;
        color: #afafaf !important;
    }



.iconEvadido {
    color: #c70a0a !important;
    font-weight: bold;
    font-size: 22px;
}

    .iconEvadido:hover {
        color: #c70a0a !important;
    }

    .iconEvadido:before {
        content: '\f05e';
        font-family: FontAwesome;
        color: #c70a0a !important;
    }

.gridview .iconEvadido {
    font-size: 22px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconEvadido:hover {
        font-size: 22px;
        color: #2b5c90 !important;
    }

.iconAgendado {
    color: #4474a8 !important;
    font-weight: bold;
    font-size: 22px;
}

    .iconAgendado:hover {
        color: #4474a8 !important;
    }

    .iconAgendado:before {
        content: '\f2b9';
        font-family: FontAwesome;
        color: #4474a8 !important;
    }

.gridview .iconAgendado {
    font-size: 22px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconAgendado:hover {
        font-size: 22px;
        color: #4474a8 !important;
    }



.iconHistorico {
    color: #4070f9;
    font-weight: bold;
    font-size: 19px;
}

    .iconHistorico:hover {
        color: #4070f9;
    }

    .iconHistorico:before {
        content: '\f1da';
        font-family: FontAwesome;
        color: #4070f9;
    }

.gridview .iconHistorico {
    font-size: 19px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconHistorico:hover {
        font-size: 19px;
        color: #8788d5 !important;
    }

.iconAlerta {
    color: #ff8400 !important;
}

    .iconAlerta:hover {
        color: #ff8400 !important;
    }

    .iconAlerta:before {
        content: '\f071';
        font-family: FontAwesome;
        color: #ff8400 !important;
    }

.gridview .iconAlerta {
    font-size: 12px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconAlerta:hover {
        font-size: 12px;
        color: #ff8400 !important;
    }



/* -----------------  FIM DAS CLASSES PARA ICONES -------------------*/

.borderr {
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(145, 145, 145, 0.2);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(145, 145, 145, 0.2);
    box-shadow: inset 0px 0px 3px 0px rgba(145, 145, 145, 0.2);
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f8f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f8f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f8f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f6f6',GradientType=0 ); /* IE6-9 */
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    border-radius: 3px;
}


/*.btnBiometria {
    position: relative;
    display: inline-block;
    background-image: url(img/bts/id_biometrica.png);
    width: 80px;
    height: 89px;
    background-repeat: no-repeat;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}


    .btnBiometria:hover {
        background-image: url(img/bts/id_biometrica2.png);
    }*/



.noPadding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
/*
.responsiveMobile {
    display: none;
}

responsiveDesktop {
    .display: inline;
}
	*/

/*--------------------------------------------------RESPONSIVIDADE COM MEDIA QUERIES ------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------------------------------*/


@media screen and (min-width: 100px) and (max-width: 419px) {
    /*.responsiveMobile {
        display: inline;
    }

    .responsiveDesktop {
        display: none;
    }*/

    /*

    .btnHomeMobile {
        position: relative;
        text-align: center;
        padding-top: 11px;
        padding-bottom: 0px;
       
        color: #5b1312 !important;
        font-family: 'din-blackregular';
        font-size: 11px;
        text-decoration: none !important;
        text-transform: uppercase;
        margin-left: 6px;
        opacity: 0.80;
        -moz-opacity: 0.80;
        filter: alpha(opacity=80);
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .containerTelaInicialModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
    }

    .containerTituloModulos {
        background-image: none;
        background-color: #ececec;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .marcaTituloModulos {
        display: none;
    }

    .marcaVerticalTituloModulos {
        display: inline;
    }

    .containerTituloModulos img {
        width: 241px;
    }

    .containerInfosModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        max-width: 600px;
        margin-top: 50px;
    }

        .containerInfosModulos img {
            width: 250px;
        }

    .textoModulos {
        font-family: arial;
        color: #9b9b9b;
        font-size: 14px;
        margin-top: 23px;
        line-height: 20px;
        margin-left: 8px;
        font-family: 'dinregular';
    }


    .containerAcessoRapido {
        position: relative;
        max-width: 788px;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0px 5px 10px;
        margin-top: 50px;
        text-align: center !important;
        text-decoration: none;
    }

    .tituloAcessoRapido {
        position: relative;
        margin-bottom: 10px;
        display: block;
        background-color: transparent;
        border: none;
        color: #4c4c4c;
        padding: 14px;
        font-family: 'din-blackregular';
        font-size: 21px;
        box-shadow: none;
    }

        .tituloAcessoRapido:before {
            font-family: FontAwesome;
            content: "\f13a";
            color: #555555;
        }

    .itensAcessoRapido {
        position: relative;
        display: block;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 14px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
    }

    .itensAcessoRapidoPrimeiro {
        border-top-right-radius: 8px !important;
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoUltimo {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .containerAcessoRapido a {
        position: relative;
        padding-right: 3px;
        padding-left: 3px;
        font-family: arial;
        color: #646363;
        text-decoration: none;
    }

        .containerAcessoRapido a:hover {
            position: relative;
            font-family: arial;
            color: #000;
            text-decoration: none;
        }
		*/


    /*.responsiveMobile {
        display: inline;
    }

    .responsiveDesktop {
        display: none;
    }*/
}

@media only screen and (min-width: 420px) {

    /*
	 .containerTelaInicialModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
    }

    .containerTituloModulos {
        background-image: none;
        background-color: #ececec;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .marcaTituloModulos {
        display: none;
    }

    .marcaVerticalTituloModulos {
        display: inline;
    }

    .containerTituloModulos img {
        width: 241px;
    }

    .containerInfosModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        max-width: 600px;
        margin-top: 50px;
    }

        .containerInfosModulos img {
            width: 250px;
        }

    .textoModulos {
        font-family: arial;
        color: #9b9b9b;
        font-size: 14px;
        margin-top: 23px;
        line-height: 20px;
        margin-left: 8px;
        font-family: 'dinregular';
    }


    .containerAcessoRapido {
        position: relative;
        max-width: 788px;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0px 5px 10px;
        margin-top: 50px;
        text-align: center !important;
        text-decoration: none;
    }

    .tituloAcessoRapido {
        position: relative;
        margin-bottom: 10px;
        display: block;
        background-color: transparent;
        border: none;
        color: #4c4c4c;
        padding: 14px;
        font-family: 'din-blackregular';
        font-size: 21px;
        box-shadow: none;
    }

        .tituloAcessoRapido:before {
            font-family: FontAwesome;
            content: "\f13a";
            color: #555555;
        }

    .itensAcessoRapido {
        position: relative;
        display: block;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 14px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
    }*/

    /*.itensAcessoRapido {
        position: relative;
        display: inline-block;
        width: 195px;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 10px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
        margin-left: -3px;
    }*/

    /*
    .itensAcessoRapidoPrimeiro {
        border-top-right-radius: 8px !important;
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoUltimo {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }
		*/

    /*.itensAcessoRapidoPrimeiro {
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoSegundo {
        border-top-right-radius: 8px !important;
    }

    .itensAcessoRapidoQuinto {
        border-bottom-left-radius: 8px !important;
    }

    .itensAcessoRapidoSexto {
        border-bottom-right-radius: 8px;
    }

    .containerAcessoRapido a {
        position: relative;
        padding-right: 3px;
        padding-left: 3px;
        font-family: arial;
        color: #646363;
        text-decoration: none;
    }

        .containerAcessoRapido a:hover {
            position: relative;
            font-family: arial;
            color: #000;
            text-decoration: none;
        }
		*/
}

/*
@media only screen and (min-width: 496px) {
	.containerTelaInicialModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
    }

    .containerTituloModulos {
        background-image: none;
        background-color: transparent;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .marcaTituloModulos {
        display: none;
    }

    .marcaVerticalTituloModulos {
        display: inline;
    }

    .containerTituloModulos img {
        width: 241px;
    }

    .containerInfosModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        max-width: 600px;
        margin-top: 50px;
    }

        .containerInfosModulos img {
            width: 250px;
        }

    .textoModulos {
        font-family: arial;
        color: #9b9b9b;
        font-size: 14px;
        margin-top: 23px;
        line-height: 20px;
        margin-left: 8px;
        font-family: 'dinregular';
    }


    .containerAcessoRapido {
        position: relative;
        max-width: 788px;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0px 5px 10px;
        margin-top: 50px;
        text-align: center !important;
        text-decoration: none;
    }

    .tituloAcessoRapido {
        position: relative;
        margin-bottom: 10px;
        display: block;
        background-color: transparent;
        border: none;
        color: #4c4c4c;
        padding: 14px;
        font-family: 'din-blackregular';
        font-size: 21px;
        box-shadow: none;
    }

        .tituloAcessoRapido:before {
            font-family: FontAwesome;
            content: "\f13a";
            color: #555555;
        }

    .itensAcessoRapido {
        position: relative;
        display: inline-block;
        width: 235px;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 12px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
        margin-left: -3px;
    }

    .itensAcessoRapidoPrimeiro {
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoSegundo {
        border-top-right-radius: 8px !important;
    }

    .itensAcessoRapidoQuinto {
        border-bottom-left-radius: 8px !important;
    }

    .itensAcessoRapidoSexto {
        border-bottom-right-radius: 8px;
    }

    .containerAcessoRapido a {
        position: relative;
        padding-right: 3px;
        padding-left: 3px;
        font-family: arial;
        color: #646363;
        text-decoration: none;
    }

        .containerAcessoRapido a:hover {
            position: relative;
            font-family: arial;
            color: #000;
            text-decoration: none;
        }

    .responsiveMobile {
        display: inline;
    }

    .responsiveDesktop {
        display: none;
    }
}
	*/

/*

@media only screen and (min-width: 525px) {
    .btnHomeMobile {
        position: relative;
        text-align: center;
        padding-top: 12px;
        padding-bottom: 4px;
           display: inline-block;
        color: #5b1312 !important;
        font-family: 'din-blackregular';
        font-size: 11px;
        text-decoration: none !important;
        text-transform: uppercase;
        margin-left: 6px;
        opacity: 0.80;
        -moz-opacity: 0.80;
        filter: alpha(opacity=80);
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }
}

@media only screen and (min-width: 600px) {
    .itensAcessoRapido {
        position: relative;
        display: inline-block;
        width: 286px;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 14px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
        margin-left: -3px;
    }

    .itensAcessoRapidoPrimeiro {
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoSegundo {
        border-top-right-radius: 8px !important;
    }

    .itensAcessoRapidoTerceiro {
        border-top-left-radius: 0px !important;
    }

    .itensAcessoRapidoQuarto {
        border-bottom-left-radius: 0px !important;
    }

    .itensAcessoRapidoQuinto {
        border-bottom-left-radius: 8px !important;
    }

    .itensAcessoRapidoSexto {
        border-bottom-right-radius: 8px;
    }

}

@media only screen and (min-width: 650px) {

    .itensAcessoRapido {
        position: relative;
        display: inline-block;
        width: 310px;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 14px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
        margin-left: -3px;
    }

    .itensAcessoRapidoPrimeiro {
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoSegundo {
        border-top-right-radius: 8px !important;
    }

    .itensAcessoRapidoTerceiro {
        border-top-left-radius: 0px !important;
    }

    .itensAcessoRapidoQuarto {
        border-bottom-left-radius: 0px !important;
    }

    .itensAcessoRapidoQuinto {
        border-bottom-left-radius: 8px !important;
    }

    .itensAcessoRapidoSexto {
        border-bottom-right-radius: 8px;
    }

}
*/

@media only screen and (max-width: 720px) {

    /*.ContainerFormLogin {
        z-index: 2;
        position: fixed;
        width: 401px;
        height: 538px;
        background: url('img/bg-index-login-principal.png') no-repeat;
        overflow: hidden;
        right: 50% !important;
        margin-right: -200px !important;
        top: 50%;
        margin-top: -269px;
        padding-top: 145px;
        padding-left: 45px;
        padding-right: 45px;
        box-sizing: border-box;
        opacity: 0.0;
    }
}*/
}

/*@media only screen and (min-width: 720px) {
    .btnHomeMobile {
        position: relative;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 0px !important;
       
        color: #5b1312 !important;
        font-family: 'din-blackregular';
        font-size: 12px;
        text-decoration: none !important;
        text-transform: uppercase;
        margin-left: 6px;
        opacity: 0.80;
        -moz-opacity: 0.80;
        filter: alpha(opacity=80);
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }
}*/

/*
@media only screen and (min-width: 750px) {
    .containerTelaInicialModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
    }

    .containerTituloModulos {
        background-image: none;
        background-color: transparent;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .marcaTituloModulos {
        display: none;
    }

    .marcaVerticalTituloModulos {
        display: inline;
    }

    .containerTituloModulos img {
        width: 241px;
    }

    .containerInfosModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        max-width: 600px;
        margin-top: 50px;
    }

        .containerInfosModulos img {
            width: 250px;
        }

    .textoModulos {
        font-family: arial;
        color: #9b9b9b;
        font-size: 14px;
        margin-top: 23px;
        line-height: 20px;
        margin-left: 8px;
        font-family: 'dinregular';
    }


    .containerAcessoRapido {
        position: relative;
        max-width: 788px;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0px 5px 10px;
        margin-top: 50px;
        text-align: center !important;
        text-decoration: none;
    }    width: 360px;

    .tituloAcessoRapido {
        position: relative;
        margin-bottom: 10px;
        display: block;
        background-color: transparent;
        border: none;
        color: #4c4c4c;
        padding: 14px;
        font-family: 'din-blackregular';
        font-size: 21px;
        box-shadow: none;
    }

        .tituloAcessoRapido:before {
            font-family: FontAwesome;
            content: "\f13a";
            color: #555555;
        }

    .itensAcessoRapido {
        position: relative;
        display: inline-block;
        width: 360px;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 14px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
        margin-left: -3px;
    }

    .itensAcessoRapidoPrimeiro {
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoSegundo {
        border-top-right-radius: 8px !important;
    }

    .itensAcessoRapidoTerceiro {
        border-top-left-radius: 0px !important;
    }

    .itensAcessoRapidoQuarto {
        border-bottom-left-radius: 0px !important;
    }

    .itensAcessoRapidoQuinto {
        border-bottom-left-radius: 8px !important;
    }

    .itensAcessoRapidoSexto {
        border-bottom-right-radius: 8px;
    }

    .containerAcessoRapido a {
        position: relative;
        padding-right: 3px;
        padding-left: 3px;
        font-family: arial;
        color: #646363;
        text-decoration: none;
    }

        .containerAcessoRapido a:hover {
            position: relative;
            font-family: arial;
            color: #000;
            text-decoration: none;
        }

   
}

	*/

/*
	@media screen and (min-width: 721px) and (max-width: 800px) {
   
}*/



@media (max-width: 768px) {
    form.jqtransformdone label {
        margin-top: 2px !important;
        font-size: 16px !important;
    }

    .jqTransformRadio {
        height: 26px !important;
        width: 26px !important;
        background-size: 26px !important;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 15px;
    }

    .rotulo {
        font-size: 18px;
    }

    .rotuloCheck {
        font-size: 18px;
    }

    .campo {
        font-size: 20px;
    }

    .campoLabel {
        font-size: 20px;
    }

    .campoDesativado {
        font-size: 20px;
    }

    .campoData {
        font-size: 20px;
    }

    .rotuloRadio {
        font-size: 18px;
    }

    .ContainerRadio {
        font-size: 20px;
    }

    .RadioContent {
        font-size: 20px;
    }

    .botaoPadrao {
        font-size: 18px;
        line-height: 50px;
        height: 50px;
    }

    select {
        font-size: 20px;
        font-family: dinregular !important;
        display: block;
        width: 100%;
        height: 38px;
        margin-bottom: 11px;
        box-sizing: border-box;
        color: #656565 !important;
        text-transform: uppercase;
        background: #fbfbfb;
        padding-left: 11px;
        padding-right: 10px;
        overflow: hidden;
        position: relative;
        border: 1px solid #d7d4d4;
        white-space: nowrap;
        line-height: 38px;
        text-decoration: none;
        border-radius: 3px;
        background-clip: padding-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #fff;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ececec), color-stop(0.5, #fff));
        background-image: -webkit-linear-gradient(center bottom, #ececec 0%, #fff 50%);
        background-image: -moz-linear-gradient(center bottom, #ececec 0%, #fff 50%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ececec', GradientType = 0);
        background-image: linear-gradient(to top, #ececec 0%, #fff 50%);
        outline: none;
    }

    .ui-datepicker .ui-datepicker-title select {
        display: inline !important;
        height: 34px !important;
    }

    .ui-datepicker .ui-datepicker-title select {
        font-size: 1.5em;
    }

    .ui-datepicker table {
        font-size: 1.5em;
    }

    .ui-datepicker {
        width: 27em;
    }

    .pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll li a {
        font-size: 1.7em !important;
    }

    .BtnLateral {
        padding: 0 15px 0 15px;
        height: 42px;
        line-height: 41px;
        font-size: 16px;
    }





    .borderr {
        -webkit-box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        -moz-box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        background: white !important;
    }

    .rodapeLogos {
        margin-top: 20px;
        position: relative;
        text-align: center;
        padding: 0px;
        float: none;
        margin-bottom: 25px;
    }

    .rodapeCopyright {
        font-family: Arial;
        font-size: 10px;
        margin: 0 auto;
        margin-top: 45px;
        position: relative;
        padding: 0px;
        text-align: center;
        float: none;
    }

    .baseMenu h1 {
        position: relative;
        background-image: url(img/bg-h1.png);
        background-position: center top;
        background-repeat: repeat;
        margin: 0px;
        margin-top: 0px !important;
        padding: 0px;
        height: 95px;
        width: 100%;
        color: #fff;
        font-family: 'din-blackregular';
        font-size: 26px;
        text-transform: uppercase;
        z-index: 0 !important;
        font-weight: normal;
        overflow: hidden;
    }
    /*COLORBOX*/
    .colorboxTituloAzulPequeno .subtitulo {
        margin-bottom: 30px !important;
        font-size: 28px !important;
    }

    .colorboxTituloAzulPequeno .tituloSecundario {
        font-size: 26px !important;
        line-height: 28px;
    }

    .colorboxTituloAzulPequeno .contentColorbox ul {
        font-size: 21px;
        line-height: 20px;
    }

    .grupoCampoBotao input[type='text'] {
        font-size: 21px;
    }
}


@media only screen and (min-width: 805px) {
    .containerTelaInicialModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
    }

    .containerTituloModulos {
        background-image: none;
        background-color: transparent;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .marcaTituloModulos {
        display: none;
    }

    .marcaVerticalTituloModulos {
        display: inline;
    }

    .containerTituloModulos img {
        width: 241px;
    }

    .containerInfosModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        max-width: 600px;
        margin-top: 50px;
    }

        .containerInfosModulos img {
            width: 250px;
        }

    .textoModulos {
        font-family: arial;
        color: #9b9b9b;
        font-size: 14px;
        margin-top: 23px;
        line-height: 20px;
        margin-left: 8px;
        font-family: 'dinregular';
    }


    .containerAcessoRapido {
        position: relative;
        max-width: 788px;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0px 5px 10px;
        margin-top: 50px;
        text-align: center !important;
        text-decoration: none;
    }

    .tituloAcessoRapido {
        position: relative;
        margin-bottom: 10px;
        display: block;
        background-color: transparent;
        border: none;
        color: #4c4c4c;
        padding: 14px;
        font-family: 'din-blackregular';
        font-size: 21px;
        box-shadow: none;
    }

        .tituloAcessoRapido:before {
            font-family: FontAwesome;
            content: "\f13a";
            color: #555555;
        }

    .itensAcessoRapido {
        position: relative;
        display: inline-block;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 10px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
        width: initial;
        margin-left: -3px;
    }

    .itensAcessoRapidoPrimeiro {
        border-bottom-left-radius: 8px !important;
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoSexto {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
    }


    .itensAcessoRapidoSegundo {
        border-top-right-radius: 0px !important;
    }

    .itensAcessoRapidoQuinto {
        border-bottom-left-radius: 0px !important;
    }

    .containerAcessoRapido a {
        position: relative;
        padding-right: 3px;
        padding-left: 3px;
        font-family: arial;
        color: #646363;
        text-decoration: none;
    }

        .containerAcessoRapido a:hover {
            position: relative;
            font-family: arial;
            color: #000;
            text-decoration: none;
        }
}



@media screen and (min-width: 100px) and (max-width: 991px) {
    body {
        background-color: #f5f5f5 !important;
        background-image: url(img/bg_topoMobile.png);
    }
}

@media screen and (max-width: 992px) {

    .containerDestaqueTopHome {
        text-align: center;
    }


    .responsiveDesktop {
        display: none;
    }

    .responsiveMobile {
        display: inline;
        margin-top: 16px !important;
    }
}




/*
@media screen and (max-width: 800px) and (orientation: landscape) {
    .ContainerFormLogin {
        z-index: 2;
        position: fixed;
        width: 401px;
        height: 455px;
        background: url(img/bg-index-login-principal-landscape.png) no-repeat;
        overflow: hidden;
        right: -30px !important;
        top: 50%;
        margin-top: -227px;
        padding-top: 99px;
        padding-left: 0px;
        padding-right: 55px;
        box-sizing: border-box;
        opacity: 0.0;
    }

    .BtnBuscarCnsLogin {
        background-image: url(img/lupa-login.png);
        z-index: 999999;
        width: 34px;
        height: 35px;
        display: inline-block;
        float: right;
        margin-right: 0px;
        top: 148px;
        left: 279px;
        position: absolute;
        outline: none;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 100ms ease-in-out;
    }

    .select2-container .select2-choice .select2-arrow b {
        display: block;
        width: 100%;
        height: 100%;
        background: url(../img/arrow-down-login.png) no-repeat 0 1px;
        background-position: 10px 7px !important;
    }

    .BotaoRecuperarCNS {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-image: url(img/btn-recuperar.png);
        width: 92px;
        height: 29px;
        display: inline-block;
        float: right;
        margin-top: 74px;
        outline: none;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    .ChamadasTelaInicial {
        z-index: 2;
        position: absolute;
        width: 701px;
        height: 367px;
        left: 0px;
        top: 50%;
        margin-top: -183px;
        padding-top: 0px;
        padding-left: 20px;
        padding-right: 45px;
        box-sizing: border-box;
        opacity: 0.0;
    }

    .st-accordion ul li > a {
        font-size: 20px;
    }

    .slideHome p {
        font-size: 20px;
        line-height: 23px;
    }

    .st-content a {
        line-height: 34px;
        font-size: 16px;
    }

    .titulosContentHome {
        font-size: 24px;
        line-height: 78px;
    }

    .botoesDestaqueHome {
        font-size: 16px;
        line-height: 40px;
    }

    .textoDestaqueHome {
        font-size: 24px;
    }

    .tituloInformacoesUteis {
        font-size: 21px;
        line-height: 28px;
    }

    .visualizarLoginPortrait {
        display: none;
    }

    .visualizarDesktop {
        display: none;
    }

    .visualizarHomeLandscape {
        display: block !important;
    }

    .visualizarHomePortrait {
        display: block !important;
    }

    .visualizarHomeDesktop {
        display: none !important;
    }
       
}


    /*
        
@media (max-width: 800px) and (orientation: portrait) {
        
        #ChamadasTelaInicial {
        display: none;
    }

    .ChamadasTelaInicial {
        z-index: 2;
        position: absolute;
        width: 338px;
        height: 118px;
        left: 50%;
        margin-left: -169px;
        top: 0px;
        margin-top: 0px;
        padding-top: 40px;
        padding-left: 0px;
        padding-right: 0px;
        box-sizing: border-box;
    }

    .ContainerFormLogin {
        z-index: 2;
        position: fixed;
        width: 401px;
        height: 538px;
        background: url(img/bg-index-login-principal.png) no-repeat;
        overflow: hidden;
        right: 50% !important;
        margin-right: -200px !important;
        top: 50%;
        margin-top: -215px;
        padding-top: 145px;
        padding-left: 45px;
        padding-right: 45px;
        box-sizing: border-box;
    }

    .rodapeLogin {
        z-index: 2;
        position: absolute;
        width: 235px;
        height: 42px;
        left: 50%;
        margin-left: -115px;
        top: 50%;
        margin-top: 331px;
    }

    .st-accordion ul li > a {
        font-size: 20px;
    }

    .slideHome p {
        font-size: 20px;
        line-height: 23px;
    }

    .st-content a {
        line-height: 34px;
        font-size: 16px;
    }

    .titulosContentHome {
        font-size: 24px;
        line-height: 78px;
    }

    .botoesDestaqueHome {
        font-size: 16px;
        line-height: 40px;
    }

    .textoDestaqueHome {
        font-size: 24px;
    }

    .tituloInformacoesUteis {
        font-size: 21px;
        line-height: 28px;
    }

    .visualizarLoginPortrait {
        display: block !important;
    }

    .visualizarHomeLandscape {
        display: block;
    }

    .visualizarHomePortrait {
        display: block !important;
    }

    .visualizarHomeDesktop {
        display: none !important;
    }
        */



/*Lista de botoes horizontaio*/

.listaBotoes li {
    margin: 5px 30px 5px 0px;
    display: inline-block;
}

    .listaBotoes li a {
        display: inline-block;
        display: table;
        padding: 10px 10px 10px 10px;
        font-size: 14px;
        width: 255px;
        background-color: #e2e2e2;
        border-color: rgba(191, 191, 191, 0.31);
        border-width: 1px;
        border-style: solid;
        border-radius: 3px;
        float: left;
        box-sizing: border-box;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        .listaBotoes li a:hover {
            background-color: #d8d8d8;
        }

    .listaBotoes li:nth-last-child(4n) {
        margin-right: 0px;
    }

    .listaBotoes li a:before {
        content: "\f15c";
        color: #337ab7;
        font-family: FontAwesome;
        padding-right: 10px;
    }


.perguntasDinamicas .rotuloRadio {
    font-family: 'din-blackregular';
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #5a5a5a;
    margin-bottom: 2px;
    background-image: url(img/bg-rotulo-cinza-claro.png);
    margin-top: 25px;
    background-position: left center;
    padding: 6px 6px 6px 30px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    border: none;
}






/*Lista de botoes horizontaio*/

.listaBotoesVerticais li {
    margin: 5px 10px 5px 0px;
    display: block;
}

    .listaBotoesVerticais li:last-child {
        margin-bottom: 20px;
        display: block;
    }

    .listaBotoesVerticais li a {
        display: table;
        padding: 7px 10px 7px 10px;
        font-size: 15px;
        width: 255px;
        border-color: rgba(191, 191, 191, 0.31);
        border-radius: 4px;
        float: left;
        font-family: dinregular;
        box-sizing: border-box;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

        .listaBotoesVerticais li a:hover {
            background-color: #f2f5f7;
        }

    .listaBotoesVerticais li:nth-last-child(4n) {
        margin-right: 0px;
    }

    .listaBotoesVerticais li a:before {
        content: "\f15c";
        color: #337ab7;
        font-family: FontAwesome;
        padding-right: 10px;
    }








.perguntasDinamicas .rotuloRadio {
    font-family: 'din-blackregular';
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #5a5a5a;
    margin-bottom: 2px;
    background-image: url(img/bg-rotulo-cinza-claro.png);
    margin-top: 25px;
    background-position: left center;
    padding: 6px 6px 6px 30px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    border: none;
}




.perguntasDinamicas .BtnLateralTooltip {
    position: absolute;
    right: 0;
    display: inline-block;
    top: 25px;
    background: #5286be;
    color: #fff;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* vertical-align: top; */
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    height: 28px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 700;
    margin-right: -8px;
}


.botaoTexto {
    font-family: 'dinregular' !important;
    font-size: 12px !important;
    color: #1d5bad !important;
}

    .botaoTexto:before {
        content: '\f0f0';
        font-family: FontAwesome;
        font-size: 24px;
        margin-bottom: 4px;
        display: block;
    }

.containerDadosPerfil {
    position: relative;
    padding: 22px;
    box-sizing: border-box;
    background-color: #e3eaf1;
}

.tituloDadosPerfil {
    position: relative;
    font-size: 16px;
    font-family: 'din-blackregular';
    text-transform: uppercase;
    color: #4278b1;
}

.infoDadosPefil a.seleciona-especialidadeon {
    text-decoration: none;
    padding: 0px;
    border: none;
    background-color: transparent;
    float: none;
    margin: 3px 2px 20px 0px;
    color: #777777;
    font-weight: normal;
    font-family: din;
    font-size: 15px;
    /*border-bottom: solid 1px #7895b5;*/
    display: block;
    /*padding-bottom: 14px;*/
}





.btnCinzaIconGraficoAtendimento {
    background-image: url(imagens/bg-urg-btn-graficos-atendimentos.png);
    background-color: #ccc;
    display: inline-block;
    height: 67px;
    display: inline-block;
    font-family: 'din-blackregular';
    color: #325d8c;
    text-transform: uppercase;
    font-size: 12px;
    padding: 28px 19px 0px 70px;
    box-sizing: border-box;
}


.btnCinzaIconResultadosExames {
    background-image: url(imagens/bg-urg-btn-resultado-exames.png);
    background-color: #ccc;
    display: inline-block;
    height: 67px;
    display: inline-block;
    font-family: 'din-blackregular';
    color: #325d8c;
    text-transform: uppercase;
    font-size: 12px;
    padding: 28px 19px 0px 70px;
    box-sizing: border-box;
}



/*Quado utilizar em um Iframe modulo */
.btnCinzaIconGraficoAtendimentoUrgencia {
    background-image: url(../imagens/bg-urg-btn-graficos-atendimentos.png);
    background-color: #ccc;
    display: inline-block;
    height: 67px;
    float: right;
    display: inline-block;
    font-family: 'din-blackregular';
    color: #325d8c;
    text-transform: uppercase;
    font-size: 12px;
    padding: 28px 19px 0px 70px;
    box-sizing: border-box;
}


.btnCinzaIconResultadosExamesUrgencia {
    background-image: url(../imagens/bg-urg-btn-resultado-exames.png);
    background-color: #ccc;
    display: inline-block;
    height: 67px;
    float: right;
    display: inline-block;
    font-family: 'din-blackregular';
    text-decoration: none;
    color: #325d8c;
    text-transform: uppercase;
    font-size: 12px;
    padding: 28px 19px 0px 70px;
    box-sizing: border-box;
}


.btnCinzaIconResultadosExamesUrgenciaAnimado {
    background-image: url(../imagens/bg-urg-btn-resultado-exames.png);
    background-color: #ccc;
    display: inline-block;
    height: 67px;
    display: inline-block;
    font-family: 'din-blackregular';
    color: #325d8c;
    text-transform: uppercase;
    font-size: 12px;
    padding: 28px 19px 0px 70px;
    box-sizing: border-box;
}

.topoProntuario {
    border-bottom: solid 1px #38699f;
    padding-bottom: 20px;
    margin-bottom: 30px;
}



.visualizarLoginPortrait {
    display: none;
}

/*

.visualizarHomeLandscape {
    display: none !important;
}

.visualizarHomePortrait {
    display: none;
}

.visualizarHomeDesktop {
    display: block;
}







/* ================================ CARTAO DE VACINA ================================== */

#layouts {
    background-color: #fdf7d8;
    width: 80%;
    padding: 40px;
    margin-left: 60px;
    border: solid 5px #fdcd56;
    z-index: 102;
    position: absolute;
}


.thumbscard {
    float: left;
    margin: 0px 13px 15px 0px;
}

.titulothumbs {
    font-family: Verdana;
    font-size: 28px;
    color: #333333;
    background: url(Vacina/img/thumbs/tititulothumb.png) no-repeat center;
    padding-bottom: 16px;
    width: 642px;
    height: 54;
}

#view {
    width: 514px;
    height: 177px;
    background: url(Vacina/img/thumbs/bglayout.png) no-repeat center;
    margin-left: 75px;
}


h8 {
    background: url(Vacina/img/thumbs/tititulothumb.png) no-repeat center;
}


.ImagemPrincipalCartaoVacina {
    padding-left: 16px;
    padding-top: 16px;
}

.atencao {
    color: Red;
    font-weight: bold;
    font-family: Arial;
    font-size: 13px;
}



.responsiveMobile {
    display: none;
}

.responsiveDesktop {
    display: inline;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////   768px   //////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 768px) {
    form.jqtransformdone label {
        margin-top: 2px !important;
        font-size: 16px !important;
    }

    .jqTransformRadio {
        height: 26px !important;
        width: 26px !important;
        background-size: 26px !important;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 15px;
    }

    .rotulo {
        font-size: 18px;
    }

    .rotuloCheck {
        font-size: 18px;
    }

    .campo {
        font-size: 20px;
    }

    .campoLabel {
        font-size: 20px;
    }

    .campoDesativado {
        font-size: 20px;
    }

    .campoData {
        font-size: 20px;
    }

    .rotuloRadio {
        font-size: 18px;
    }

    .ContainerRadio {
        font-size: 20px;
    }

    .RadioContent {
        font-size: 20px;
    }

    .botaoPadrao {
        font-size: 18px;
        line-height: 50px;
        height: 50px;
    }

    select {
        font-size: 20px;
        font-family: dinregular !important;
        display: block;
        width: 100%;
        height: 38px;
        margin-bottom: 11px;
        box-sizing: border-box;
        color: #656565 !important;
        text-transform: uppercase;
        background: #fbfbfb;
        padding-left: 11px;
        padding-right: 10px;
        overflow: hidden;
        position: relative;
        border: 1px solid #d7d4d4;
        white-space: nowrap;
        line-height: 38px;
        text-decoration: none;
        border-radius: 3px;
        background-clip: padding-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #fff;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ececec), color-stop(0.5, #fff));
        background-image: -webkit-linear-gradient(center bottom, #ececec 0%, #fff 50%);
        background-image: -moz-linear-gradient(center bottom, #ececec 0%, #fff 50%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ececec', GradientType = 0);
        background-image: linear-gradient(to top, #ececec 0%, #fff 50%);
        outline: none;
    }

    .ui-datepicker .ui-datepicker-title select {
        display: inline !important;
        height: 24px !important;
    }

    .BtnLateral {
        padding: 0 15px 0 15px;
        height: 42px;
        line-height: 41px;
        font-size: 16px;
    }

    .ChamadasTelaInicial {
        display: none;
    }

    .borderr {
        -webkit-box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        -moz-box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        box-shadow: 0px 0px 6px 0px rgb(175, 174, 174);
        background: white !important;
    }

    .rodapeLogos {
        margin-top: 20px;
        position: relative;
        text-align: center;
        padding: 0px;
        float: none;
        margin-bottom: 25px;
    }

    .rodapeCopyright {
        font-family: Arial;
        font-size: 10px;
        margin: 0 auto;
        margin-top: 45px;
        position: relative;
        padding: 0px;
        text-align: center;
        float: none;
    }

    .baseMenu h1 {
        width: 100%;
        background-image: url(img/bg-h1-arrows.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        font-family: 'din-blackregular';
        position: relative;
        line-height: 29px;
        padding-left: 56px;
        padding-bottom: 20px;
        height: 96px;
        font-size: 22px;
        z-index: 0;
        vertical-align: middle;
        display: table-cell;
    }


    .containerTituloModulos {
        background-image: none;
        background-color: transparent;
        padding-top: 50px;
        padding-bottom: 50px;
    }


    .containerInfosModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        max-width: 600px;
        margin-top: 50px;
    }

        .containerInfosModulos img {
            width: 250px;
        }

    .textoModulos {
        font-family: arial;
        color: #9b9b9b;
        font-size: 14px;
        margin-top: 23px;
        line-height: 20px;
        margin-left: 8px;
        font-family: 'dinregular';
    }


    .containerAcessoRapido {
        position: relative;
        max-width: 788px;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0px 5px 10px;
        margin-top: 50px;
        text-align: center !important;
        text-decoration: none;
    }

    .tituloAcessoRapido {
        position: relative;
        margin-bottom: 10px;
        display: block;
        background-color: transparent;
        border: none;
        color: #4c4c4c;
        padding: 14px;
        font-family: 'din-blackregular';
        font-size: 21px;
        box-shadow: none;
    }

        .tituloAcessoRapido:before {
            font-family: FontAwesome;
            content: "\f13a";
            color: #555555;
        }

    .itensAcessoRapido {
        position: relative;
        display: inline-block;
        width: 360px;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 14px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
        margin-left: -3px;
    }

    .itensAcessoRapidoPrimeiro {
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoSegundo {
        border-top-right-radius: 8px !important;
    }

    .itensAcessoRapidoTerceiro {
        border-top-left-radius: 0px !important;
    }

    .itensAcessoRapidoQuarto {
        border-bottom-left-radius: 0px !important;
    }

    .itensAcessoRapidoQuinto {
        border-bottom-left-radius: 8px !important;
    }

    .itensAcessoRapidoSexto {
        border-bottom-right-radius: 8px;
    }

    .containerAcessoRapido a {
        position: relative;
        padding-right: 3px;
        padding-left: 3px;
        font-family: arial;
        color: #646363;
        text-decoration: none;
    }

        .containerAcessoRapido a:hover {
            position: relative;
            font-family: arial;
            color: #000;
            text-decoration: none;
        }

    .responsiveMobile {
        display: inline;
    }

    .responsiveDesktop {
        display: none;
    }
}
















.marcaTituloModulos {
    display: none;
}

.marcaVerticalTituloModulos {
    display: inline;
}

.containerTituloModulos img {
    width: 241px;
}

.containerInfosModulos {
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: 600px;
    margin-top: 50px;
}

    .containerInfosModulos img {
        width: 250px;
    }

.textoModulos {
    font-family: arial;
    color: #9b9b9b;
    font-size: 14px;
    margin-top: 23px;
    line-height: 20px;
    margin-left: 8px;
    font-family: 'dinregular';
}


.containerAcessoRapido {
    position: relative;
    max-width: 788px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0px 5px 10px;
    margin-top: 50px;
    text-align: center !important;
    text-decoration: none;
}

.tituloAcessoRapido {
    position: relative;
    margin-bottom: 10px;
    display: block;
    background-color: transparent;
    border: none;
    color: #4c4c4c;
    padding: 14px;
    font-family: 'din-blackregular';
    font-size: 21px;
    box-shadow: none;
}

    .tituloAcessoRapido:before {
        font-family: FontAwesome;
        content: "\f13a";
        color: #555555;
    }

.itensAcessoRapido {
    position: relative;
    display: inline-block;
    /*width: 360px;*/
    -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
    box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
    background-color: #f5f5f5;
    font-size: 14px;
    font-family: arial;
    border-width: 1px;
    border-style: solid;
    border-color: #ebebeb;
    color: #4c4c4c;
    padding: 14px;
    margin-left: -3px;
}

.itensAcessoRapidoPrimeiro {
    border-top-left-radius: 8px !important;
}

.itensAcessoRapidoSegundo {
    border-top-right-radius: 8px !important;
}

.itensAcessoRapidoTerceiro {
    border-top-left-radius: 0px !important;
}

.itensAcessoRapidoQuarto {
    border-bottom-left-radius: 0px !important;
}

.itensAcessoRapidoQuinto {
    border-bottom-left-radius: 8px !important;
}

.itensAcessoRapidoSexto {
    border-bottom-right-radius: 8px;
}

.containerAcessoRapido a {
    position: relative;
    padding-right: 3px;
    padding-left: 3px;
    font-family: arial;
    color: #646363;
    text-decoration: none;
}

    .containerAcessoRapido a:hover {
        position: relative;
        font-family: arial;
        color: #000;
        text-decoration: none;
    }


.btnHomeMobile {
    position: relative;
    text-align: center;
    padding-top: 11px;
    padding-bottom: 0px;
    color: #5b1312 !important;
    font-family: 'din-blackregular';
    font-size: 11px;
    text-decoration: none !important;
    text-transform: uppercase;
    margin-left: 6px;
    opacity: 0.80;
    -moz-opacity: 0.80;
    filter: alpha(opacity=80);
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}





























.responsiveDesktop {
    display: inline;
}

.responsiveMobile {
    display: none;
}

.containerTelaInicialModulos {
    position: relative;
    width: 920px;
    margin: 0 auto;
    text-align: center;
}

.containerTituloModulos {
    background-image: url(img/fundo-telas-iniciais.png);
    width: 523px;
    height: 387px;
    padding-top: 120px;
    padding-right: 100px;
}

.marcaTituloModulos {
    display: inline;
}

.marcaVerticalTituloModulos {
    display: none;
}

.containerTituloModulos img {
    width: 440px;
    height: 138px;
}

.containerInfosModulos {
    position: relative;
    margin-top: 152px;
}

    .containerInfosModulos img {
        display: block;
        width: 100%;
    }

.textoModulos {
    font-family: arial;
    color: #9b9b9b;
    text-align: justify;
    font-size: 14px;
    margin-top: 23px;
    line-height: 20px;
    width: 370px;
    margin-left: 8px;
    font-family: 'dinregular';
}

.containerAcessoRapido {
    position: relative;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0px 5px 10px;
    margin-top: 50px;
    text-align: center !important;
    text-decoration: none;
}

.containerAcessoRapido {
    position: relative;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0px 5px 10px;
    margin-top: 50px;
    text-align: center !important;
    text-decoration: none;
}

.tituloAcessoRapido {
    position: relative;
    display: inline;
    background-color: #e5e3e3;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color: #4c4c4c;
    padding: 14px;
    font-family: 'din-blackregular';
    font-size: 12px;
    float: left;
    -webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.13);
    box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.13);
}

    .tituloAcessoRapido:before {
        font-family: FontAwesome;
        content: "\f138";
        color: #555555;
    }

.itensAcessoRapido {
    position: relative;
    display: inline-block;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
    background-color: #f5f5f5;
    float: left;
    font-size: 10px;
    font-family: arial;
    border-width: 1px;
    border-style: solid;
    border-color: #ebebeb;
    color: #4c4c4c;
    padding: 14px;
    margin-left: -3px;
}

.itensAcessoRapidoPrimeiro {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.itensAcessoRapidoUltimo {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

.containerAcessoRapido a {
    position: relative;
    padding-right: 3px;
    padding-left: 3px;
    font-family: arial;
    color: #646363;
    text-decoration: none;
}

    .containerAcessoRapido a:hover {
        position: relative;
        font-family: arial;
        color: #000;
        text-decoration: none;
    }

.containerDestaqueTopHome {
    text-align: center;
}

.containerlinksHome {
    text-align: center;
}



















/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////   993px   //////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 993px) {

    .responsiveDesktop {
        display: none;
    }

    .responsiveMobile {
        display: inline;
    }

    .containerTelaInicialModulos {
        position: relative;
        width: auto;
        margin: 0 auto;
        text-align: center;
    }

    .containerTituloModulos {
        background-image: none;
        background-color: #ececec;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-right: 0px;
        width: 100%;
        height: 277px;
    }

    .marcaTituloModulos {
        display: none;
    }

    .marcaVerticalTituloModulos {
        display: inline;
    }

    .containerTituloModulos img {
        width: 241px;
        height: auto;
    }

    .containerInfosModulos {
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        max-width: 600px;
        margin-top: 50px;
    }

        .containerInfosModulos img {
            width: 250px;
            display: inline-block;
        }



    .textoModulos {
        font-family: arial;
        color: #9b9b9b;
        font-size: 14px;
        margin-top: 23px;
        line-height: 20px;
        margin-left: 8px;
        font-family: 'dinregular';
        text-align: center;
        width: 100%;
    }

    .containerAcessoRapido {
        position: relative;
        max-width: 960px;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0px 5px 10px;
        margin-top: 50px;
        text-align: center !important;
        text-decoration: none;
    }



    .containerAcessoRapido {
        position: relative;
        max-width: 788px;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0px 5px 10px;
        margin-top: 50px;
        text-align: center !important;
        text-decoration: none;
    }

    .tituloAcessoRapido {
        position: relative;
        margin-bottom: 10px;
        display: block;
        background-color: transparent;
        border: none;
        color: #4c4c4c;
        padding: 14px;
        font-family: 'din-blackregular';
        font-size: 21px;
        box-shadow: none;
        width: 100%;
    }

        .tituloAcessoRapido:before {
            font-family: FontAwesome;
            content: "\f13a";
            color: #555555;
        }

    .itensAcessoRapido {
        position: relative;
        display: inline-block;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 10px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
        width: initial;
        margin-left: -3px;
    }

    .itensAcessoRapidoPrimeiro {
        border-bottom-left-radius: 8px !important;
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoSexto {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
    }


    .itensAcessoRapidoSegundo {
        border-top-right-radius: 0px !important;
    }

    .itensAcessoRapidoQuinto {
        border-bottom-left-radius: 0px !important;
    }

    .containerAcessoRapido a {
        position: relative;
        padding-right: 3px;
        padding-left: 3px;
        font-family: arial;
        color: #646363;
        text-decoration: none;
    }

        .containerAcessoRapido a:hover {
            position: relative;
            font-family: arial;
            color: #000;
            text-decoration: none;
        }







    .containerDestaqueTopHome {
        text-align: center;
    }

    .containerlinksHome {
        text-align: center;
    }

    .btnHomeMobile {
        position: relative;
        text-align: center;
        padding-top: 11px;
        padding-bottom: 4px;
        display: inline-block;
        color: #5b1312 !important;
        font-family: 'din-blackregular';
        font-size: 12px;
        text-decoration: none !important;
        text-transform: uppercase;
        margin-left: 6px;
        opacity: 0.80;
        -moz-opacity: 0.80;
        filter: alpha(opacity=80);
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }
}





























@media only screen and (max-width: 750px) {


    .containerAcessoRapido {
        position: relative;
        max-width: 788px;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0px 5px 10px;
        margin-top: 50px;
        text-align: center !important;
        text-decoration: none;
    }

    .tituloAcessoRapido {
        position: relative;
        margin-bottom: 10px;
        display: block;
        background-color: transparent;
        border: none;
        color: #4c4c4c;
        padding: 14px;
        font-family: 'din-blackregular';
        font-size: 21px;
        box-shadow: none;
    }

        .tituloAcessoRapido:before {
            font-family: FontAwesome;
            content: "\f13a";
            color: #555555;
        }

    .itensAcessoRapido {
        position: relative;
        display: inline-block;
        width: 50%;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 14px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
        margin-left: -3px;
        box-sizing: border-box;
    }

    .itensAcessoRapidoPrimeiro {
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoSegundo {
        border-top-right-radius: 8px !important;
    }

    .itensAcessoRapidoTerceiro {
        border-top-left-radius: 0px !important;
    }

    .itensAcessoRapidoQuarto {
        border-bottom-left-radius: 0px !important;
    }

    .itensAcessoRapidoQuinto {
        border-bottom-left-radius: 8px !important;
    }

    .itensAcessoRapidoSexto {
        border-bottom-right-radius: 8px;
    }

    .containerAcessoRapido a {
        position: relative;
        padding-right: 3px;
        padding-left: 3px;
        font-family: arial;
        color: #646363;
        text-decoration: none;
    }

        .containerAcessoRapido a:hover {
            position: relative;
            font-family: arial;
            color: #000;
            text-decoration: none;
        }
}





@media only screen and (max-width: 420px) {

    .containerAcessoRapido {
        position: relative;
        max-width: 788px;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0px 5px 10px;
        margin-top: 50px;
        text-align: center !important;
        text-decoration: none;
    }

    .tituloAcessoRapido {
        position: relative;
        margin-bottom: 10px;
        display: block;
        background-color: transparent;
        border: none;
        color: #4c4c4c;
        padding: 14px;
        font-family: 'din-blackregular';
        font-size: 21px;
        box-shadow: none;
    }

        .tituloAcessoRapido:before {
            font-family: FontAwesome;
            content: "\f13a";
            color: #555555;
        }



    .itensAcessoRapido {
        position: relative;
        display: inline-block;
        width: 100%;
        -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.13);
        background-color: #f5f5f5;
        font-size: 16px;
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #ebebeb;
        color: #4c4c4c;
        padding: 14px;
        margin-left: -3px;
    }

    .itensAcessoRapidoPrimeiro {
        border-top-right-radius: 8px !important;
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoUltimo {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }


    .itensAcessoRapidoPrimeiro {
        border-top-left-radius: 8px !important;
    }

    .itensAcessoRapidoSegundo {
        border-top-right-radius: 8px !important;
    }

    .itensAcessoRapidoQuinto {
        border-bottom-left-radius: 8px !important;
    }

    .itensAcessoRapidoSexto {
        border-bottom-right-radius: 8px;
    }

    .containerAcessoRapido a {
        position: relative;
        padding-right: 3px;
        padding-left: 3px;
        font-family: arial;
        color: #646363;
        text-decoration: none;
    }

        .containerAcessoRapido a:hover {
            position: relative;
            font-family: arial;
            color: #000;
            text-decoration: none;
        }
}





/***************************************************************************************************************************
	****************************************************** MODAL BOOTSTRAP *****************************************************
	****************************************************************************************************************************/

.modal a {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.modal-footer .btn {
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #8ab3de;
    border: none;
    text-align: center;
    padding: 8px 15px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}


    .modal-footer .btn:hover {
        background-color: #6792bf;
    }


.modal-header {
    min-height: 16.42857143px;
    border-bottom: none;
    background-color: #407fc5 !important;
    border-radius: 4px 4px 0px 0px;
}

    .modal-header h4.modal-title {
        position: relative;
        padding: 10px 10px 3px 10px !important;
        font-weight: normal;
        color: #ffffff;
        border-bottom: none;
        background-image: none;
        background-repeat: no-repeat;
        background-position: left center;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        background-color: Transparent;
        font-family: 'din-blackregular';
        font-size: 20px;
        text-transform: uppercase;
    }

.texto12Bold {
    font-weight: bold;
    font-size: 12px;
}

.texto12 {
    font-size: 12px;
}

.divisor {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    position: relative;
    height: 1px;
    margin: 20px 0 10px 0;
}

.listaOrdenada li {
    float: left;
    counter-increment: num-list;
    margin-bottom: 10px;
    font-family: 'dinregular';
    display: inline;
}

    .listaOrdenada li:before {
        content: counter(num-list);
        margin-right: 5px;
        background-color: #eceb7c;
        font-weight: bold;
        padding: 4px 8px;
        border-radius: 3px;
        font-family: 'din-blackregular';
    }

.listaOrdenada {
    list-style-type: none;
    font-size: 12px;
}

.visible {
    display: inline-block !important;
}

.invisible {
    display: none;
}

.marginTop0 {
    margin-top: 0px;
    position: relative;
}

.marginTop10 {
    margin-top: 10px;
    position: relative;
}

.marginTop15 {
    margin-top: 15px;
    position: relative;
}

marginTop20 {
    margin-top: 20px;
    position: relative;
}

.marginTop30 {
    margin-top: 30px;
    position: relative;
}

.marginTop40 {
    margin-top: 40px;
    position: relative;
}

.marginTop50 {
    margin-top: 50px;
    position: relative;
}


.marginBottom0 {
    margin-bottom: 0px;
    position: relative;
}

.marginBottom10 {
    margin-bottom: 10px;
    position: relative;
}

.marginBottom20 {
    margin-bottom: 20px;
    position: relative;
}

.marginBottom30 {
    margin-bottom: 30px;
    position: relative;
}

.marginBottom40 {
    margin-bottom: 40px;
    position: relative;
}

.marginBottom50 {
    margin-bottom: 50px;
    position: relative;
}
/* ---------------MODAL ----------------- */

.modal .labelDestacado {
    margin-top: 0px;
    margin-right: 0px;
    display: inline-block;
    float: none;
    font-weight: bold;
    font-size: 15px;
    background-color: #efefef;
    padding: 5px 10px;
    border-radius: 3px;
}







.containerBotaoLotes {
    margin-top: -72px;
    position: relative;
    border-radius: 4px;
    padding: 10px 16px;
    color: transparent;
    float: right;
    font-family: dinregular;
    text-transform: uppercase;
    font-size: 12px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
}

    .containerBotaoLotes:hover {
        background-color: #1e6793;
        color: #fff;
        -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25);
        box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25);
    }

    .containerBotaoLotes img {
        display: inline-block;
        position: absolute;
        margin-top: 6px;
        left: 6px;
        width: 19px;
    }


.IconeLotesVencer {
    position: relative;
    display: inline-block;
    float: right;
    /*top: -85px;*/
    width: 32px;
    height: 32px;
    margin-left: 10px;
    border-radius: 30px;
    background-color: #fff;
    background-image: url(../imagens/bg-botoes-branco-cinza.png);
    background-position-y: -1px;
}

.textoBtnLotesVencer {
    position: relative;
    display: inline-block;
    top: 11px;
}

.numeroLotesVencer {
    position: relative;
    display: inline-block;
    float: right;
    top: -5px;
    right: -3px;
    border-radius: 30px;
    padding: 3px;
    background-color: #f91111;
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 11px;
}

/* SCRPT DE NOTIFICAÇÃO */

#toast-container a {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 8px 10px;
    border-radius: 4px;
    display: inline-block;
    margin-top: 8px;
    font-weight: bold;
    font-size: 12px;
    -webkit-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
    -o-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
}

    #toast-container a:hover {
        background-color: rgba(0, 0, 0, 0.4);
        color: #d9edff;
    }

.toast-title {
    margin-bottom: 4px;
}

.btnSlider {
    background-color: #819cb8;
    padding: 7px 10px 5px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    margin-right: 5px;
    border-radius: 4px;
    margin-top: 5px;
    display: inline-block;
    -webkit-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
    -o-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
}

    .btnSlider:hover {
        background-color: #6583a2;
    }

    .btnSlider:before {
        font-family: FontAwesome;
        content: '\f08e';
        padding-right: 5px;
    }




.secaoMesclarCNS {
    position: relative;
    font-family: 'din-blackregular';
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 8px;
    margin-top: 28px;
    color: #646464;
}

.alinhaInfosColorboxCNS {
    position: relative;
    box-sizing: border-box;
    width: 95%;
    margin: 0 auto;
}

.legendaMesclarCNS {
    font-family: 'dinregular';
    position: relative;
    color: #646464;
    font-size: 12px;
    text-align: right;
}

.gridviewCNS {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #e6e6e6;
    border-collapse: collapse;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: Swis721CnBTRoman;
}

    .gridviewCNS td {
        padding: 10px 4px;
        border: solid 1px #e6e6e6;
        color: #717171;
        text-align: center;
        font-size: 11px;
    }

    .gridviewCNS tr {
        background-color: #fff;
    }

    .gridviewCNS th {
        padding: 16px 2px;
        color: #646464;
        background: #f2f2f2;
        border: #e6e6e6 solid 1px;
        font-size: 10px;
        font-family: Swis721CnBTBold;
        text-transform: uppercase;
        font-weight: normal;
    }

    .gridviewCNS .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .gridviewCNS .pgr {
        background: #424242 url(grd_pgr.png) repeat-x top;
    }

        .gridviewCNS .pgr table {
            margin: 5px 0;
        }

        .gridviewCNS .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .gridviewCNS .pgr a {
            color: #666;
            text-decoration: none;
        }

            .gridviewCNS .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

    .gridviewCNS a {
        color: #000;
        text-decoration: none;
    }

        .gridviewCNS a:hover {
            color: #000;
            text-decoration: underline;
        }
















/* CNS */

ul.listExcluirCNS {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0px;
}

    ul.listExcluirCNS li {
        list-style: none;
        float: left;
        background-position: 129px 4px;
        width: 150px;
        height: 35px;
        line-height: 37px;
        margin: 0px 5px 5px 0px;
        box-sizing: border-box;
        font-family: dinregular;
        font-size: 13px;
        color: #000;
        text-transform: uppercase;
        background: #f7f7f7;
        padding: 0px 8px 0px 8px;
        outline: none;
        display: inline-block;
        border: 1px solid #d2d2d2;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
        box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    }

        ul.listExcluirCNS li a {
            right: 0px;
            display: inline-block;
            position: relative;
            float: right;
            top: -2px;
        }


.btnCNSDestaque {
    position: relative;
    background-color: #33668d;
    height: 46px;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    color: white;
    line-height: 46px;
    padding: 0px 25px;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-right: 10px;
}


.btnCNSComum {
    position: relative;
    background-color: #618aa9;
    height: 46px;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    color: white;
    line-height: 46px;
    padding: 0px 25px;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-right: 10px;
}


.tituloMesclarCNS {
    position: relative;
    background-color: #3b77a6;
    font-family: 'din-blackregular';
    font-size: 25px;
    color: White;
    border-radius: 6px;
    margin-bottom: 30px;
    height: 64px;
    line-height: 66px;
    text-transform: uppercase;
    padding: 0px 18px;
    box-sizing: border-box;
}

.subtituloMesclarCNS {
    position: relative;
    font-family: 'dinregular';
    color: #466c8a;
    font-size: 18px;
}

.secaoMesclarCNS {
    position: relative;
    font-family: 'din-blackregular';
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 8px;
    margin-top: 28px;
    color: #646464;
}

.alinhaInfosColorboxCNS {
    position: relative;
    box-sizing: border-box;
    width: 95%;
    margin: 0 auto;
}

.legendaMesclarCNS {
    font-family: 'dinregular';
    position: relative;
    color: #646464;
    font-size: 12px;
    text-align: right;
}

    .legendaMesclarCNS span {
        display: inline-block;
        width: 21px;
        height: 21px;
        background-color: #D3DFEC;
        top: 5px;
        position: relative;
        margin-left: 5px;
    }

.gridviewCNS {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #e6e6e6;
    border-collapse: collapse;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: Swis721CnBTRoman;
}

    .gridviewCNS td {
        padding: 10px 4px;
        border: solid 1px #e6e6e6;
        color: #717171;
        text-align: center;
        font-size: 11px;
    }

    .gridviewCNS tr {
        background-color: #fff;
    }

    .gridviewCNS th {
        padding: 16px 8px;
        color: #646464;
        background: #f2f2f2;
        border: #e6e6e6 solid 1px;
        font-size: 10px;
        font-family: Swis721CnBTBold;
        text-transform: uppercase;
        font-weight: normal;
    }

    .gridviewCNS .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .gridviewCNS .pgr {
        background: #424242 url(grd_pgr.png) repeat-x top;
    }

        .gridviewCNS .pgr table {
            margin: 5px 0;
        }

        .gridviewCNS .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .gridviewCNS .pgr a {
            color: #666;
            text-decoration: none;
        }

            .gridviewCNS .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

    .gridviewCNS a {
        color: #000;
        text-decoration: none;
    }

        .gridviewCNS a:hover {
            color: #000;
            text-decoration: underline;
        }



.btnSugestoes {
    background-color: #68772b;
    padding: 0 12px;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin-top: 23px;
    font-family: din;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}


    .btnSugestoes:hover {
        background-color: #576326;
    }

    .btnSugestoes i {
        font-size: 15px;
        margin-right: 3px;
    }





/**** MODAL ***/


.modal-body {
    position: relative;
    padding: 25px;
    font-size: 15px;
}

    .modal-body p {
        margin: 2px 0 5px;
        width: auto;
        font-size: 15px;
        color: #666;
    }

.modal-header .close {
    background-color: #3370b3 !important;
}


    .botaoBege .modal-header .close:hover, .modal-header .close:focus {
        color: #FFF;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    border-bottom: none;
    color: #fff;
    background-image: none;
    padding-left: 10px !important;
    /* margin: 0px; */
    font-size: 19px;
    text-transform: uppercase;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    background-color: #97a663;
    border-radius: 5px 5px 0px 0px;
}


    .modal-header .close {
        margin-top: 3px;
        margin-right: 1px;
        padding: 4px 12px;
        width: 34px;
        display: inline-block;
        height: 34px;
        border: none;
        outline: none;
        background-color: #56671d;
        border-radius: 4px;
        color: #fff;
        z-index: 3;
        position: relative;
        opacity: .5;
    }


        .modal-header .close:hover, .modal-header .close:focus {
            color: #FFF;
            text-decoration: none;
            cursor: pointer;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }



.botaoGrandeDestaque {
    background-color: #7bb3b2;
    padding: 0px 22px;
    color: #fff;
    font-family: dinregular;
    font-size: 14px;
    border-radius: 6px;
    box-sizing: border-box;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

    .botaoGrandeDestaque:hover {
        background-color: #68a6a5;
    }

    .botaoGrandeDestaque img {
    }

    .botaoGrandeDestaque span {
        margin-left: 20px;
        position: relative;
        display: inline-block;
        float: right;
        width: 184px;
        top: 13px;
        text-transform: uppercase;
    }


/******* SEÇÕES *******/

.secao {
    position: relative;
    background-color: #f9f9f9;
    /*background-color: #fbfbfb;*/
    border-radius: 4px;
    /* border: solid 1px #eee; */
    border-left: solid 10px #b6cae0;
    margin-top: 30px;
    padding-bottom: 30px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.1);
}

    .secao .titulo {
        position: relative;
        background-color: #dcdcdc;
        height: 56px;
        border-radius: 0px 4px 0px 0px;
        border-bottom: solid 2px #b6cae0;
        color: #4c6b8c;
        font-family: 'din-blackregular';
        text-transform: uppercase;
        font-size: 20px;
        background-image: url(img/bg-topo-secao.png);
        background-repeat: repeat;
        padding: 0px 0px 0px 16px;
    }


    .secao .titulo {
        position: relative;
        background-color: #dcdcdc;
        height: 56px;
        border-radius: 0px 4px 0px 0px;
        border-bottom: solid 2px #b6cae0;
        color: #4c6b8c;
        font-family: 'din-blackregular';
        text-transform: uppercase;
        font-size: 20px;
        background-image: url(img/bg-topo-secao.png);
        background-repeat: repeat;
        padding: 0px 0px 0px 16px;
    }


.titulo span:first-child {
    position: relative;
    display: inline-block;
    top: 20px;
}

.secao .conteudo {
    padding: 10px 16px 4px 16px;
}


.secao .botaoPadrao {
    margin-bottom: 0px;
}



/******* SEÇÕES TAB *******/

.pws_tabs_container .secao {
    position: relative;
    background-color: #f6f6f6;
    border-radius: 4px;
    border-left: solid 10px #b6cae0;
    margin-top: 30px;
    padding-bottom: 30px;
}


    .pws_tabs_container .secao .titulo {
        position: relative;
        background-color: #dcdcdc;
        height: 56px;
        border-radius: 0px 4px 0px 0px;
        border-bottom: solid 2px #b6cae0;
        color: #4c6b8c;
        font-family: 'din-blackregular';
        text-transform: uppercase;
        font-size: 20px;
        background-image: url(img/bg-topo-secao.png);
        background-repeat: repeat;
        padding: 0px 0px 0px 16px;
    }


        .pws_tabs_container .secao .titulo span:first-child {
            position: relative;
            display: inline-block;
            top: 20px;
        }

    .pws_tabs_container .secao .conteudo {
        padding: 10px 16px 4px 16px;
    }


    .pws_tabs_container .secao .botaoPadrao {
        margin-bottom: 0px;
    }


/*.pws_tabs_container .pws_tabs_list h3 {
    padding: 11px 10px 10px 27px !important;
    width: 100%;
    box-sizing: border-box;
    color: #49688a;
    background-color: #b2c3d6;
    background-image: url(../imagens/bg-titlesN.png);
    border: none;
    border-left: 5px solid #607fa0;
    border-top: 1px solid #92a7bd;
    border-bottom: 1px solid #92a7bd;
    border-right: 1px solid #92a7bd;
    border-radius: 3px;
}*/

/******* SEÇÕES SEM FUNDO *******/

.secaoSemFundo {
    position: relative;
    margin-top: 40px;
}

    .secaoSemFundo .titulo {
        position: relative;
        height: 30px;
        border-radius: 0px 4px 0px 0px;
        border-bottom: solid 2px #bebebe;
        color: #575757;
        font-family: 'din-blackregular';
        text-transform: uppercase;
        font-size: 16px;
        background-repeat: repeat;
        padding: 0px 0px 0px 5px;
    }
    /*.secaoSemFundo .titulo:before {
            content: "\f078";
            font-family: FontAwesome;
        }*/
    .secaoSemFundo .conteudo {
        padding: 10px 16px 4px 16px;
    }

    .secaoSemFundo .titulo span:first-child {
        position: relative;
        display: inline-block;
        top: 0px !important;
    }

.accordionBotaoVerMais {
    position: relative;
    margin-top: 30px;
}

.accordionBotaoVerMaisContent .row {
    margin-right: 0px;
    margin-left: 0px;
}

.accordionBotaoVerMaisHeaderSelected {
    background-color: #ececec;
    border: 1px solid #80b5de !important;
    border-radius: 6px;
    color: #80b5de !important;
    font-family: 'din-blackregular';
    font-size: 14px !important;
    margin-right: 10px;
    margin-top: 1px !important;
    cursor: pointer !important;
    height: 40px;
    line-height: 38px;
    width: 100%;
    display: block !important;
    overflow: hidden;
    box-sizing: border-box;
}

    .accordionBotaoVerMaisHeaderSelected:before {
        content: "\f077";
        font-family: FontAwesome;
        margin-right: 10px;
        background-color: #80b5de;
        padding: 12px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        color: #ececec;
    }

    .accordionBotaoVerMaisHeaderSelected span:before {
        content: "Esconder filtro avançado";
        font-family: 'din-blackregular';
    }

.accordionBotaoVerMaisHeader {
    border: 1px solid #80b5de !important;
    border-radius: 6px;
    color: #80b5de !important;
    font-family: 'din-blackregular';
    font-size: 14px !important;
    margin-right: 10px;
    margin-top: 1px !important;
    cursor: pointer !important;
    height: 40px;
    line-height: 38px;
    width: 100%;
    display: block !important;
    overflow: hidden;
    box-sizing: border-box;
}

    .accordionBotaoVerMaisHeader:before {
        content: "\f078";
        font-family: FontAwesome;
        margin-right: 10px;
        background-color: #80b5de;
        padding: 12px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        color: #fff;
    }

    .accordionBotaoVerMaisHeader span:before {
        content: "Ver filtro avançado";
        font-family: 'din-blackregular';
    }
/******* FIM DE SEÇÕES SEM FUNDO *******/


.pws_tabs_container TABLE.gridview {
    background-color: transparent;
    border: transparent;
    font-family: Arial Narrow;
    font-size: 11px;
    margin-top: 25px;
    width: 100%;
}

    .pws_tabs_container TABLE.gridview.dataTable {
        margin-top: 0px;
    }

    .pws_tabs_container TABLE.gridview TR {
        background-color: transparent;
        border: transparent;
        color: #000;
        font-size: 11px;
    }

    .pws_tabs_container TABLE.gridview TH {
        background: #d2d2d2;
        color: #505050;
        padding: 7px 10px 7px 10px;
        font-weight: bold;
        background-image: none;
        font-size: 11px;
        text-align: center;
        text-transform: uppercase;
        border-radius: 6px 6px 0px 0px;
    }

        .pws_tabs_container TABLE.gridview TH:first-child {
            border-radius: 6px 0px 0px 0px;
        }

        .pws_tabs_container TABLE.gridview TH:last-child {
            destaque border-radius: 6px 6px 0px 0px;
        }

    .pws_tabs_container TABLE.gridview TD {
        border: none;
        border-bottom: solid 1px #d4d4d4;
        /* background-color: #f9f9f9; */
        padding: 8px 10px 8px 10px;
        height: 18px;
        text-align: center;
        color: #333333;
        word-break: normal;
    }

.pws_tabs_container .gridviewSelected {
    background-color: #e6e6e6 !important;
    border-top: solid 1px #fff !important;
    color: #2a4964 !important;
    font-weight: bold;
}


/*.pws_tabs_container TABLE.gridview a {
    background-color: transparent;
    color: #8a8a8a;
    padding: 0px 0px;
    border-radius: 3px;
    display: inline-block;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}


    .pws_tabs_container TABLE.gridview a:before {
        color: #37ce13;
    }*/


.pws_tabs_container TABLE.gridview a[disabled]:before {
    color: #8a8a8a;
}


.pws_tabs_container .SubtitulosTabelaProntuario {
    background-color: #f3f3f3;
}

.pws_tabs_container .fieldsetTab legend {
    position: relative;
    display: inline-block;
    /* font-family: 'dinregular'; */
    font-family: 'din-blackregular';
    font-size: 12px;
    font-weight: normal;
    color: #505050;
    text-transform: uppercase;
    padding: 10px 10px 10px 29px;
    background: #ebebeb;
    background-image: url(img/bg-rotulo-cinza-claro.png);
    background-position: center left;
    margin-bottom: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #FFF;
}


.pws_tabs_container .pws_tabs_list .rotuloRadio {
    font-family: dinregular;
    font-family: 'din-blackregular';
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #5a5a5a;
    margin-bottom: 2px;
    background-image: url(img/bg-rotulo-cinza-claro.png);
    margin-top: 25px;
    background-position: left center;
    padding: 6px 6px 6px 30px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.sensitiveCase {
    text-transform: none !important;
}


/**** AJUDA AO USUARIO ****/

table .infoUsuario {
    /* background-color: rgb(230, 145, 72); */
    /* border-radius: 15px; */
    /* color: white; */
    /* padding: 6px 6px 5px 5px; */
    /* font-family: din-blackregular; */
    /* font-size: 11px; */
    /* margin-left: 5px; */
    position: relative;
    /* top: -2px; */
    cursor: help;
    /* height: 8px !important; */
    /* content: ' ' !important; */
}

    table .infoUsuario:before {
        font-family: FontAwesome;
        content: "\f05a";
        color: #ea7d06;
        margin-right: 3px;
        font-size: 17px;
        top: 2px;
        position: relative;
    }

.ajudaUsuario {
    background-color: rgb(230, 145, 72);
    border-radius: 15px;
    color: white;
    padding: 6px 6px 5px 5px;
    font-family: din-blackregular;
    font-size: 11px;
    margin-left: 5px;
    position: relative;
    top: -2px;
    cursor: help;
}

    .ajudaUsuario:before {
        font-family: FontAwesome;
        content: "\f05a";
        color: white;
        margin-right: 3px;
        font-size: 17px;
        top: 2px;
        position: relative;
    }

.ajudaUsuarioProntuarioPequeno {
}


    .ajudaUsuarioProntuarioPequeno:before {
        font-family: FontAwesome;
        content: "\f05a";
        color: #3b6788;
        margin-right: 3px;
        font-size: 12px;
        /* top: 2px; */
        position: relative;
    }

.ajudaUsuarioProntuarioPequenoCheck {
}


    .ajudaUsuarioProntuarioPequenoCheck:before {
        font-family: FontAwesome;
        content: "\f05a";
        margin-right: 3px;
        font-size: 12px;
        /* top: 2px; */
        position: relative;
        color: rgb(230, 145, 72);
        cursor: pointer;
    }

.ajudaUsuarioProntuarioPequenoTesteRapidoMetodoCheck {
}

    .ajudaUsuarioProntuarioPequenoTesteRapidoMetodoCheck:before {
        font-family: FontAwesome;
        content: "\f05a";
        margin-right: 3px;
        font-size: 12px;
        top: 16px;
        position: absolute;
        color: rgb(230, 145, 72);
        cursor: pointer;
        margin-left: 100px;
    }

.ajudaUsuarioProntuarioPequenoTesteRapidoInsumosCheck {
}

    .ajudaUsuarioProntuarioPequenoTesteRapidoInsumosCheck:before {
        font-family: FontAwesome;
        content: "\f05a";
        margin-right: 3px;
        font-size: 12px;
        top: 16px;
        position: absolute;
        color: rgb(230, 145, 72);
        cursor: pointer;
        margin-left: 159px;
    }


.titulo .ajudaUsuarioInTitle {
    background-color: #a1bcd8;
    background-image: url(imagens/bg-ajuda-title.png);
    background-repeat: repeat-x;
    background-position: center center;
    border-radius: 0px 4px 0px 0px;
    color: white;
    width: 56px;
    height: 54px;
    font-family: din-blackregular;
    font-size: 11px;
    position: relative;
    top: 0px !important;
    cursor: help;
    display: inline-block;
    float: right;
}

    .titulo .ajudaUsuarioInTitle:before {
        font-family: FontAwesome;
        content: "\f128";
        color: white;
        margin-right: 0px;
        font-size: 37px;
        top: 9px;
        left: 16px;
        position: relative;
    }

.grupoCampoSelect .rotuloInternoComSelect {
    float: right;
    position: absolute;
    color: #737373;
    font-family: 'din-blackregular';
    background-color: #ececec;
    border-radius: 3px;
    z-index: 99999;
    padding: 5px 8px 2px 8px;
    z-index: 0;
    font-size: 11px;
    border: 1px solid #dadada;
    right: 16px;
    height: 34px;
}

.ajudaUsuarioComSelect {
    border-radius: 15px;
    color: white;
    padding: 7px 6px 9px 5px;
    font-family: din-blackregular;
    font-size: 11px;
    position: relative;
    top: -2px;
    cursor: help;
    margin-left: -1px;
    margin-right: -1px;
}

    .ajudaUsuarioComSelect:before {
        font-family: FontAwesome;
        content: "\f05a";
        color: white;
        margin-right: -2px;
        font-size: 19px;
        top: 4px;
        position: relative;
        color: rgb(230, 145, 72);
    }


.titulo .infoUsuarioInTitle {
    background-color: #a1bcd8;
    background-image: url(imagens/bg-ajuda-title.png);
    background-repeat: repeat-x;
    background-position: center center;
    border-radius: 0px 4px 0px 0px;
    color: white;
    width: 56px;
    height: 54px;
    font-family: din-blackregular;
    font-size: 11px;
    position: relative;
    top: 0px !important;
    cursor: pointer !important;
    display: inline-block;
    float: right;
}

    .titulo .infoUsuarioInTitle:before {
        font-family: FontAwesome;
        content: "\f129";
        color: white;
        margin-right: 0px;
        font-size: 37px;
        top: 9px;
        left: 16px;
        position: relative;
    }



.ajudaUsuarioSinan:before {
    content: 'SINAN';
    font-family: 'dinregular';
    color: white;
    margin-right: -2px;
    font-size: 10px;
    top: 0px;
    position: relative;
    background-color: #27a057;
    padding: 3px 5px 2px 5px;
    border-radius: 3px;
    top: -1px;
    margin-left: 4px;
}

h3 .ajudaUsuarioInTitle {
    background-color: #a1bcd8;
    background-image: url(imagens/bg-ajuda-titleP.png);
    background-repeat: repeat-x;
    background-position: center center;
    border-radius: 0px 3px 3px 0px;
    color: white;
    width: 41px;
    height: 38px;
    font-family: din-blackregular;
    font-size: 11px;
    position: relative;
    top: -6px;
    cursor: help;
    display: inline-block;
    float: right;
    border-top: 1px solid #728492;
    border-bottom: 1px solid #728492;
}

    h3 .ajudaUsuarioInTitle:before {
        font-family: FontAwesome;
        content: "\f128";
        color: white;
        margin-right: 0px;
        font-size: 28px;
        top: 5px;
        left: 13px;
        position: relative;
    }



.grupoCampoCheck .rotuloInternoComCheck {
    float: right;
    position: absolute;
    color: #737373;
    font-family: 'din-blackregular';
    background-color: #ececec;
    border-radius: 0 3px 3px 0;
    z-index: 99999;
    padding: 5px 8px 2px 8px;
    top: 1px;
    z-index: 0;
    font-size: 11px;
    border-left: 1px solid #dadada;
    right: 117px;
    height: 32px;
}

.grupoCampoCheck .rotuloPrenatal {
    float: right;
    position: absolute;
    color: #737373;
    font-family: 'din-blackregular';
    background-color: #ececec;
    border-radius: 0;
    z-index: 99999;
    padding: 5px 8px 2px 8px;
    top: 1px;
    z-index: 0;
    font-size: 11px;
    border-left: 1px solid #dadada;
    right: 1px;
    height: 32px;
}



.campoDestaqueInline {
    font-family: 'din-blackregular';
    color: #4e82bb;
    font-size: 14px;
    text-transform: uppercase;
    display: inline;
    margin-bottom: 15px;
    border: 1px solid #4e82bb47;
    padding: 7px 14px;
    border-radius: 4px;
}

.ajudaUsuarioComCheck {
    border-radius: 15px;
    color: white;
    padding: 6px 6px 5px 5px;
    font-family: din-blackregular;
    font-size: 11px;
    position: relative;
    top: -2px;
    cursor: help;
    margin-left: -1px;
    margin-right: -1px;
}

    .ajudaUsuarioComCheck:before {
        font-family: FontAwesome;
        content: "\f05a";
        color: white;
        margin-right: -2px;
        font-size: 19px;
        top: 4px;
        position: relative;
        color: rgb(230, 145, 72);
    }

.historicoUsuarioComCheck {
    border-radius: 15px;
    color: #4070f9;
    padding: 6px 6px 5px 5px;
    font-family: din-blackregular;
    font-size: 11px;
    position: relative;
    top: -2px;
    cursor: help;
    margin-left: -1px;
    margin-right: -1px;
}

    .historicoUsuarioComCheck:before {
        font-family: FontAwesome;
        content: "\f1da";
        color: #4070f9;
        margin-right: -2px;
        font-size: 19px;
        top: 4px;
        position: relative;
    }


.titulo .infoUsuarioInTitle {
    background-color: #a1bcd8;
    background-image: url(imagens/bg-ajuda-title.png);
    background-repeat: repeat-x;
    background-position: center center;
    border-radius: 0px 4px 0px 0px;
    color: white;
    width: 56px;
    height: 54px;
    font-family: din-blackregular;
    font-size: 11px;
    position: relative;
    top: 0px !important;
    cursor: help;
    display: inline-block;
    float: right;
}

    .titulo .infoUsuarioInTitle:before {
        font-family: FontAwesome;
        content: "\f129";
        color: white;
        margin-right: 0px;
        font-size: 37px;
        top: 10px;
        left: 21px;
        position: relative;
    }

.ajudaUsuarioPrevineBrasil:before {
    content: 'PREVINE BRASIL';
    font-family: 'dinregular';
    color: white;
    margin-right: -2px;
    font-size: 10px;
    top: 0px;
    position: relative;
    background-color: #27a057;
    padding: 3px 5px 2px 5px;
    border-radius: 3px;
    top: -1px;
    margin-left: 4px;
}

.ajudaUsuarioSinan:before {
    content: 'SINAN';
    font-family: 'dinregular';
    color: white;
    margin-right: -2px;
    font-size: 10px;
    top: 0px;
    position: relative;
    background-color: #27a057;
    padding: 3px 5px 2px 5px;
    border-radius: 3px;
    top: -1px;
    margin-left: 4px;
}




.pws_tabs_container h3 {
    padding: 5px 0px 10px 11px !important;
    height: 38px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    color: #005275;
    border: 1px solid #5299b3;
    border-left: 10px solid #006b92;
    border-radius: 3px;
    font-family: 'din-blackregular' !important;
    margin-top: 30px;
    margin-top: 30px;
}

.rotulo .ajudaUsuario {
    background-color: rgb(230, 145, 72);
    border-radius: 15px;
    color: white;
    padding: 4px 5px 2px 5px;
    font-family: 'dinregular';
    font-size: 11px;
    margin-left: 5px;
    position: relative;
    top: -2px;
    cursor: help;
}

    .rotulo .ajudaUsuario:before {
        font-family: FontAwesome;
        content: "\f05a";
        color: white;
        margin-right: 3px;
        font-size: 13px;
        top: 1px;
        position: relative;
    }

/*.secao h3 span:first-child {
        position: relative;
        display: inline-block;
        top: 14px;
    }

    .pws_tabs_container h3 *  {
        position: relative;
        display: inline-block;
        padding-top: 14px;
    }*/




/************ OCULTAÇÃO DE BOTÃO **********/

.ocultaBotaoLateral input[type="text"] {
    width: 100% !important;
}

.ocultaBotaoLateral a {
    display: none;
}




/******* MENU LATERAL (ÂNCORA) *********/
.topoMenuLateral {
    background-color: #9aadbb;
    border-radius: 6px;
    padding: 10px 8px 7px 8px;
    font-family: Swis721CnBTBold;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center;
}

.ancora {
    width: 100%;
    background-color: #fff;
    display: block;
    height: 74px;
    padding-top: 16px;
    color: #b1c6d2;
    border-radius: 6px;
    margin-bottom: 4px;
    font-size: 28px;
    text-align: center;
    border: solid 1px #fff;
    font-family: 'din-blackregular';
    background-image: url(imagens/bg-menuLateral.png);
    background-position: -10px -4px;
    background-repeat: repeat-x;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

    .ancora:hover {
        background-color: #eceff3;
        color: #8ea3b3;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    .ancora span {
        font-size: 10px;
        display: block;
        position: relative;
        top: 7px;
        color: #6f8aa4;
        font-family: Swis721CnBTBold;
        text-transform: uppercase;
    }

/* CORES */
.red * {
    color: #ce1313 !important;
    font-size: 14px !important;
}

.blue * {
    color: #71a8ce !important;
    font-size: 13px !important;
    font-weight: bold !important;
}


.btnNovidades {
    position: relative;
    background-color: #18c139;
    padding: 7px 10px 9px 10px;
    color: #fff;
    font-family: dinregular;
    font-size: 13px;
    border-radius: 4px;
    font-weight: bold;
    float: right;
    margin-top: -56px;
}


a.btnNovidades:hover {
    background-color: #1aa937;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.btnNovidades:before {
    font-family: FontAwesome;
    content: "\f006";
    margin-right: 5px;
    font-weight: bold;
}

.forcaCentralizacaoJQ span.jqTransformCheckboxWrapper {
    margin-left: 50%;
    display: inline-block;
}


.noMarginBottom {
    margin-bottom: 0px;
}


.bgOdontograma {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
    padding: 28px 0px 28px 27px;
    border: solid 6px #f3f3f3;
    margin-top: 31px;
}




.containerLegendaOdontograma {
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    background-color: #f3f3f3;
    width: 630px;
    margin-top: 27px;
}



    .containerLegendaOdontograma .tituloLegenda {
        width: auto;
        position: relative;
        height: 31px;
        line-height: 31px;
        display: inline-block;
        float: left;
        background-color: #dedede;
        padding: 0px 10px 0px 10px;
        font-size: 11px !important;
        font-weight: normal !important;
        text-transform: uppercase;
        color: #828282;
        margin-right: 3px;
        margin-bottom: 0px;
        font-family: 'din-blackregular';
    }


    .containerLegendaOdontograma .itemLegenda {
        width: auto;
        position: relative;
        float: left;
        background-color: transparent !important;
        padding: 0px 10px;
        font-size: 12px;
        font-family: dinregular;
        font-weight: normal;
        color: #666666;
        margin-right: 3px;
        margin-bottom: 0px;
        margin-top: 6px;
    }



.tituloCinzaSecaoSecundaria {
    background-color: #e1e1e1;
    border-bottom: solid 1px #fff;
    width: 100%;
    display: inline-block;
    border-radius: 4px 4px 0px 0px;
    padding: 19px 15px 16px 15px;
    font-family: dinregular;
    text-transform: uppercase;
    font-size: 13px;
}

.bgcinzaSecaoSecundaria {
    background-color: #e9e9e9;
    border-radius: 0px 0px 4px 4px;
    padding: 30px;
}

.selecaoLocal td {
    width: 25%;
}

    .selecaoLocal td:nth-child(1) {
        padding-left: 8px;
    }

    .selecaoLocal td:nth-child(2) {
        padding-left: 13px;
    }

    .selecaoLocal td:nth-child(3) {
        padding-left: 20px;
    }

    .selecaoLocal td:nth-child(4) {
        padding-left: 26px;
    }

.seletorLocalOdontograma img {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
    padding: 28px 28px;
    border: solid 6px #f3f3f3 !IMPORTANT;
    margin-top: 11px;
    /* margin-right: 20px; */
    display: inline-flex;
}

.selecaoLocal label {
    font-family: 'Swis721CnBTRoman';
    font-size: 15px;
}


.botaoSuperiorSecundario {
    position: relative;
    float: right;
    font-size: 11px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 0px 13px 0px 0px;
    line-height: 32px;
    height: 32px;
    text-decoration: none;
    background-color: #27a057;
    color: #ffffff !important;
    display: inline-block;
    margin-top: -76px;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoSuperiorSecundario:hover {
        color: #238d4d;
        /*background: -moz-linear-gradient( center top, #238d4d 17%, #27a057 88% );
        background: -ms-linear-gradient( top, #27a057 17%, #238d4d 88% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a057', endColorstr='#238d4d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #27a057), color-stop(88%, #238d4d) );*/
        background-color: #289452;
    }

    .botaoSuperiorSecundario:active {
        position: relative;
        margin-top: -75px;
    }

    .botaoSuperiorSecundario:before {
        content: "\f067";
        font-family: FontAwesome;
        margin-right: 10px;
        background-color: #238d4d;
        border-radius: 6px 0px 0px 6px;
        padding: 11px 12px 10px 12px;
        top: 1px;
        position: relative;
    }

.botaoSuperiorSecundarioAjustado {
    position: relative;
    float: right;
    font-size: 11px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 0px 13px 0px 0px;
    line-height: 32px;
    height: 32px;
    text-decoration: none;
    background-color: #27a057;
    color: #ffffff !important;
    display: inline-block;
    margin-top: 0px;
    bottom: -18px;
    margin-right: 5px;
}

    .botaoSuperiorSecundarioAjustado:hover {
        color: #238d4d;
        /*background: -moz-linear-gradient( center top, #238d4d 17%, #27a057 88% );
        background: -ms-linear-gradient( top, #27a057 17%, #238d4d 88% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a057', endColorstr='#238d4d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #27a057), color-stop(88%, #238d4d) );*/
        background-color: #289452;
    }

    .botaoSuperiorSecundarioAjustado:active {
        position: relative;
        bottom: -19px;
    }

    .botaoSuperiorSecundarioAjustado:before {
        content: "\f067";
        font-family: FontAwesome;
        margin-right: 10px;
        background-color: #238d4d;
        border-radius: 6px 0px 0px 6px;
        padding: 11px 12px 10px 12px;
        top: 1px;
        position: relative;
    }


.botaoSuperiorSecundarioLink:before {
    content: "\f08e" !important;
}


/******************* Botao Urgenece **********/

.botaoSuperiorSecundarioUrgence {
    position: relative;
    float: right;
    font-size: 11px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 0px 13px 0px 0px;
    line-height: 32px;
    height: 32px;
    text-decoration: none;
    background-color: #27a057;
    color: #ffffff !important;
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoSuperiorSecundarioUrgence:hover {
        color: #238d4d;
        /*background: -moz-linear-gradient( center top, #238d4d 17%, #27a057 88% );
        background: -ms-linear-gradient( top, #27a057 17%, #238d4d 88% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a057', endColorstr='#238d4d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #27a057), color-stop(88%, #238d4d) );*/
        background-color: #289452;
    }

    .botaoSuperiorSecundarioUrgence:active {
        position: relative;
    }

    .botaoSuperiorSecundarioUrgence:before {
        content: "\f067";
        font-family: FontAwesome;
        margin-right: 10px;
        background-color: #238d4d;
        border-radius: 6px 0px 0px 6px;
        padding: 11px 12px 10px 12px;
        top: 1px;
        position: relative;
    }

.botaoVermelho {
    font-size: 12px;
    font-family: Arial;
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #d4676d;
    padding: 0px 16px;
    line-height: 36px;
    height: 36px;
    text-decoration: none;
    background-color: #e65757;
    color: #ffffff !important;
    display: inline-block;
    text-shadow: 0px 0px 0px #ffffff;
    margin-top: 15px;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoVermelho:hover {
        background-color: #d45050;
    }

    .botaoVermelho:active {
        position: relative;
        top: 1px;
    }

.bgBtnVermelho {
    background-color: #be4545 !important;
    border: #c9a6a6 !important;
}

    .bgBtnVermelho:hover {
        background-color: #a83c3c !important;
        border: #c9a6a6 !important;
    }

/*************** Botão Pesquisa Satisfacao  ***********/

/*.botaoPesquisaSatisfacao {
    position: relative;
    width: 284px;
    height: 51px;
    float: right;
    font-size: 11px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    line-height: 15px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block;
    margin-top: -58px;
    margin-bottom: 25px;
    margin-right: 5px;
    background-image: url(atendimento/prontuario/img/botao-pesquisaSatisfacao.png);
    background-repeat: no-repeat;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .botaoPesquisaSatisfacao:hover {
        opacity: 0.9;
    }*/

/*.botaoPesquisaSatisfacao:before {
        content: "\f067";
        font-family: FontAwesome;
        margin-right: 10px;
        background-color: #238d4d;
        border-radius: 6px 0px 0px 6px;
        padding: 11px 12px 10px 12px;
        top: 1px;
        position: relative;
    }*/

.botaoSalvarTesteRapido {
    font-size: 13px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #72d465;
    padding: 0px 25px;
    line-height: 45px;
    height: 45px;
    background-color: #3ab564;
    margin-top: 25px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: -7px;
    margin-left: 15px;
}

    .botaoSalvarTesteRapido:hover {
        color: #238d4d;
        background-color: #289452;
    }

    .botaoSalvarTesteRapido:active {
        position: relative;
        top: 1px;
    }

    .botaoSalvarTesteRapido:before {
        content: "\f064";
        font-family: FontAwesome;
        margin-right: 10px;
    }

.botaoVoltarTesteRapido {
    position: relative;
    /*float: left;*/
    font-size: 13px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #a5a5a5;
    padding: 0px 25px;
    line-height: 45px;
    height: 45px;
    background-color: #afafaf;
    margin-top: 25px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 5px;
    margin-left: 10px;
}

    .botaoVoltarTesteRapido:hover {
        color: #238d4d;
        /*background: -moz-linear-gradient( center top, #238d4d 17%, #27a057 88% );
        background: -ms-linear-gradient( top, #27a057 17%, #238d4d 88% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a057', endColorstr='#238d4d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #27a057), color-stop(88%, #238d4d) );*/
        background-color: #9a9a9a;
    }

    .botaoVoltarTesteRapido:active {
        position: relative;
        top: 1px;
    }

    .botaoVoltarTesteRapido:before {
        content: "\f053";
        font-family: FontAwesome;
        margin-right: 10px;
        top: 1px;
        position: relative;
        font-size: 13px;
    }














.botaoSalvar {
    font-size: 13px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #72d465;
    padding: 0px 25px;
    line-height: 45px;
    height: 45px;
    background-color: #3ab564;
    margin-top: 25px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoSalvar:hover {
        color: #238d4d;
        /*background: -moz-linear-gradient( center top, #238d4d 17%, #27a057 88% );
        background: -ms-linear-gradient( top, #27a057 17%, #238d4d 88% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a057', endColorstr='#238d4d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #27a057), color-stop(88%, #238d4d) );*/
        background-color: #289452;
    }

    .botaoSalvar:active {
        position: relative;
        top: 1px;
    }

    .botaoSalvar:before {
        content: "\f064";
        font-family: FontAwesome;
        margin-right: 10px;
    }

.botaoCancelar {
    position: relative;
    /*float: left;*/
    font-size: 13px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #a5a5a5;
    padding: 0px 25px;
    line-height: 45px;
    height: 45px;
    background-color: #afafaf;
    margin-top: 25px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoCancelar:hover {
        color: #238d4d;
        /*background: -moz-linear-gradient( center top, #238d4d 17%, #27a057 88% );
        background: -ms-linear-gradient( top, #27a057 17%, #238d4d 88% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a057', endColorstr='#238d4d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #27a057), color-stop(88%, #238d4d) );*/
        background-color: #9a9a9a;
    }

    .botaoCancelar:active {
        position: relative;
        top: 1px;
    }

    .botaoCancelar:before {
        content: "\f00d";
        font-family: FontAwesome;
        margin-right: 10px;
        top: 1px;
        position: relative;
        font-size: 13px;
    }

.botaoVoltarPopup {
    position: relative;
    /*float: left;*/
    font-size: 13px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #a5a5a5;
    padding: 0px 25px;
    line-height: 45px;
    height: 45px;
    background-color: #afafaf;
    margin-top: 25px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 5px;
    margin-left: 20px;
}

    .botaoVoltarPopup:hover {
        color: #238d4d;
        /*background: -moz-linear-gradient( center top, #238d4d 17%, #27a057 88% );
        background: -ms-linear-gradient( top, #27a057 17%, #238d4d 88% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a057', endColorstr='#238d4d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #27a057), color-stop(88%, #238d4d) );*/
        background-color: #9a9a9a;
    }

    .botaoVoltarPopup:active {
        position: relative;
        top: 1px;
    }

    .botaoVoltarPopup:before {
        content: "\f00d";
        font-family: FontAwesome;
        margin-right: 10px;
        top: 0px;
        position: relative;
        font-size: 13px;
    }

.botaoVoltar {
    position: relative;
    /*float: left;*/
    font-size: 13px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #a5a5a5;
    padding: 0px 25px;
    line-height: 45px;
    height: 45px;
    background-color: #afafaf;
    margin-top: 25px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoVoltar:hover {
        color: #238d4d;
        /*background: -moz-linear-gradient( center top, #238d4d 17%, #27a057 88% );
        background: -ms-linear-gradient( top, #27a057 17%, #238d4d 88% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a057', endColorstr='#238d4d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #27a057), color-stop(88%, #238d4d) );*/
        background-color: #9a9a9a;
    }

    .botaoVoltar:active {
        position: relative;
        top: 1px;
    }

    .botaoVoltar:before {
        content: "\f053";
        font-family: FontAwesome;
        margin-right: 10px;
        top: 1px;
        position: relative;
        font-size: 13px;
    }

.botaoLinkExterno {
    font-size: 13px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #53aba6;
    padding: 0px 25px;
    line-height: 45px;
    height: 45px;
    background-color: #6bafab;
    margin-top: 25px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoLinkExterno:hover {
        color: #fff;
        /*background: -moz-linear-gradient( center top, #238d4d 17%, #27a057 88% );
        background: -ms-linear-gradient( top, #27a057 17%, #238d4d 88% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a057', endColorstr='#238d4d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #27a057), color-stop(88%, #238d4d) );*/
        background-color: #53aba6;
    }

    .botaoLinkExterno:active {
        position: relative;
        top: 1px;
    }

    .botaoLinkExterno:before {
        content: "\f0c1";
        font-family: FontAwesome;
        margin-right: 10px;
    }

.botaoOk {
    font-size: 13px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #72d465;
    padding: 0px 25px;
    line-height: 45px;
    height: 45px;
    background-color: #3ab564;
    margin-top: 25px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoOk:hover {
        color: #238d4d;
        /*background: -moz-linear-gradient( center top, #238d4d 17%, #27a057 88% );
        background: -ms-linear-gradient( top, #27a057 17%, #238d4d 88% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a057', endColorstr='#238d4d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #27a057), color-stop(88%, #238d4d) );*/
        background-color: #289452;
    }

    .botaoOk:active {
        position: relative;
        top: 1px;
    }

    .botaoOk:before {
        content: "\f00c";
        font-family: FontAwesome;
        margin-right: 10px;
    }

.botaoNao {
    font-size: 13px;
    font-family: 'dinregular';
    font-weight: normal !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #bd4c49;
    padding: 0px 25px;
    line-height: 45px;
    height: 45px;
    background-color: #c75855;
    margin-top: 25px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 5px;
}

    .botaoNao:hover {
        color: #238d4d;
        background-color: #b53e3a;
    }

    .botaoNao:active {
        position: relative;
        top: 1px;
    }

    .botaoNao:before {
        content: "\f00d";
        font-family: FontAwesome;
        margin-right: 10px;
        position: relative;
        font-size: 13px;
    }


@media (max-width: 768px) {
    .botaoSuperiorSecundario {
        position: relative;
        float: none;
        width: 100%;
        line-height: 34px;
        height: 34px;
        padding: 0px 13px 0px 0px;
        font-size: 13px;
        text-decoration: none;
        top: 0px;
        margin-bottom: 0px;
    }
}


/* default layout 
.TabAjaxToolKit .ajax__tab_default .ajax__tab_header {white-space:nowrap; font-size: 13px; font-family: 'dinregular';}
.TabAjaxToolKit .ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.TabAjaxToolKit .ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.TabAjaxToolKit .ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block; color: white;}
*/
/* xp theme 
.TabAjaxToolKit .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:transparent !important; }
.TabAjaxToolKit .ajax__tab_outer {padding-right:4px;background:transparent !important;height:21px;}
.TabAjaxToolKit .ajax__tab_inner {padding-left:3px;background:#89b9d7 !important; -webkit-transition: all 250ms ease-in-out;    -moz-transition: all 250ms ease-in-out;   -ms-transition: all 250ms ease-in-out;    -o-transition: all 250ms ease-in-out;    transition: all 250ms ease-in-out;}
.TabAjaxToolKit .ajax__tab_tab {height: 15px; margin: 0; background: #89b9d7 !important; padding: 16px 15px 27px;    font-family: dinregular; font-size: 14px;     color: white; -webkit-transition: all 250ms ease-in-out;    -moz-transition: all 250ms ease-in-out;   -ms-transition: all 250ms ease-in-out;    -o-transition: all 250ms ease-in-out;    transition: all 250ms ease-in-out;}
.TabAjaxToolKit .ajax__tab_hover .ajax__tab_outer {background:transparent !important;}
.TabAjaxToolKit .ajax__tab_hover .ajax__tab_inner {background:#7baac7 !important;}
.TabAjaxToolKit .ajax__tab_hover .ajax__tab_tab {background:#7baac7 !important;}
.TabAjaxToolKit .ajax__tab_active .ajax__tab_outer {background:white !important;}
.TabAjaxToolKit .ajax__tab_active .ajax__tab_inner {background:white !important; }
.TabAjaxToolKit .ajax__tab_active .ajax__tab_tab {background:white !important; color: #505050;}
.TabAjaxToolKit .ajax__tab_body {    font-family: arial;    font-size: 11pt;    border: none;    border-top: 0;    padding: 0px 25px 15px 25px;    background-color: #ffffff; border-radius: 0px 6px 6px 6px;     -webkit-box-shadow: 2px 2px 5px 0 #eeeeee;    box-shadow: 2px 2px 5px 0 #eeeeee;    overflow: auto;}
*/

/* default layout */
.ajax__tab_xp .ajax__tab_default .ajax__tab_header {
    white-space: nowrap;
    font-size: 13px;
    font-family: 'dinregular';
}

.ajax__tab_xp .ajax__tab_default .ajax__tab_outer {
    display: -moz-inline-box;
    display: inline-block;
}

.ajax__tab_xp .ajax__tab_default .ajax__tab_inner {
    display: -moz-inline-box;
    display: inline-block;
}

.ajax__tab_xp .ajax__tab_default .ajax__tab_tab {
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block;
    color: white;
}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: transparent !important;
}

.ajax__tab_xp .ajax__tab_outer {
    padding-right: 4px;
    background: transparent !important;
    height: 21px;
}

.ajax__tab_xp .ajax__tab_inner {
    padding-left: 3px;
    background: #89b9d7 !important;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.ajax__tab_xp .ajax__tab_tab {
    height: 15px !important;
    margin: 0 !important;
    background: #89b9d7 !important;
    padding: 16px 15px 27px !important;
    font-family: dinregular !important;
    font-size: 14px !important;
    color: white;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
    background: transparent !important;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
    background: #7baac7 !important;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
    background: #7baac7 !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
    background: transparent !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
    background: white !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    background: white !important;
    color: #505050;
}

.ajax__tab_xp .ajax__tab_body {
    font-family: arial;
    font-size: 11pt;
    border: none !important;
    border-top: 0;
    padding: 0px 25px 15px 25px;
    background-color: #ffffff;
    border-radius: 0px 6px 6px 6px;
    -webkit-box-shadow: 2px 2px 5px 0 #eeeeee;
    box-shadow: 2px 2px 5px 0 #eeeeee;
    overflow: auto;
}
/* scrolling */
.ajax__scroll_horiz {
    overflow-x: scroll;
}

.ajax__scroll_vert {
    overflow-y: scroll;
}

.ajax__scroll_both {
    overflow: scroll;
}

.ajax__scroll_auto {
    overflow: auto;
}

/* plain theme */
.ajax__tab_plain .ajax__tab_outer {
    text-align: center;
    vertical-align: middle;
    border: 2px solid #999999;
}

.ajax__tab_plain .ajax__tab_inner {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_body {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_header {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
    background: #FFFFE1;
}

.legendaDestaque {
    position: relative;
    background-color: #97bcd8;
    border-radius: 6px;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 20px;
}

    .legendaDestaque span {
        margin-right: 10px;
        white-space: nowrap;
    }

.tituloLegendaDestaque {
    position: relative;
    padding: 10px;
    color: #FFF;
    font-family: 'din-blackregular';
    font-size: 12px;
    left: 5px;
}

    .tituloLegendaDestaque:before {
        content: "\f27a";
        font-family: FontAwesome;
        margin-right: 10px;
        font-size: 14px;
    }

.conteudoLegendaDestaque {
    background-color: #d8e1e8;
    padding: 10px;
    font-family: dinregular;
    font-size: 11px;
    color: #555555;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    min-height: 34px;
    height: 100%;
}

/*-------------FORMULÁRIO REDUZIDO----------------*/
.FormReduzido .ContainerContent {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

.FormReduzido .baseMenu h1 {
    background-image: none;
    line-height: 36px;
    height: 0px;
    font-size: 20px;
}

.FormReduzido .baseMenu {
    height: 72px;
}

.FormReduzido h1 span {
    background-position: 10px 0px;
    padding-left: 60px;
    margin-top: 30px;
    margin-left: -520px;
    left: 50%;
    height: 34px;
}

.FormReduzido .pws_tabs_container ul.pws_tabs_controll li a {
    padding: 15px 20px;
    padding: 0.9375em 1.25em;
    margin-right: 3px;
    font-size: 13px;
}

.FormReduzido h2 {
    font-size: 17px !important;
    margin-top: -20px !important;
    margin-bottom: 10px !important;
    Background: url('img/bg-h2.png') no-repeat left bottom !important;
    height: 69px !important;
}

.FormReduzido h3 {
    padding: 7px 10px 5px 16px !important;
    font-size: 12px;
    margin-top: 10px;
}

.FormReduzido .pws_tabs_list h3 {
    padding: 0px 10px 3px 11px !important;
    width: 100%;
    box-sizing: border-box;
    font-size: 11px;
    height: 29px !important;
}

.FormReduzido .rotulo {
    font-size: 11px;
    margin-bottom: 3px;
    margin-left: 2px;
    margin-top: 4px;
}

.FormReduzido .campoLabel {
    font-size: 11px;
    padding: 6px 6px 4px 6px;
}

.FormReduzido label {
    margin-bottom: 0px;
}

.FormReduzido .pws_tabs_list {
    margin-bottom: 0px;
    padding-bottom: 5px !important;
}

.FormReduzido .select2-container .select2-choice {
    height: 26px;
    line-height: 26px;
}

.FormReduzido .select2-container {
    font-size: 11px;
}

    .FormReduzido .select2-container .select2-choice .select2-arrow b {
        background-position: 2px 0px;
    }

.FormReduzido .BtnLateral {
    height: 26px;
    line-height: 26px;
    padding: 0 9px 0 9px;
}

.FormReduzido .campo {
    font-size: 11px;
}

.FormReduzido .RadioContentComImagens span {
    font-weight: bold;
    padding-left: 2px;
    padding-right: 5px;
}

.FormReduzido .RadioContentComImagens img {
    height: 12px !important;
    margin-top: -3px !important;
}

.FormReduzido input[type="radio"], input[type="checkbox"] {
    margin: 0px 5px 0px 4px;
    line-height: normal;
}

.FormReduzido .botaoVoltar, .FormReduzido .botaoSalvar {
    font-size: 12px !important;
    padding: 0px 15px !important;
    line-height: 38px !important;
    height: 38px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}


/* DASHBOARD */

.card {
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
    transition: all .2s;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(26,54,126,0.1);
    padding: 30px 25px;
}

    .card.resumo {
        margin-bottom: 15px;
        padding: 20px 25px;
        color: grey;
    }

        .card.resumo .titulo {
            font-family: 'dinregular';
            font-size: 16px;
            display: block;
            text-align: right;
            margin-bottom: 5px;
        }

        .card.resumo .dado {
            font-family: 'din-blackregular';
            font-size: 27px;
            display: block;
            text-align: right;
        }

        .card.resumo i.fa.fa-bar-chart {
            position: relative;
            font-size: 38px;
            top: 6px;
            color: #489acc;
        }

.tituloChart {
    font-family: 'din-blackregular';
    color: grey;
    font-size: 14px;
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.ContainerContent.expandido, .container.expandido {
    width: 90%;
    max-width: 1600px;
}

.btnChartDetalhar {
    position: relative;
    background-color: #56bf85;
    color: white;
    float: right;
    display: inline-block;
    border-radius: 2px;
    padding: 8px 12px;
    margin-top: 15px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .btnChartDetalhar:hover {
        background-color: #47a973;
    }

.alinhaItensDireita {
    display: flex;
    justify-content: flex-end;
}

.alinhaBotoesCNS a {
    float: right;
    position: relative;
    width: 80px;
    height: 72px;
    text-align: center;
    line-height: 13px;
    font-size: 10px;
    padding-left: 7px;
    padding-right: 7px;
}

    .alinhaBotoesCNS a:before {
        content: "\f054";
        font-family: FontAwesome;
        margin-right: 0px !important;
        display: block;
        margin-bottom: 6px;
        margin-top: 12px;
    }

.grupoCampoCheck .botaoInterno {
    float: right;
    position: absolute;
    color: #737373;
    font-family: 'din-blackregular';
    background-color: #80b5de;
    border-radius: 0 3px 3px 0;
    z-index: 99999;
    padding: 10px 12px 8px 12px;
    right: 1px;
    top: 1px;
    z-index: 0;
    font-size: 11px;
    border-left: 1px solid #dadada;
    cursor: pointer;
}

    .grupoCampoCheck .botaoInterno:before {
        content: "\f24d" !important;
        color: white;
        font-family: FontAwesome;
        font-size: 14px;
    }

.dataTables_filter input[type=search] {
    font-family: arial;
    padding: 10px !important;
    border-radius: 3px !important;
    outline: none !important;
    border: solid 1px #ccc !important;
}

.dataTables_filter label {
    font-family: 'din-blackregular' !important;
    color: #666;
    font-size: 12px;
    margin-right: 0px !important;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: center !important;
}



.txtEsqueceuSenha {
    color: #5589a2;
    font-weight: 700;
    text-align: right;
    width: 100%;
    display: block;
    margin-bottom: 11px;
}

.margin-b-5 {
    margin-bottom: 5px;
}


.rotuloAgrupamento {
    font-family: arial;
    font-size: 12px;
    text-transform: uppercase;
    color: #155282;
    margin-bottom: 3px;
    margin-left: 12px;
    display: block;
    margin-top: 3px;
    text-transform: uppercase;
    position: relative;
    bottom: -10px;
    background-color: #f6f6f6;
    padding-left: 5px;
    padding-right: 5px;
    /*width: 68%;*/
    width: fit-content;
}

    .rotuloAgrupamento.fundoBranco {
        background-color: #fff !important;
    }

.rotuloAgrupamentoDentroDeTab {
    font-family: arial;
    font-size: 12px;
    text-transform: uppercase;
    color: #155282;
    margin-bottom: 3px;
    margin-left: 12px;
    display: block;
    margin-top: 3px;
    text-transform: uppercase;
    position: relative;
    bottom: -10px;
    background-color: #f9f9f9;
    padding-left: 5px;
    padding-right: 5px;
    width: fit-content;
}

.campoAgrupamento {
    border-left: 1px solid #86b6cf;
    border-right: 1px solid #86b6cf;
    border-top: 1px solid #86b6cf;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 9px;
}

.rotuloComSeparador {
    font-family: arial;
    font-size: 12px;
    text-transform: uppercase;
    color: #155282;
    margin-bottom: 3px;
    margin-left: 1px;
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    position: relative;
    bottom: -10px;
    background-color: #f5f5f5;
    padding-right: 5px;
    width: fit-content;
    font-weight: 800;
}

.campoComSeparador {
    border-top: 1px solid #86b6cf;
    padding-top: 9px;
}

.table.dataTable thead th, table.dataTable thead td {
    border-bottom: none;
}


.table.dataTable tbody tr {
    background-color: transparent !important;
}


.dataTables_length select {
    /*padding: 10px !important;*/
    border-radius: 3px !important;
    outline: none !important;
    border: solid 1px #ccc !important;
}

.tituloProgramacoesAgendadas {
    background-color: #718dab;
    padding: 9px 10px 5px 16px;
    color: #fff;
    font-family: 'exo_2black';
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 6px;
}

    .tituloProgramacoesAgendadas span {
        background-color: #718dab;
        color: #fff;
        font-family: 'exo_2bold';
        text-transform: uppercase;
        display: block;
        font-size: 15px;
        letter-spacing: 1.3px;
        margin-bottom: -3px;
    }

    .tituloProgramacoesAgendadas:before {
        height: 18px;
        width: 18px;
        background-color: #718dab;
        display: inline-block;
        content: "";
        transform: rotate(45deg);
        top: 195px;
        margin-left: -6px;
        position: absolute;
        z-index: -1;
    }

.txtSemProgramacao {
    font-family: 'exo_2bold';
    font-family: 'exo_2regular';
    color: #bf3106;
    font-size: 16px;
    margin-top: 20px;
    display: inline-block;
}

.gridview.tabelaDinamica .txtSemProgramacao {
    background-color: transparent !important;
    border: none;
    text-align: center;
    font-family: 'exo_2regular';
    font-size: 16px;
    margin-top: 20px;
    display: block;
}

    .gridview.tabelaDinamica .txtSemProgramacao:before {
        font-family: FontAwesome;
        content: "\f05a";
        color: #808080;
        margin-bottom: 10px;
        font-size: 30px;
        display: block;
    }

.gridview.tabelaDinamica tr, .gridview.tabelaDinamica tr:hover {
    background-color: transparent;
    border: none;
}


.quantidadeVisita {
    font-family: 'exo_2regular';
    font-size: 12px;
    color: #7b7b7b;
    text-transform: uppercase;
}

    .quantidadeVisita span {
        font-family: 'exo_2black';
    }

.dataVisita {
    font-family: 'exo_2black';
    font-size: 16px;
    color: #ec9b00;
    margin: 0px 0px 2px 0px;
}

.botaoPequeno {
    position: relative;
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
    background-color: #abc0d7;
    padding: 7px 10px 6px 10px;
    font-family: 'exo_2bold';
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
    text-align: center;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

    .botaoPequeno:hover {
        background-color: #9ab0c7;
    }

.containerProgramacao {
    padding: 25px 5px;
    border-bottom: solid 1px #e0e0e0;
}

    .containerProgramacao:last-child {
        border: none;
    }

.textRight {
    text-align: right;
}
/*alignleft*/
.gridview .vacinado {
    background-color: #f1eaea !Important;
}

    .gridview .vacinado:hover {
        background-color: #ece2e2 !Important;
    }

.gridview .agendado {
    background-color: #e4f0fd !Important;
}

    .gridview .agendado:hover {
        background-color: #deedfd !Important;
    }

.txtQtdProgramada {
    font-family: 'exo_2bold';
    text-transform: uppercase;
    font-size: 14px;
    color: #7e7e7e;
    margin-top: 40px;
    position: relative;
    display: inline-block;
}

.qtdProgramada {
    font-size: 18px;
    background: #FFFFFF;
    color: #3995af;
    margin-right: 5px;
    padding: 9px 0px 9px 0px !important;
    border-radius: 3px !important;
    outline: none !important;
    border: solid 1px #ccc !important;
    font-family: 'exo_2bold';
    width: 56px;
    display: inline-block;
    text-align: center;
}


.dataTables_info span {
    font-family: 'exo_2bold';
    color: #3d87c7;
}

.dataTables_info {
    font-family: 'exo_2regular';
    font-size: 15px;
}

.containerExibicaoProgramacao {
    padding-right: 28px;
    border-right: solid 1px #e0e0e0;
    min-height: 189px;
}


.instrucaoInicialProgramacao {
    font-family: 'exo_2regular';
    font-size: 16px;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 71px;
    color: #d08800;
}

    .instrucaoInicialProgramacao:before {
        font-family: FontAwesome;
        content: "\f05a";
        color: #db9600;
        margin-bottom: 10px;
        font-size: 30px;
        display: block;
    }


.ajustaCheckProgramacao .jqTransformCheckboxWrapper {
    top: 88px;
    left: 10px;
    position: relative;
    z-index: 1;
}


#cboxContent .ajustaCheckProgramacao .jqTransformCheckboxWrapper {
    top: 94px;
    left: 10px;
    position: relative;
    z-index: 1;
}


.exportaListaVisitas {
    position: relative;
    display: inline-block;
    float: right;
    background-color: #70d488;
    color: #fff;
    padding: 3px 10px;
    border-radius: 12px;
    top: 0px;
    font-family: 'exo_2bold';
    font-size: 9px;
    text-transform: uppercase;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
}

    .exportaListaVisitas:hover {
        background-color: #4ebd69;
    }

    .exportaListaVisitas:before {
        font-family: FontAwesome;
        content: "\f019 ";
        color: #ffffff;
        margin-bottom: 10px;
        font-size: 10px;
        margin-right: 5px;
    }

.displayBlock {
    display: block;
}

.displayInlineBlock {
    display: inline-block !important;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #e6e6e6;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.tabelaDinamica th {
    font-size: 10px !important;
}

.legendaAcompanhaVacinaExpress {
    display: block;
    margin-top: 18px;
}

.indicacaoDose {
    font-family: 'exo_2regular';
    border: solid 1px #ccc;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    padding: 4px 10px;
    text-transform: uppercase;
    text-align: center;
    color: #7d7d7d;
    font-weight: bold;
    font-size: 11px;
}

table.dataTable tbody .child tr td:first-child {
    font-weight: bold;
}

table.dataTable tbody .child td {
    text-align: left;
}

/* DataTable 2.2.2 */

.dt-search input[type=search] {
    font-family: arial;
    padding: 10px !important;
    border-radius: 3px !important;
    outline: none !important;
    border: solid 1px #ccc !important;
}

.dt-search label {
    font-family: 'din-blackregular' !important;
    color: #666;
    font-size: 12px;
    margin-right: 0px !important;
    margin-top: 11px !important;
}

.dt-info span {
    font-family: 'exo_2bold';
    color: #3d87c7;
}

.dt-info {
    font-family: 'exo_2regular';
    font-size: 15px;
}


.table.dataTable thead th, table.dataTable thead td {
    border-bottom: none;
}


.table.dataTable tbody tr {
    background-color: transparent !important;
}


.dt-length select {
    /*padding: 10px !important;*/
    border-radius: 3px !important;
    outline: none !important;
    border: solid 1px #ccc !important;
}

table.dataTable tbody .child tr td:first-child {
    font-weight: bold;
}

table.dataTable tbody .child td {
    text-align: left;
}


table.tabelaDinamica.dataTable.dtr-column > tbody > tr > td.control:before {
    height: 12px;
    width: 12px;
    color: white;
    border: 2px solid white;
    border-radius: 5em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    content: "+";
    background-color: #31b131;
    padding: 1px 1px 1px 2px;
}

table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before {
    background-color: #915555 !important;
    content: '-' !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
    border: 2px solid white !important;
    border-radius: 5em !important;
    box-shadow: 0 0 0.2em #444 !important;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: center !important;
}

/*----*/

table.tabelaDinamica.dataTable.dtr-column > tbody > tr > td.control:before {
    height: 12px;
    width: 12px;
    color: white;
    border: 2px solid white;
    border-radius: 5em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    content: "+";
    background-color: #31b131;
    padding: 1px 1px 1px 2px;
}

table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before {
    background-color: #915555 !important;
    content: '-' !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
    border: 2px solid white !important;
    border-radius: 5em !important;
    box-shadow: 0 0 0.2em #444 !important;
}


.tituloRadioDestaque {
    font-family: 'din-blackregular';
    font-size: 13px;
    color: #155282;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
    margin-top: 30px;
    text-transform: uppercase;
}

.subTituloRadioDestaque {
    font-family: 'dinregular';
    font-size: 12px;
    color: #da8300;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 12px;
    display: block;
    margin-left: 7px;
}


.gridview span.jqTransformCheckboxWrapper {
    float: initial;
    display: inline-block;
}

.mensagemAlerta {
    font-size: 16px;
    font-family: 'exo_2regular';
    color: #d67e20;
    margin: 30px 0px 0px 11px;
}

    .mensagemAlerta:before {
        font-family: FontAwesome;
        content: "\f06a";
        color: #d67e20;
        margin-right: 3px;
        font-size: 26px;
    }

    .mensagemAlerta li {
        margin-top: 12px;
        font-weight: 700;
        color: #656565;
        font-size: 14px;
    }

        .mensagemAlerta li:before {
            font-family: FontAwesome;
            content: "\f00c";
            color: #00d2de;
            margin-right: 3px;
            font-size: 16px;
        }


.gridview a i:before {
    color: #1c88b1;
    font-size: 15px;
}

.ultimaAtualizacao {
    background-color: #e0e6ed;
    padding: 5px 10px;
    border: 1px solid #ced5dd;
    border-radius: 7px;
    color: #7d8d9f;
    top: 13px;
    position: relative;
    font-weight: 500;
}

    .ultimaAtualizacao:before {
        font-family: FontAwesome;
        content: "\f017";
        margin-right: 5px;
    }


.ultimaAtualizacaoData {
    padding: 5px 0px;
    color: #7d8d9f;
    top: 7px;
    position: relative;
    font-weight: 600;
    font-family: dinregular;
}


/*-----------------------------FORMULÁRIO DE PACIENTE-----------------------------*/

.botaoCadastroBiometria {
    border: 2px solid #4c7baa;
    padding: 15px 10px;
    border-radius: 20px;
    position: relative;
    display: inline-block;
    width: 110px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    font-family: 'Swis721CnBTBold';
    text-align: center;
    margin-top: 10px;
}

    .botaoCadastroBiometria:hover {
        border: 2px solid #4c7baa;
        background-color: #f5f5f5;
    }

    .botaoCadastroBiometria:before {
        content: url("Paciente/img/icon-btn-biometria.png");
        display: block;
        padding-bottom: 14px;
        margin: 0 auto;
    }

.botaoCadastroFoto {
    border: 2px solid #4c7baa;
    padding: 15px 10px;
    border-radius: 20px;
    position: relative;
    display: inline-block;
    width: 110px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    font-family: 'Swis721CnBTBold';
    text-align: center;
    margin-top: 10px;
}

    .botaoCadastroFoto:hover {
        border: 2px solid #4c7baa;
        background-color: #f5f5f5;
    }

    .botaoCadastroFoto:before {
        content: url("Paciente/img/icon-btn-camera.png");
        display: block;
        padding-bottom: 14px;
        margin: 0 auto;
    }

.grupoCampoBotao .botaoInternoExcluir {
    float: right;
    position: absolute;
    color: white;
    font-family: 'dinregular';
    background-color: #cb2525;
    z-index: 99999;
    padding: 3px 4px 3px 4px;
    right: 7px;
    top: 8px;
    z-index: 0;
    /*border-radius: 11px;*/
}

.grupoCampoBotao .botaoSuperiorDireitoAdicionar {
    float: right;
    position: absolute;
    color: white;
    font-family: 'dinregular';
    background-color: #0fa31a;
    z-index: 99999;
    padding: 8px 9px 6px 9px;
    left: 86px;
    top: 3px;
    z-index: 0;
    border-radius: 16px;
    font-size: 15px;
}

.grupoCampoBotao .botaoSuperiorDireitoEditar {
    float: right;
    position: absolute;
    color: white;
    font-family: 'dinregular';
    background-color: #f78e33;
    z-index: 99999;
    padding: 7px 10px 7px 10px;
    left: 86px;
    top: 3px;
    z-index: 0;
    border-radius: 16px;
    font-size: 15px;
}


label.toggle {
    display: inline-block !important;
    float: none !important;
}


.col-lg-2.vintePorCento {
    width: 20% !important;
}

@media (min-width: 1200px) {
    .col-lg-2.vintePorCento {
        width: 20% !important;
    }
}

/* -----------  TABELA PARA INFO DE COLORBOX -----------*/
table.tabelaInfo {
    width: 100%;
}

.tabelaInfo td {
    background-color: #f1f1f1;
    padding: 5px 15px;
    border: 1px solid #fff;
}

.tabelaInfo th {
    background-color: #646464;
    color: #fff;
    padding: 10px 15px;
}


/* NOVA HOME MÓDULOS */

.bgApresentaModulo {
    background-color: #ebebeb;
    padding: 35px 0px;
}

.logo img {
    height: 100px;
}

.logo {
    text-align: center;
}

.alertaRemanejamento {
    background-color: #00d7c9;
    padding: 0px 30px;
    color: #fff;
    font-family: 'dinregular';
    font-size: 20px;
    border-radius: 10px;
    margin: 40px 0 40px 0;
}

.iconRemanejamento:before {
    font-family: FontAwesome;
    content: "\f0fa";
    font-size: 56px;
    padding: 12px 14px 12px 0;
    display: inline-block;
}

.alertaRemanejamento .texto {
    top: -11px;
    position: relative;
    display: inline-block;
}

.alertaRemanejamento a {
    display: inline-block;
    float: right;
    background-color: #fff;
    padding: 16px 28px 15px 28px;
    font-family: 'din-blackregular';
    font-size: 14px;
    color: #858585;
    margin-top: 17px;
    border-radius: 5px;
}

    .alertaRemanejamento a:hover {
        -webkit-box-shadow: 0px 0px 10px 0px rgb(255 255 255);
        -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
        box-shadow: 0px 0px 10px 0px rgb(255 255 255);
    }



/*DASHBOARD*/

.bgGrafico {
    background-color: #fff;
    border-radius: 6px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 2%);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.02);
    box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 2%);
    padding: 35px 22px 30px 22px;
}

    .bgGrafico h2 {
        font-size: 16px;
        padding: 0px 0px 10px 0px;
        line-height: 14px;
        margin-bottom: 40px;
        border-radius: 6px 6px 0px 0px;
        border: initial;
        border-bottom: solid 1px #ededed;
        background-color: #fbf9f9;
        background: none;
        color: #767676;
        font-family: 'dinregular';
        text-align: left;
        font-weight: normal;
        height: initial;
    }

        .bgGrafico h2:before {
            position: relative;
            display: inline-block;
            content: '';
            width: 8px;
            height: 22px;
            border-radius: 3px;
            background-color: #00d7c9;
            top: 3px;
            margin-right: 6px;
        }

.defAltura {
    /*height: 350px;*/
}

.ajustaGrafico {
    padding: 0px 15px;
    position: relative;
}

.seletorPeriodoDashboard {
    position: relative;
    float: right;
}

    .seletorPeriodoDashboard select {
        border-radius: 3px;
        border: solid 1px #c9c9c9;
        color: #9b9b9b;
        height: 26px;
        outline: none;
    }

/********* INFOS BLOQUEIO DE ABAS  
***************************************************************************************************************/

.infoTopAbasDuplicadas {
    float: right;
    position: relative;
    margin-top: -61px;
    font-size: 12px;
    background-color: #fff;
    width: 171px;
    color: #000;
    font-family: 'dinregular';
    border-bottom: 5px solid #ffbf00;
    border-radius: 6px;
    padding: 14px 14px 11px 14px;
}


    .infoTopAbasDuplicadas:before {
        font-family: 'FontAwesome';
        color: #000;
        content: '\f05a';
        float: left;
        margin-top: -3px;
        font-size: 30px;
        margin-right: 10px;
    }

.bordaCinzaAredondada {
    border: solid 1px #e1e1e1;
    border-radius: 6px;
    padding: 14px 0px;
    border-left: 7px solid #D3ACAC;
    display: flex;
    align-items: stretch;
    text-transform: uppercase;
    margin-top: 15px;
    margin: 15px 0 0px 0;
}

.labelNegrito {
    font-family: 'din-blackregular';
    font-size: 12px;
    color: #777;
    line-height: 18px;
}

.btnVerde {
    background-color: #9ac980;
}

.flex {
    display: flex;
}

.btnAssinaturaEletronica {
    background-color: #9ac980;
    width: 100%;
    color: #fff;
    font-family: 'dinregular';
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.20s linear;
    -webkit-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
    -o-transition: all 0.20s linear;
}

    .btnAssinaturaEletronica:hover {
        background-color: #8dbf73;
    }

    .btnAssinaturaEletronica:before {
        font-family: FontAwesome;
        content: "\f00c";
        color: #fff;
        margin-right: 5px;
        font-size: 18px;
    }

    .btnAssinaturaEletronica[disabled] {
        background-color: #bfbdbd !important;
        cursor: no-drop;
    }


.labelNormal {
    font-family: 'dinregular';
    font-size: 12px;
    color: #777;
}

.dataListaProntuarios {
    color: #833230;
    font-size: 20px;
    font-family: 'din-blackregular';
    margin: 40px 0 0 5px;
    display: block;
}


.botaoCadastroFoto {
    border: 2px solid #4c7baa;
    padding: 15px 10px;
    border-radius: 20px;
    position: relative;
    display: inline-block;
    width: 110px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    font-family: 'Swis721CnBTBold';
    text-align: center;
    margin-top: 10px;
}

    .botaoCadastroFoto:hover {
        border: 2px solid #4c7baa;
        background-color: #f5f5f5;
    }

    .botaoCadastroFoto:before {
        content: url("Paciente/img/icon-btn-camera.png");
        display: block;
        padding-bottom: 14px;
        margin: 0 auto;
    }

.grupoCampoBotao .botaoInternoExcluir {
    float: right;
    position: absolute;
    color: white;
    font-family: 'dinregular';
    background-color: #cb2525;
    z-index: 99999;
    padding: 3px 4px 3px 4px;
    right: 7px;
    top: 8px;
    z-index: 0;
    /*border-radius: 11px;*/
}

.grupoCampoBotao .botaoSuperiorDireitoAdicionar {
    float: right;
    position: absolute;
    color: white;
    font-family: 'dinregular';
    background-color: #0fa31a;
    z-index: 99999;
    padding: 8px 9px 6px 9px;
    left: 86px;
    top: 3px;
    z-index: 0;
    border-radius: 16px;
    font-size: 15px;
}

.grupoCampoBotao .botaoSuperiorDireitoEditar {
    float: right;
    position: absolute;
    color: white;
    font-family: 'dinregular';
    background-color: #f78e33;
    z-index: 99999;
    padding: 7px 10px 7px 10px;
    left: 86px;
    top: 3px;
    z-index: 0;
    border-radius: 16px;
    font-size: 15px;
}


label.toggle {
    display: inline-block !important;
    float: none !important;
}


.col-lg-2.vintePorCento {
    width: 20% !important;
}

@media (min-width: 1200px) {
    .col-lg-2.vintePorCento {
        width: 20% !important;
    }
}

/* -----------  TABELA PARA INFO DE COLORBOX -----------*/
table.tabelaInfo {
    width: 100%;
}

.tabelaInfo td {
    background-color: #f1f1f1;
    padding: 5px 15px;
    border: 1px solid #fff;
}

.tabelaInfo th {
    background-color: #646464;
    color: #fff;
    padding: 10px 15px;
}


.grupoCampo .rotuloInterno {
    float: right;
    position: absolute;
    color: #737373;
    font-family: 'din-blackregular';
    background-color: #ececec;
    border-radius: 0 3px 3px 0;
    z-index: 99999;
    padding: 10px 9px 12px 8px;
    right: 1px;
    top: 1px;
    z-index: 0;
    font-size: 11px;
    border-left: 1px solid #dadada;
}

.grupoCampo .rotuloInternoComInfo {
    float: right;
    position: absolute;
    color: #737373;
    font-family: 'din-blackregular';
    background-color: #ececec;
    border-radius: 0 3px 3px 0;
    z-index: 99999;
    padding: 5px 8px 2px 8px;
    top: 1px;
    z-index: 0;
    font-size: 11px;
    border-left: 1px solid #dadada;
    right: 53px !important;
    height: 32px;
}

.grupoCampo .rotuloInternoParaRadio {
    float: right;
    position: absolute;
    color: #737373;
    font-family: 'din-blackregular';
    background-color: #ececec;
    border-radius: 0 3px 3px 0;
    z-index: 99999;
    padding: 5px 8px 2px 8px;
    right: 1px;
    top: 1px;
    z-index: 0;
    font-size: 11px;
    border-left: 1px solid #dadada;
    height: 32px;
    border-radius: 0px 1px 1px 0px !important;
}

.grupoCampo .rotuloInternoParaRadioPsico {
    float: right;
    position: absolute;
    color: #737373;
    font-family: 'din-blackregular';
    background-color: #ececec;
    border-radius: 0 3px 3px 0;
    z-index: 99999;
    padding: 5px 8px 2px 8px;
    right: 1px;
    top: 33px;
    z-index: 0;
    font-size: 11px;
    border-left: 1px solid #dadada;
    height: 32px;
    border-radius: 0px 1px 1px 0px !important;
    margin-right: 14px;
}

span.rotuloInternoParaRadioPsico.ajusteIconeRotuloInternoParaBotao {
    top: 18px;
    padding: 6px 6px 5px 5px;
}


.rotuloInternoParaRadio.ajusteIconeRotuloInternoParaBotao {
    top: 18px !important;
    padding: 6px 6px 5px 5px;
}

.BtnAlterarProfissional {
    position: relative;
    display: inline-block;
    top: 16px;
    background: #5286be;
    padding: 0 13px 0 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff !important;
    vertical-align: top;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    height: 34px;
    line-height: 32px;
}

    .BtnAlterarProfissional:hover {
        background: #3669a1;
    }


/* - CLASSE PARA TABS PWS DENTRO DO COLORBOX -*/
.contentColorbox .pws_tabs_list {
    box-shadow: none !important;
}

.contentColorbox .pws_tabs_container ul.pws_tabs_controll {
    border-bottom: solid 1px #e8edf1;
}

.grupoCampo .rotuloInterno {
    float: right;
    position: absolute;
    color: #737373;
    font-family: 'din-blackregular';
    background-color: #ececec;
    border-radius: 0 3px 3px 0;
    z-index: 99999;
    padding: 10px 9px 12px 8px;
    right: 1px;
    top: 1px;
    z-index: 0;
    font-size: 11px;
    border-left: 1px solid #dadada;
}

.grupoCampo .rotuloInternoComInfo {
    float: right;
    position: absolute;
    color: #737373;
    font-family: 'din-blackregular';
    background-color: #ececec;
    border-radius: 0 3px 3px 0;
    z-index: 99999;
    padding: 5px 8px 2px 8px;
    top: 1px;
    z-index: 0;
    font-size: 11px;
    border-left: 1px solid #dadada;
    right: 53px !important;
    height: 32px;
}

.grupoCampo .rotuloInternoParaRadio {
    float: right;
    position: absolute;
    color: #737373;
    font-family: 'din-blackregular';
    background-color: #ececec;
    border-radius: 0 3px 3px 0;
    z-index: 99999;
    padding: 5px 8px 2px 8px;
    right: 1px;
    top: 1px;
    z-index: 0;
    font-size: 11px;
    border-left: 1px solid #dadada;
    height: 32px;
    border-radius: 0px 1px 1px 0px !important;
}

.aviso-warning {
    color: #bd6c0b;
    font-size: 14px;
    font-family: dinregular;
    display: block;
    margin-top: 40px;
    margin-left: 5px;
}

    .aviso-warning:before {
        font-family: FontAwesome;
        content: "\f05a";
        margin-right: 5px;
        font-size: 18px;
        top: 1px;
        position: relative;
        color: #d37d16;
    }

.containerAviso {
    padding: 20px 15px 10px 15px;
    border: 1px dashed #ffac00;
    background-color: #fffcfa;
    border-radius: 10px;
    margin-top: 30px;
    text-align: center;
}

    .containerAviso:before {
        font-family: FontAwesome;
        content: "\f05a";
        position: relative;
        top: -29px;
        left: 50%;
        margin-left: -40px;
        text-align: center;
        font-size: 34px;
        color: #ffac00;
        background-color: #fffcfa;
    }

.m-b-0 {
    margin-bottom: 0px !important;
}

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

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

.aviso-warning:before {
    font-family: FontAwesome;
    content: "\f05a";
    margin-right: 5px;
    font-size: 18px;
    top: 1px;
    position: relative;
    color: #d37d16;
}

.containerAviso {
    padding: 20px 15px 10px 15px;
    border: 1px dashed #ffac00;
    background-color: #fffcfa;
    border-radius: 10px;
    margin-top: 30px;
    text-align: center;
}

    .containerAviso:before {
        font-family: FontAwesome;
        content: "\f05a";
        position: relative;
        top: -29px;
        left: 50%;
        margin-left: -40px;
        text-align: center;
        font-size: 34px;
        color: #ffac00;
        background-color: #fffcfa;
    }

.m-b-0 {
    margin-bottom: 0px !important;
}

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

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

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

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

.height-0 {
    height: 0px;
}

.tituloTabelaDestacado {
    color: #e8a546;
    font-family: 'din-blackregular';
    font-size: 13px;
    text-transform: uppercase;
}

    .tituloTabelaDestacado:after {
        content: '';
        height: 4px;
        width: 100%;
        display: block;
        background-color: #f2b45c;
        border-radius: 7px;
        margin-top: 2px;
    }

.tituloTabela {
    color: #a0a0a0;
    font-family: 'din-blackregular';
    font-size: 13px;
    text-transform: uppercase;
}

    .tituloTabela:after {
        content: '';
        height: 4px;
        width: 100%;
        display: block;
        background-color: #a0a0a0;
        border-radius: 7px;
        margin-top: 2px;
    }

.containerAviso {
    padding: 20px 15px 10px 15px;
    border: 1px dashed #ffac00;
    background-color: #fffcfa;
    border-radius: 10px;
    margin-top: 30px;
    text-align: center;
}

    .containerAviso:before {
        font-family: FontAwesome;
        content: "\f05a";
        position: relative;
        top: -29px;
        left: 50%;
        margin-left: -40px;
        text-align: center;
        font-size: 34px;
        color: #ffac00;
        background-color: #fffcfa;
    }

.aviso-warning {
    color: #bd6c0b;
    font-size: 14px;
    font-family: dinregular;
    display: block;
    margin-top: 40px;
    margin-left: 5px;
}

    .aviso-warning:before {
        font-family: FontAwesome;
        content: "\f05a";
        margin-right: 5px;
        font-size: 18px;
        top: 1px;
        position: relative;
        color: #d37d16;
    }

/*.owl-item div img {
   width: auto !important;
}*/

.LarguraAuto {
    width: auto !important;
}

.containerAviso {
    padding: 20px 15px 10px 15px;
    border: 1px dashed #ffac00;
    background-color: #fffcfa;
    border-radius: 10px;
    margin-top: 30px;
    text-align: center;
}

    .containerAviso:before {
        font-family: FontAwesome;
        content: "\f05a";
        position: relative;
        top: -29px;
        left: 50%;
        margin-left: -40px;
        text-align: center;
        font-size: 34px;
        color: #ffac00;
        background-color: #fffcfa;
    }

.alinhaBotoesFlow a {
    width: 100%;
    text-align: center;
}

.alinhaBotoesFlow {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.mensagemRodapeGridview {
    font-family: 'dinregular';
    margin-top: 20px !important;
    font-size: 12px;
    color: #a37c0d;
    display: inline-flex;
    width: 80%;
    line-height: 14px;
}

    .mensagemRodapeGridview span {
        background-color: #f7ead9;
        border: 1px solid #f1d4b1;
        border-radius: 50px;
        padding: 5px 15px 5px 16px;
    }

        .mensagemRodapeGridview span:before {
            content: '\f05a';
            font-family: FontAwesome;
            color: #cfab42 !important;
            font-size: 16px;
            top: 1px;
            position: relative;
            margin-right: 4px;
        }


.ocultarBtnAdd .BtnAdd:before {
    content: ' ';
}

.ocultarBtnAdd.BtnAlterar:before {
    margin-right: 5px;
}

a.BtnLateral.BtnAlterar.ocultarBtnAdd {
    color: #fff !important;
}

div.containerExpandirFiltro {
    background: #f3f3f3;
    padding: 13px 5px 22px 5px;
    border: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    top: -17px;
    position: relative;
    border-radius: 8px;
    /* border-bottom-left-radius: 8px; */
    /* border-bottom-right-radius: 8px; */
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.1);
}

.mensagemRodapeGridview {
    font-family: 'dinregular';
    margin-top: 20px !important;
    font-size: 12px;
    color: #a37c0d;
}

    .mensagemRodapeGridview span {
        background-color: #f7ead9;
        border: 1px solid #f1d4b1;
        border-radius: 50px;
        padding: 5px 15px 5px 6px;
    }

        .mensagemRodapeGridview span:before {
            content: '\f05a';
            font-family: FontAwesome;
            color: #cfab42 !important;
            font-size: 15px;
            top: 1px;
            position: relative;
            margin-right: 4px;
        }

.ocultarBtnAdd .BtnAdd:before {
    content: ' ';
}

.ocultarBtnAdd.BtnAlterar:before {
    margin-right: 5px;
}

a.BtnLateral.BtnAlterar.ocultarBtnAdd {
    color: #fff !important;
}

.bgImpressaoCartaoSus {
    width: 8.56cm;
    height: 10.67cm;
    position: absolute;
    max-width: 8.56cm !important;
}

.containerDadosImpressaoCSNS {
    position: relative;
    top: 1.0cm;
    left: 0.8cm;
    width: 7cm;
}

.codigoBarra img {
    width: 6.985cm !important;
    height: 0.7cm;
    margin-top: 5px;
}

.CNSCodigoBarra {
    text-align: center;
    position: relative;
    display: block;
    margin-top: 2px;
}


.nomeCidadaoHTML {
    font-size: 12px;
    margin-top: -2px;
    z-index: 2;
    position: relative;
}

.containerImpressaoCartaoSUS {
    width: 8.56cm !important;
    /*height: 10.67cm;*/
}


.tituloRounder {
    font-family: 'dinregular';
    display: inline-block;
    border-radius: 28px;
    background-color: #8a4242;
    color: #fff;
    font-size: 15px;
    padding: 12px 20px;
    margin: 25px 0 20px 0;
}

    .tituloRounder.verde {
        background-color: #59974a;
    }

    .tituloRounder b {
        font-family: 'din-blackregular';
    }

.tituloSecundario {
    font-size: 14px;
    color: #444444;
}


.accordionHeaderSelected2 h3 {
    background: #daf0fd;
    cursor: pointer;
}

    .accordionHeaderSelected2 h3:before {
        font-family: FontAwesome;
        content: "\f2d1";
        top: -3px;
    }

.accordionHeader2 h3 {
    background: #daf0fd;
    cursor: pointer;
}

    .accordionHeader2 h3:hover {
        background: #98c6e1;
        transform: scale(1.0);
    }

    .accordionHeader2 h3:before {
        font-family: FontAwesome;
        content: "\f067";
        top: 3px;
    }

TABLE tr.rowGridviewLaranja {
    background-color: #fdeedc !important;
}

.select2-container-multi .select2-choices {
    height: 34px !important;
    min-height: 34px !important;
    border: 1px solid #bfbfbf !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04) !important;
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04) !important;
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04) !important;
    -webkit-transition: all 200ms ease-in-out !important;
    -moz-transition: all 300ms ease-in-out !important;
    -ms-transition: all 300ms ease-in-out !important;
    -o-transition: all 300ms ease-in-out !important;
    transition: all 300ms ease-in-out !important;
}

.select2-container-multi .select2-search-choice-close {
    left: 4px !important;
}

.select2-search-choice-close {
    top: 5px !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 6px 5px 6px 18px !important;
}

.alinhaCheckRadio {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.secao .conteudo hr {
    margin: 30px 0 10px 0;
}

.ocultaTexto {
    visibility: hidden;
}

    .ocultaTexto:before {
        visibility: visible;
    }

.secao .botaoSuspensoSecao {
    position: relative;
    background-color: #53a9a0;
    border: 1px solid transparent;
    padding: 1px 15px 1px 15px;
    color: #fff;
    font-family: dinregular;
    font-size: 13px;
    border-radius: 4px;
    font-weight: bold;
    float: right;
    margin-top: -56px;
    line-height: 36px;
    height: 36px;
}

.botaoSuspensoSecao.BtnAgendaCheck:before {
    margin-right: 10px;
}

.containerProgramacaoTerapeutica {
    padding: 16px;
}

.cabecalhoProgramacao {
    background-color: #abc3d7;
    padding: 10px 10px 8px 10px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

    .cabecalhoProgramacao span {
        font-size: 16px;
        font-weight: 800;
        color: #fff;
    }

.contentProgramacao {
    background-color: #e9e9e9;
    padding: 10px 10px;
}

    .contentProgramacao span {
        font-size: 16px;
        font-weight: 500;
        color: #828282;
    }

div.contentProgramacao:nth-child(2n) {
    background: #f1f1f1;
}

div.contentProgramacao.ultimaLinhaProgramacao {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-bottom: 15px;
}

.centralizar {
    margin: 0 auto !important;
}

.contentProgramacao .contadorCaracteres {
    font-size: 10px !important;
    top: -5px;
    position: relative;
    color: #5b5b5b;
}

.accordionHeaderSelected2 h3 {
    background: #daf0fd;
    cursor: pointer;
}

    .accordionHeaderSelected2 h3:before {
        font-family: FontAwesome;
        content: "\f2d1";
        top: -3px;
    }

.accordionHeader2 h3 {
    background: #daf0fd;
    cursor: pointer;
}

    .accordionHeader2 h3:hover {
        background: #98c6e1;
        transform: scale(1.0);
    }

    .accordionHeader2 h3:before {
        font-family: FontAwesome;
        content: "\f067";
        top: 3px;
    }

TABLE tr.rowGridviewLaranja {
    background-color: #fdeedc !important;
}


.select2-container-multi .select2-choices {
    height: 34px !important;
    min-height: 34px !important;
    border: 1px solid #bfbfbf !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04) !important;
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04) !important;
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04) !important;
    -webkit-transition: all 200msease-in-out !important;
    -moz-transition: all 300ms ease-in-out !important;
    -ms-transition: all 300ms ease-in-out !important;
    -o-transition: all 300ms ease-in-out !important;
    transition: all 300msease-in-out !important;
}

.select2-container-multi .select2-search-choice-close {
    left: 4px !important;
}

.select2-search-choice-close {
    top: 5px !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 6px 5px 6px 18px !important;
}

.alinhaCheckRadio {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}