/*Arquivo destinado a customizações de CSS*/

.content-box-header-mapa-ind,
.content-box-header-result-mapa-ind {
    display: block !Important;
}

.filtersContainer {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
}

.profiler-results {
    display: block;
}

#prestadoresLayer {
    float: left;
    height: 685px;
    margin-left: 0px;
}

.resultContainer {
    /* height: 590px; */
    float: left;
    margin-left: 0px;
    overflow: auto;
    padding: 0px;
}

    .resultContainer p {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        font-size: 12.5px;
    }

#mapContainer {
    width: auto;
    height: inherit;
}

.paginationItem {
    margin: 8px;
    font-family: monospace;
    font-size: 12.5px;
}

.resultItem {
    border-bottom: 1px dashed lightskyblue;
    margin: 0px 0px 0px 0px;
    padding: 8px;
    font-family: monospace;
    font-size: 12.5px;
}

.resultItemDetailNormal {
}

.resultItemDetailFeatured {
    border: 2px dashed Blue;
}

#mapaComRota {
    float: left;
}

#destacarEndereco {
    float: right;
}

.resultTitle {
    color: #4F6EA5;
    font-size: 120%;
    font-weight: bolder;
    font-family: arial;
}

.resultDetail {
    color: #A5A8AD;
    font-size: 80%;
    vertical-align: top;
    text-align: justify;
}

.filter ~ .custom-combobox input {
    background: none;
}

#SelectedPlanoId ~ .custom-combobox input {
    width: 228px; /*TI - GSB*/
}

#SelectedMeuPlanoId ~ .custom-combobox input {
    width: 250px; /*TI - GSB*/
}

#SelectedEstadoId ~ .custom-combobox input {
    width: 250px; /*TI - GSB*/
}

#SelectedTipoServicoId ~ .custom-combobox input {
    width: 250px; /*TI - GSB*/
}

#SelectedCidadeId {
    width: 280px; /*TI - GSB*/
    font-size: 14px; /*TI - GSB*/
    font-family: Myriad Pro; /*TI - GSB*/
}

#SelectedBairroId {
    width: 280px; /*TI - GSB*/
    font-size: 14px; /*TI - GSB*/
    font-family: Myriad Pro; /*TI - GSB*/
}

#SelectedTipoEstabelecimentoId {
    width: 280px; /*TI - GSB*/
    font-size: 14px; /*TI - GSB*/
    font-family: Myriad Pro; /*TI - GSB*/
}

#SelectedEspecialidadeId {
    width: 280px; /*TI - GSB*/
    font-size: 14px; /*TI - GSB*/
    font-family: Myriad Pro; /*TI - GSB*/
}

#NomePrestador, #NomeMedico, #IdBeneficiario {
    /* float: left; */
    width: 285px; /*TI - GSB*/
    font-family: Verdana, Arial, sans-serif;
    font-size: 12.1px;
    border: 1px solid #d3d3d3;
    color: rgb(85, 85, 85);
    padding: 0.3em;
    border-radius: 4px;
}

#BtnSearch {
    background: url(../images/btn_pesquisar.png) no-repeat 0 0;
    width: 100px;
    height: 26px;
    border: none;
    cursor: pointer;
}

#BtnClear {
    background: url(../images/btn_limpar.png) no-repeat 0 0;
    width: 70px;
    height: 26px;
    border: none;
    cursor: pointer;
    margin-right: 5px;
}

#tipoEstabelecimento, #atendePelosPlanos {
    display: none;
}

#SelectedEndereco, .endereco, .cnpj, .registroProfissional {
    display: none;
}

#telefone {
    font-size: 120%;
    font-weight: bolder;
}

#qualificacoesANS {
    float: left;
    width: 100%;
    margin-top: -4px;
    margin-bottom: 4px;
}

.qualificacaoANS {
    float: left;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px 2px 0px 0px;
}

.qualificacaoANS_E {
    width: 16px;
    background-image: url('../Images/QualificacoesANS/E.png');
}

.qualificacaoANS_N {
    width: 16px;
    background-image: url('../Images/QualificacoesANS/N.png');
}

.qualificacaoANS_P {
    width: 16px;
    background-image: url('../Images/QualificacoesANS/P.png');
}

.qualificacaoANS_Q {
    width: 16px;
    background-image: url('../Images/QualificacoesANS/Q.png');
}

.qualificacaoANS_R {
    width: 16px;
    background-image: url('../Images/QualificacoesANS/R.png');
}
.qualificacaoANS_M {
    width: 16px;
    background-image: url('../Images/QualificacoesANS/M.png');
}

/* Classes relativas a exibição do botão de "Mais informações" */
#dialogText {
    float: left;
}

/* Div contento a razão social do prestador e o botão "Mais informações" */
.divMaisInformacoes {
    display: block;
}

/* Customização da fonte da razão social do prestador */
.resultRazaoSocial {
    color: black;
    font-weight: bolder;
    font-family: arial;
}

