@font-face {
    font-family: "SourceSansPro";
    src: url("../fonts/SourceSansPro-Regular.ttf");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "SourceSansPro";
    src: url("../fonts/SourceSansPro-SemiBold.ttf");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "SourceSansPro";
    src: url("../fonts/SourceSansPro-Black.ttf");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "SourceSansPro";
    src: url("../fonts/SourceSansPro-Light.ttf");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "SourceSansPro";
    src: url("../fonts/SourceSansPro-ExtraLight.ttf");
    font-weight: 200;
    font-style: normal;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('☺'), /*hack para pegar a nossa versão da font*/
  url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
  url(../fonts/MaterialIcons-Regular.woff) format('woff'),
  url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
  font-family: "Material Icons Outline";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/materialicons-outline.woff) format("woff"),
  url(../fonts/materialicons-outline.ttf) format("truetype");
}

html {
  font-family: "SourceSansPro";
}

body {font-family: "SourceSansPro"; color:#33343e;}
/* a:link {color: #33343e; text-decoration:none;} */
#divRedeAgencias a:link {color: #33343e;}
/* a:visited {} */
#divRedeAgencias a:hover {color: #33b9ec; text-decoration:underline;}

/* - PADRÕES - */
.limite {width:1140px; margin:auto;}

#divRedeAgencias button {border-radius: 10px !important;
    font-size: 1.25rem;
    background: var(--cor-principal2);
    color: #fff;
    border:0;
    font-weight:bold; padding:10px 20px; outline: 0;}

#divRedeAgencias button.filtro-mobile { padding:10px 14px 10px 20px; }
#divRedeAgencias button:hover { background-color: var(--cor-principal2-hover); }

.componente .row {margin:0px;}
.componente .col-lg-6 {padding:0px;float: left;width:50%;}

