body{font-family: 'Oswald', sans-serif;}
p,span,label,legend,td,th{cursor: default;}
header, main, footer {
  padding-left: 300px;
}

.bg{background-image: url('http://www.itabuna.ba.gov.br/wp-content/uploads/2019/02/Prefeitura-de-Itabuna-prepara-projetos-para-ampliar-e-melhorar-ilumina%C3%A7%C3%A3o-p%C3%BAblica-no-munic%C3%ADpio-Foto-Waldir-Gomes-3-1488x1200.jpg'); background-size: cover;}

@media only screen and (max-width : 992px) {
  .bg{background-image: none;}
  header, main, footer {
    padding-left: 0;
  }
}

.container{width: 90%;}
#slide-out li a{padding:0 16px;}
#slide-out ul ul ul .collapsible-body ul li a{padding-left: 43px !important;}

.iziModal-overlay{z-index: 999 !important;}
.iziModal{z-index: 1000 !important;}

.jqte_editor ul, .jqte_editor ol{padding-inline-start: 15px; margin:0px;}
.jqte_editor ul > li{list-style-type: disc;}

@media only screen and (max-width: 992px){
  #slide-out{
    border-radius: 0 5px 0 0;
    top: 10px;
  }
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* GENÉRICOS */

.bg-main{background-image: url('../img/main_back.jpg');}

hr{ width: 80px; border: none; height: 2px;}
iframe {}

fieldset {border-width: 1px;border-style: dotted; margin:0 0 20px 0;}
legend{padding:0 5px;}

.pointer{cursor: pointer;}

/* CUSTOM MATERIALIZE */
.row{ margin-bottom: 0px; }
blockquote{border-color: #ffd200 !important;}

/* STYLE TEXT */
.fs10{font-size: 10px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs20{font-size: 20px !important;}
.fs22{font-size: 22px !important;}
.fs24{font-size: 24px !important;}
.fs25{font-size: 25px !important;}
.fs26{font-size: 26px !important;}
.fs28{font-size: 28px !important;}
.fs30{font-size: 30px !important;}
.fs32{font-size: 32px !important;}
.fs34{font-size: 34px !important;}
.fs35{font-size: 35px !important;}
.fs36{font-size: 36px !important;}
.fs38{font-size: 38px !important;}
.fs40{font-size: 40px !important;}
.fs42{font-size: 42px !important;}
.fs44{font-size: 44px !important;}
.fs45{font-size: 45px !important;}
.fs46{font-size: 46px !important;}
.fs48{font-size: 48px !important;}
.fs50{font-size: 50px !important;}
.fs52{font-size: 52px !important;}
.fs54{font-size: 54px !important;}
.fs55{font-size: 55px !important;}
.fs56{font-size: 56px !important;}
.fs58{font-size: 58px !important;}
.fs60{font-size: 60px !important;}
.fs70{font-size: 70px !important;}
.fs80{font-size: 80px !important;}
.fs90{font-size: 90px !important;}
.justify{text-align: justify !important;}
.bold{font-weight: 700 !important;}
.light{font-weight: 200 !important;}

.lh10{line-height: 10px !important;}
.lh20{line-height: 20px !important;}
.lh24{line-height: 24px !important;}
.lh26{line-height: 26px !important;}
.lh30{line-height: 30px !important;}
.lh55{line-height: 55px !important;}

.p0{padding:0px !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}
.p40{padding:40px !important;}
.p50{padding:50px !important;}
.p60{padding:60px !important;}

.w10{width: 10% !important;}
.w20{width: 20% !important;}
.w30{width: 30% !important;}
.w40{width: 40% !important;}
.w50{width: 50% !important;}
.w60{width: 60% !important;}
.w70{width: 70% !important;}
.w80{width: 80% !important;}
.w90{width: 90% !important;}
.w95{width: 95% !important;}
.w100{width: 100% !important;}

.h10{height: 10% !important;}
.h100{height: 100% !important;}

.vh{min-height: 100vh; height: 100%;}
.vw{width: 100vw !important;}

.d-inline-block{display: inline-block; }

.rounded-5{border-radius: 5px;}
.rounded-10{border-radius: 10px;}
.rounded-50{border-radius:50px;}
.rounded-50per{border-radius:50%;}

.border-f1{border: 1px #f1f1f1 solid;}

.border-top{border-style: solid; border-width: 3px 0 0 0; padding-bottom: 0.2rem;}
.border-left{border-style: solid; border-width: 0 0 0 5px; padding-left: 1.5rem;}
.border-right{border-style: solid; border-width: 0 5px 0 0; padding-right: 1.5rem;}
.border-bottom{border-style: solid; border-width: 0 0 1px 0; padding-bottom: 0.2rem;}
.border-white {border-color:#fff;}
.border-yellow {border-color:#ffd200;}
.border-blue {border-color:#1565C0;}
.border-cyan{border-color: #00bcd4;}
.border-red {border-color:#de1b1e;}
.border-grey {border-color:#ccc;}
.border-green {border-color:#4caf50;}
.border-indigo{border-color: #3f51b5;}
.border-black{border-color: #000;}

.bg-yellow { background-image: url('../img/bg-yellow.png'); }
.bg-blue { background-image: url('../img/bg-blue.png'); }
.bg-green { background-image: url('../img/bg-green.png'); }
.bg-green2 { background-image: url('../img/bg-green2.png'); }
.bg-orange { background-image: url('../img/bg-orange.png'); }
.bg-grey { background-image: url('../img/bg-grey.png'); }
.bg-white { background-image: url('../img/bg-white.png'); }
.bg-red { background-image: url('../img/bg-red.png'); }
.bg-texture { background-image: url('../img/bg-pattern.png'); }

.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}

.bottom{bottom: 0px !important; position: absolute;}

.absolute {position: absolute;}
.relative {position: relative;}

.hover:hover{opacity: 0.9;}

.pointer{cursor: pointer;}

.no-padding{padding:0px !important;}
.no-margin{margin:0px !important;}

.valign-middle{vertical-align: middle;}