/* Customização do botão de "Mais informações" */
.btnMaisInformacoes {
    float: right;
    background-image: url('../Images/btn-plus.png');
    background-position: center;
    background-repeat: no-repeat;
    border: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* Tamanho da caixa de diálogo das informações extras (vide botão "Mais informações") */
.dialogMaisInformacoes {
    width: 420px;
    height: 350px;
}

/* Customização do texto "Tipo de estabelecimento" (apenas o título) */
.labelTipoEstabelecimento {
    background-color: #DFDFDF;
    color: #005aa9;
}

/* Customização da fonte onde será escrito o tipo de estabelecimento (o texto abaixo do título) */
.valueTipoEstabelecimento {
}

/* Separador dos divs de "Tipo de estabelecimento" e "Planos atendidos" */
.dialogSeparator {
    border: 1px solid darkgray;
    width: 50%;
    visibility: hidden;
}

/* Customização do texto "Planos atendidos" (apenas o título) */
.labelPlanosAtendidos {
    background-color: #DFDFDF;
    color: #005aa9;
}

/* Customização da fonte da lista de planos atendidos (o div abaixo do título) */
.valuePlanosAtendidos {
    height: 152px;
    overflow: auto;
}

/* Customização do texto de cada linha de "Planos atendidos" */
.planoAtendido {
}


/*################################*/
/*### OUTROS ESTILOS - TI GSB ###*/
/*################################*/

#conteudo-esq {
    float: left;
    width: 320px;
    height: 60px;
    top: 20px;
    left: 20px;
}


#conteudo-esq-mapa-ind {
    position: absolute;
    width: 320px;
    height: 60px;
    top: 20px;
    left: 20px;
}


#ConteudosepEsqcolCentral {
    margin-left: 340px;
}


#ConteudosepEsqcolCentral-mapa-ind {
    margin-left: 350px;
    padding-left: 2px;
    padding-right: 20px;
    padding-top: 13px;
}


#ConteudocolCentral {
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    height: 590px;
}


#ConteudocolCentral-mapa-ind {
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    height: auto;
}


#filtro-pesq {
    text-align: left;
}


#filtro-pesq-map-ind {
    text-align: left;
}


#filtro-pesq .content-box {
    display: inline-block;
    width: 320px;
    height: 720px;
}


#filtro-pesq-mapa-ind .content-box-mapa-ind {
    display: inline-block;
    width: 320px;
    height: 560px;
}

#result-pesq {
    text-align: left;
}

#result-pesq-mapa-ind {
    text-align: left;
}


#result-pesq .content-box-result {
    width: auto;
    height: 720px;
}


#result-pesq-mapa-ind .content-box-result-mapa-ind {
    width: auto;
    height: 560px;
}


.content-box, .content-box-content {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.content-box-mapa-ind, .content-box-content-mapa-ind {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.content-box-result, .content-box-content-result {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.content-box-result-mapa-ind, .content-box-content-result-mapa-ind {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.content-box {
    background: #fff;
    border: 1px solid #c4c4c4;
    margin-bottom: 16px;
}


.content-box-mapa-ind {
    background: #fff;
    border: 1px solid #c4c4c4;
    margin-bottom: 16px;
    overflow: auto;
}


.content-box-result {
    background: #fff;
    border: 1px solid #c4c4c4;
    margin-bottom: 16px;
}


.content-box-result-mapa-ind {
    background: #fff;
    border: 1px solid #c4c4c4;
    margin-bottom: 16px;
}


.content-box-header, .modalhead {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}


.content-box-header-mapa-ind, .modalhead {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}


.content-box-header-result, .modalhead {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}


.content-box-header-result-mapa-ind, .modalhead {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: #5183b6;
    border-bottom: 1px solid #c4c4c4;
    border-top: 1px solid #fff;
    height: 34px;
    padding: 0 10px;
}


.content-box-header {
    background-color: #5183b6;
    border-bottom: 1px solid #c4c4c4;
    height: 34px;
    padding: 0 10px;
    border-radius: 5px 5px 0px 0px;
}


.content-box-header-mapa-ind {
    background-color: #5183b6;
    border-bottom: 1px solid #c4c4c4;
    height: 34px;
    padding: 0 10px;
}

.content-box-header-result {
    background-color: #5183b6;
    border-bottom: 1px solid #c4c4c4;
    height: 34px;
    padding: 0 10px;
    border-radius: 5px 5px 0px 0px;
}


.content-box-header h3 {
    float: left;
    line-height: 5px;
}


.content-box-header-mapa-ind h3 {
    float: left;
    line-height: 5px;
}


.content-box-header-result h3 {
    float: left;
    line-height: 5px;
}


.content-box-header-result-mapa-ind h3 {
    float: left;
    line-height: 5px;
}


h3 {
    color: #FFF;
    font-size: 14px;
}


h1, h2, h3, h4, h5, h6 {
    font-family: "PT Sans", "Tahoma", "Verdana", sans-serif;
}

.tit-checkbox {
    margin-bottom: 18px;
    color: #757575;
    font-size: 14px;
    font-family: sans-serif;
    display: flex;
    justify-content: center;
}

#IdBeneficiario {
    width: 205px;
}

#BtnBuscaBeneficiario {
    background: url(../images/btn_buscar.png) no-repeat 0 0;
    width: 70px;
    height: 26px;
    border: none;
    cursor: pointer;
    float: right;
}

#tit-id-beneficiario {
    font-size: 16px;
    font-family: Myriad Pro;
    color: #005aa9;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
}

#NaoSouCliente {
    margin-left: 40px;
}

#EncontrarPlano {
    display: none;
}

#MeuPlano {
    display:none;
}

#CampoMeuPlano {
    width: 260px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12.1px;
    border: 1px solid #d3d3d3;
    color: rgb(85, 85, 85);
    padding: 0.3em;
    border-radius: 4px;
    background: #ededed;
}


/*### ESTILOS - TI GSB ###*/

.tit-info-campo {
    font-size: 16px;
    font-family: Myriad Pro;
    color: #005aa9;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
}

/*--FIM--*/

.custom-combobox {
    margin-bottom: 15px;
    font-size: 11px;
}

.custom-combobox-toggle {
    width: 20px;
}

.campoObrigatorio {
    background-color: rgba(249, 236, 236, 0.99) !important;
}