/********************************************/
/****************** GERAL *******************/
/********************************************/

body
{
  font-family: "Roboto";
}

.logoSimples
{
  width: 4rem;
}

.esconder
{
  display: none;
}

input
{
  font-size: .8rem !important;
}

select
{
  font-size: .8rem !important;
}

textarea
{
  font-size: .8rem !important;
}

.form-control-color
{
  width: 1.50rem;
  border-radius: .35rem;
  border: 1px solid #d1d3e2;
  background-color: #fff;
  height: calc(1.5em + .1rem + 4px);
  padding: .2rem .2rem;
}

pre
{
  overflow: hidden;
}

.dropdown-item:hover, .dropdown-item:focus
{
  color: #2e2f37;
  text-decoration: none;
  background-color: #154e77;
}

.label-campo
{
  font-size: .8rem !important;
}

.texto-pequeno
{
  font-size: .8rem !important;
}

*:disabled
{
  cursor: not-allowed;
}


/********************************************/
/************ LOADING DA PƁGINA *************/
/********************************************/

div#loader
{
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left:0px;
  background-color: #52cbf5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #52cbf5), to(#022750));
  background-image: linear-gradient(180deg, #52cbf5 10%, #022750 100%);
  background-size: cover;
}
.loading
{
  display: inline-block;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading:after
{
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring
{
  0%
  {
    transform: rotate(0deg);
  }
  100%
  {
    transform: rotate(360deg);
  }
}


/********************************************/
/************ IMAGENS BACKGROUND ************/
/********************************************/

@media only screen and (min-width: 854px) and (max-width: 1279px)
{
  .fundo-apas
  {
    background-image: url('../upload/background/LOGO_APAS_xs.png');
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1366px)
{
  .fundo-apas
  {
    background-image: url('../upload/background/LOGO_APAS_sm.png');
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

@media only screen and (min-width: 1367px) and (max-width: 1920px)
{
  .fundo-apas
  {
    background-image: url("../upload/background/LOGO_APAS_md.png");
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

@media only screen and (min-width: 1921px)
{
  .fundo-apas
  {
    background-image: url("../upload/background/LOGO_APAS_lg.png");
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center center;
  }
}


/********************************************/
/************* CORES BACKGROUND *************/
/********************************************/

.bg-gradient-apas
{
  background-color: #52cbf5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #52cbf5), to(#022750));
  background-image: linear-gradient(180deg, #52cbf5 10%, #022750 100%);
  background-size: cover;
}

.bg-transparent
{
  background-color: transparent;
}

.bg-apas
{
  background-color: #52cbf5;
}


/********************************************/
/*************** CORES TEXTOS ***************/
/********************************************/

.text-apas
{
  color: #154e77;
}

.text-success-dark
{
  color: green !important;
}

.text-warning-light
{
  color: #EDDD29 !important;
}
.text-warning-light:hover
{
  color: #F6C23E !important;
}

.text-blue-light
{
  color: #04c2c9;
}

.text-orange
{
  color: #e39414;
}


/********************************************/
/*************** CORES BORDAS ***************/
/********************************************/

.border-left-apas
{
  border-left: 0.25rem solid #154e77 !important;
}


/********************************************/
/****************** BOTĆ•ES ******************/
/********************************************/

.btn-apas
{
  color: #FFFFFF;
  background-color: #022750;
  border-color: #022750;
}
.btn-apas:hover
{
  color: #FFFFFF;
  background-color: #315277;
  border-color: #315277;
}

.btn-link-apas
{
  font-weight: 400;
  color: #022750;
  text-decoration: none;
}

.btn-transparente
{
  background: transparent;
  border: none;
}

.btn-xlsx
{
  color: #0abf00 !important;
}
button.btn-xlsx:focus, a.btn-xlsx:hover
{
  color:#08a100!important;
}

.btn-csv
{
  color: #1cc88a !important;
}
button.btn-csv:focus, button.btn-csv:hover
{
  color:#13855c!important;
}

.btn-pdf
{
  color: #db0000 !important;
}
button.btn-pdf:focus, button.btn-pdf:hover
{
  color:#b00202!important;
}

.btn-clipboard
{
  color: #0004e3 !important;
}
button.btn-clipboard:focus, button.btn-clipboard:hover
{
  color:#0003ad!important;
}

.btn-print
{
  color: #4d4f4e !important;
}
button.btn-print:focus, button.btn-print:hover
{
  color:#191a19!important;
}


/********************************************/
/****************** LABELS ******************/
/********************************************/

.label
{
  display: inline-block;
  padding: 2px 4px 0px 4px;
  line-height: 1.5384616;
  border: 1px solid transparent;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.1px;
  border-radius: 2px;
  color: #FFFFFF;
  font-weight: bold;
}
.label:hover a
{
  color: #C0C0C0;
  text-decoration: none;
}

.label-disabled
{
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.label-disabled:hover
{
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.label-primary
{
  background: #2196F3;
}

.label-dark
{
  background: #000000;
}

.label-default
{
  background: #999999;
}

.label-success
{
  background: #4CAF50;
}

.label-danger
{
  background: #FF0000;
}

.label-warning
{
  background: #FFC300;
}

.label-apas
{
  background: #022750;
}


/********************************************/
/****************** MODALS ******************/
/********************************************/

.tamanhoModal
{
  height: 72vh;
}

.modal-header
{
  background: #5b738d;
  color: #ffffff;
  border-top-left-radius: .2rem;
  border-top-right-radius: .2rem;
}

.close
{
  color: #ffffff;
  opacity: 1;
  text-shadow: 0 0 transparent;
}
.close:hover
{
  color: #ff0000;
  opacity: 1;
  text-shadow: 0 0 transparent;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus
{
  opacity: 1;
}


/********************************************/
/***************** TABELAS ******************/
/********************************************/

.tituloTabela
{
  font-size: 12px;
}

.conteudoTabela
{
  font-size: 12px;
}


/********************************************/
/**************** DATATABLES ****************/
/********************************************/

table.dataTable > tbody > tr.child span.dtr-title
{
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
  font-size: 12px;
}


/********************************************/
/****************** OUTROS ******************/
/********************************************/

.descricao
{
  line-height: 35px;
  font-weight: bold;
}

.semRedimensionar
{
  resize: none;
}

.espacoLinha
{
    margin-bottom: 15px;
}

.iconeInfo
{
  font-size: 12px;
}


/********************************************/
/****************** AVISOS ******************/
/********************************************/

.div-avisos
{
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 5000;
}