/* - FORMULÁRIO - */
.form-contato button {border-radius: 10px !important; font-size: 1.25rem; background: var(--cor-principal2); color:#fff; margin: 0 auto; outline: 0;}
.form-contato button {color: #fff;padding: 10px;margin-top: 10px;}
.form-contato button:hover {background-color: #416aab;cursor:pointer;}

.form-contato .form-item {display: inline-block;}
.form-contato .form-item + .form-contato .form-item {margin-left: 2%;}
.form-contato input, .form-contato select, .form-contato textarea {width: 100%;}
.form-contato .campo-select { background-color: #f3f3f9; margin-bottom: 15px; position: relative; overflow: hidden;}
.form-contato .campo-select::after {background: url('../multimidia/busd99im_select-seta.png') right center no-repeat; content:" "; background-color: #f3f3f9; display: block; height:35px; pointer-events: none; position: absolute; right: 1px; top: 2px; width: 40px;}
.form-contato .campo-select select {background: transparent; border: 0; padding: 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none; }

/* Canal Denúncias */
.form-contato {margin: 20px 0px 15px 0px}
.form-contato textarea, .form-contato input[type=text] {width: 100%;border: 0px;background-color: #f3f3f9;padding: 10px; margin: 8px 0px;}

/* - GENÉRICOS - */
.direita {float:right;}
.esquerda {float:left;}
.texto-direita {text-align:right;}
.texto-esquerda {text-align:left;}
.texto-centro {text-align:center;}
.clear {clear:both; display: table !important; }
.pad-0 {padding:0px;}
.pad-l-0 {padding-left:0px;}
.pad-l-20 {padding-left:20px !important;}
.pad-r-0 {padding-right:0px;}
.pad-r-50 {padding-right:50px;}
.pad-r-30 {padding-right:30px !important;}
.pad-t-20 {padding-top:20px !important;}
.pad-t-40 {padding-top:40px !important;}
.w-100 {width:100%;}
.w-90 {width:90%;}
.w-80 {width:80%;}
.w-75 {width:75%;}
.w-60 {width:60%;}
.w-50 {width:50%;}
.w-40 {width:40%;}
.w-30 {width:30%;}
.w-25 {width:25%;}
.w-20 {width:20%;}

/* Container */

/* Container */
div {box-sizing: border-box;}
.hide { display: none; }


/* Fieldset */
#fsFiltroAgencias { border:0px;}

/* Filtro */
#divRedeAgencias {width: auto; position: relative;}
.RedeAgenciasCompleto {width: auto !important; margin:0 auto;}
#divRedeAgencias .card { box-shadow: 0px 10px 30px rgb(0 0 80 / 20%); border-radius: 10px; padding: 50px 50px 30px; }
#divRedeAgencias label {min-width: 120px; width: 20%; padding-right: 0.5rem; margin-bottom: 0;}
#divRedeAgencias legend { margin-bottom: 20px; display:none;}
#divRedeAgencias .ag-select select,
#divRedeAgencias input:not([type="radio"]):not([type="checkbox"]),
#divRedeAgencias textarea { color: #747981; font-size: 15px; border-radius: 10px; border: thin; background: #f2f2f2;
    padding: .375rem .75rem; line-height: 1.5; color: #43434D; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; outline: none;}

#divRedeAgencias .ag-select select,
#divRedeAgencias input:not([type="radio"]):not([type="checkbox"]),
#divRedeAgencias textarea { min-height: 48px; flex: 1 1 0;}

#divRedeAgencias .ag-select {display: flex; flex:1 1 0; position: relative;}
#divRedeAgencias .ag-select select {padding-right: 2.25rem; appearance:none; -webkit-appearance: none; }
#divRedeAgencias .ag-select:after {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 1.5rem;  /* Preferred icon size */
      display: inline-block;
      line-height: 1;
      text-transform: none;
      letter-spacing: normal;
      word-wrap: normal;
      white-space: nowrap;
      direction: ltr;
      /* Support for all WebKit browsers. */
      -webkit-font-smoothing: antialiased;
      /* Support for Safari and Chrome. */
      text-rendering: optimizeLegibility;
      /* Support for Firefox. */
      -moz-osx-font-smoothing: grayscale;
      /* Support for IE. */
      font-feature-settings: 'liga';
      content: 'keyboard_arrow_down';
      color: #0B45E4;
      position: absolute;
      right: 0.5rem;
      top: 50%; transform: translateY(-50%);
      pointer-events: none;
}

#divRedeAgencias .ag-select select:focus,
#divRedeAgencias input:not([type="radio"]):not([type="checkbox"]):focus {background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);}
#divRedeAgencias .filtro-item { margin-bottom: 18px; align-items: center; flex-wrap: wrap;}
#divRedeAgencias .btPesquisar { border-radius: 10px !important; font-size: 1.25rem; background: var(--cor-principal2); color:#fff; margin: 20px auto 0;}
#divRedeAgencias .btPesquisar:hover { background-color: var(--cor-principal2-hover); }
#divRedeAgencias .btPesquisar:disabled { background:var(--cor-apoio5); opacity: .65; }

#divRedeAgencias #divFiltroCarregado { width: 90%; margin: 0 auto;}

/*Filtro sticky*/
#divRedeAgencias .resultado .card { padding: 20px 36px 28px;}
#divRedeAgencias .resultado .card.collapse.show { display: flex; }
#divRedeAgencias > #divFiltroAgencias.resultado {position:fixed; display: inline-block; top:90px; left:0; width: 100vw; z-index: 1}
#divRedeAgencias > #divFiltroAgencias.resultado #divFiltroCarregado .filtro-texto {display: none;}
#divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias #divFiltroCarregado { display: flex; flex-direction: row; flex-wrap: wrap; align-items:flex-start; width: 100%; }
#divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias .filtro-item { flex:1 1 0; flex-direction: column; align-items: flex-start; }
#divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias .filtro-item {margin-right: 1rem; margin-bottom: 0;}

#divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias .filtro-item.tipo-pesquisa {width: auto !important; max-width: 38% !important;
    display: flex; flex-direction: row; align-items: center; margin: 0; margin-top: 0.5rem;}

#divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias label {
    width: 100% !important;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

#divFiltroAgencias.resultado #fsFiltroAgencias .ag-select,
#divFiltroAgencias.resultado input:not([type="radio"]):not([type="checkbox"]),
#divFiltroAgencias.resultado textarea {
    width: 100%;
}

#divFiltroAgencias.resultado div.required {display: none;}
#divFiltroAgencias.resultado .validate-error:before {display: none;}
#divFiltroAgencias.resultado .validate-error {padding-left: 4px;}

#divRedeAgencias #divFiltroAgencias.resultado .ag-select select, #divRedeAgencias #divFiltroAgencias.resultado input:not([type="radio"]):not([type="checkbox"]), #divRedeAgencias #divFiltroAgencias.resultado textarea {
    min-height: 44px;
}

#divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias .btPesquisar {
    margin-left: auto;
    font-size: 1rem;
    padding: 6px 16px;
    margin: 25px auto 0;
}

#divRedeAgencias > #divFiltroAgencias.resultado + #divResultadoAgencias {margin-top: 170px;}


/* Resultado */
#divRedeAgencias > #divResultadoAgencias > div { margin: 0 0 10px 0; width: 100%; padding: 0px 10px 0px 0px;}
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias table {width: 100%; border:0; border-collapse: collapse;}
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias caption {display: none;}
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias table thead tr {  border-radius: 10px; }
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias th { color: var(--cor-principal); background:#EBF5FF; font-size: 0.95rem; border:0; padding:0.5rem 0.5rem; font-weight: normal; cursor: pointer; }
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias th:first-child { border-radius: 10px 0 0 10px; }
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias th:last-child { border-radius: 0 10px 10px 0;  padding-right: 1rem;}
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias td:last-child {  padding-right: 1rem; }
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias th,
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias tr td{ text-align:left;}
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias th:last-child,
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias tr td:last-child { text-align:center; }
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias td { border:0; padding: 0.5rem 0.5rem; font-size: 0.95rem; white-space: nowrap; text-align: center;}
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias tr {padding: 6px 5px; }
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias tfoot tr {background: #fff;}
#divRedeAgencias #divResultadoAgencias #divTabelaAgencias tfoot td {display: inherit !important;}

#divRedeAgencias a.icone-agencia-pin, #divRedeAgencias a.icone-agencia-pin:active, #divRedeAgencias a.icone-agencia-pin:hover {text-decoration:none;}
#divRedeAgencias .icone-agencia .icone, #divRedeAgencias a.icone-agencia-pin .icone {color:#0072BF; font-size: 1.75rem;}

/* Completa */
#divRedeAgencias > #divResultadoAgencias .legenda { float: left; margin: 0 0 0 5px; align-items:center; }
#divRedeAgencias > #divResultadoAgencias .legenda * { float: left; margin: 0 0 0 5px;}

#divRedeAgencias #divResultadoAgencias .iconeTipo { height: 18px; width: 18px; }
#divRedeAgencias #divResultadoAgencias .legenda .icone-agencia .icone {font-size: 1.75rem;}
/* #divRedeAgencias #divResultadoAgencias .iconeAgencia img { height: 21px; width: 26px;} */
/* #divRedeAgencias #divResultadoAgencias .iconePosto img { height: 21px; width: 26px;} */

/* Detalhe */
#divRedeAgencias > #divDetalheAgencia {line-height: 1.5rem;}
#divRedeAgencias > #divDetalheAgencia label span { font-weight: bold; }

/*#divDetalheAgencia label span { font-weight: bold; }
#divDetalheAgencia {background-color: rgba(0,0,0,0.2); position: absolute; width: 100%; height: 100%; top: 0;}
#divConteudoDetalheAgencia {background-color: #fff; position: absolute; width: 50%; top: 25%; left: 50%; transform: translateX(-50%); padding: 20px;}*/

#Resumido, #Completo {
    width: auto;
    text-align: left;
}

#labelResumido, #labelCompleto {
    width: auto !important;
    text-align: left !important;
    min-width: auto !important;
}
#labelResumido input, #labelCompleto input {margin-right: 0.5rem; }
.divRedeAgenciasCompleta { width: auto !important; }
.tituloLegenda{font-weight: 700;}


#divRedeAgencias #divResultadoAgencias #divTabelaAgencias .colunaOrdenacao {position: relative; padding-right: 1.75rem;}
.colunaOrdenacao:after { transition: transform 0.225s ease-in-out; }
.colunaOrdenacao:after { font-family: 'Material Icons';  font-weight: normal;
    font-style: normal;
    font-size: 1.5rem;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    content: 'keyboard_arrow_down';
    color: #0B45E4;
    position: absolute;
    right: 0.5rem;
}

.colunaOrdenacaoDescendente:after { transform-origin: center; transform: rotate(0deg) !important;}
.colunaOrdenacaoAscendente:after {  transform-origin: center; transform: rotate(180deg) !important;}

.tdLabel {display: none; font-weight: bold; padding-right: 0.25rem;}

.filtro-mobile {
    position: fixed;
    bottom: 1.85rem;
    right: 1.25rem;
    color: #efefef;
    background: var(--cor-principal2);
    border-radius: 10px;
    z-index: 1;
    display: none;
    font-size: 1.25rem;
    padding: 0.5rem 1rem;
}

.filtro-mobile .icone {
    font-size: 1.5rem;
    padding-left: 0.5rem;
    display: block;
}

.filtro-mobile .icone:after {transition: transform 0.225s ease-in-out; transform-origin: center; content: 'keyboard_arrow_down'; }
.filtro-mobile[aria-expanded="false"] .icone:after { transform: rotate(180deg); }
.filtro-mobile[aria-expanded="true"] .icone:after {transform: rotate(0deg); }

/*Modal e validação*/
.modal-backdrop {z-index: 2025;}
.modal-open { padding-right: 0px !important; }

#divRedeAgenciasModal.modal {top: 50%; transform: translateY(-50%); z-index: 2099; padding-right: 0 !important;}

.validate-error, .required {color: red;}
.validate-error {width: 100%;}
.validate-error:before {display: inline-block; width:21%; content: '';}

/*desktop*/
@media (min-width: 1199.99px) {
    #divRedeAgencias .resultado .card.collapsing {height: auto !important;}

}

/* tablet*/
@media (max-width: 1199.98px) {
    #divRedeAgencias #divResultadoAgencias #divTabelaAgencias table thead {display: none;}
}

/* mobile */
@media (max-width: 767.98px) {
    #divRedeAgencias .card { padding: 24px 32px 20px; }

    #divRedeAgencias .filtro-item { flex-direction: column; align-items: flex-start;}

    #divRedeAgencias label {width: 100%;}

    #divFiltroAgencias #fsFiltroAgencias .ag-select,
    #divFiltroAgencias input:not([type="radio"]):not([type="checkbox"]),
    #divFiltroAgencias textarea {
        width: 100%;
    }

    #divRedeAgencias > #divFiltroAgencias > #fsFiltroAgencias .btPesquisar,
    #divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias .btPesquisar { margin: 0.5rem auto; }

    /* resultado */
    #divRedeAgencias .resultado .filtro-mobile {display: flex; align-items: center;}

    #divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias #divFiltroCarregado { flex-direction: column; align-items:normal; flex-wrap: nowrap;}

    #divRedeAgencias .resultado .card { padding: 24px 32px; }
    .tdLabel {display: inline-block;}

    #divRedeAgencias > #divFiltroAgencias.resultado {display:inline-block; top:initial; bottom:80px; left:1.5rem; width: calc(100vw - 3rem); z-index: 1; transition: transform 0.225s ease-in-out;}
    #divRedeAgencias > #divFiltroAgencias.resultado + #divResultadoAgencias {margin-top: 0;}

    #divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias #divFiltroCarregado.collapse {display: none; height: 0;}
    #divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias #divFiltroCarregado.collapsing {height: 0;}
    #divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias #divFiltroCarregado.collapse.show {display: flex; max-height: 70vh; height: auto; overflow-y: scroll;}

    #divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias .btPesquisar { font-size: 1.25rem; }

    #divRedeAgencias > #divFiltroAgencias.resultado > #fsFiltroAgencias .filtro-item { margin-right: 0; margin-bottom: 1rem; }

    #divRedeAgencias > #divResultadoAgencias > div {padding:0; margin:0;}

    #divRedeAgencias #divResultadoAgencias #divTabelaAgencias table {display: flex; max-width: 100vw;}
    #divRedeAgencias #divResultadoAgencias #divTabelaAgencias tbody {display: flex; flex-direction: row; flex-wrap: wrap; max-width: 100vw;}
    #divRedeAgencias #divResultadoAgencias #divTabelaAgencias tr { display: flex; flex-direction: row; flex-wrap: wrap; }
    #divRedeAgencias #divResultadoAgencias #divTabelaAgencias td  { display: inline-block; padding: 0.25rem 0.5rem; font-size: 1.25rem; white-space: normal; }

    #divRedeAgencias #divResultadoAgencias #divTabelaAgencias #tbodyTabelaAgenciasResumida tr td:nth-child(2) { flex: 1 1 calc(100% - 50px); font-size: 1.5rem;}
    #divRedeAgencias #divResultadoAgencias #divTabelaAgencias #tbodyTabelaAgenciasResumida tr td:nth-child(7) .icone-agencia-pin {display: flex; align-items: center;}

    /*Modal e validação*/

    .validate-error:before {display: none; width:21%; content: '';}
    .validate-error {padding-left: 4px;}

}