@import "demo.css";

body {
  background-color:#fafafa !important;
  color:#333;
}
.ui-datepicker{ z-index: 9999 !important;}
.container_12 {
  
}
.data {
  width: 90px !important;
}
.logo-ionews {
  width: 100%;
  height: 80px;
  background:url(../images/logo_alagoas.png) center center no-repeat
}
input[type="text"]:hover,input[type="password"]:hover {
  border:1px solid #0088aa;
}

input[type="text"],input[type="password"] {
  border:1px solid #E7E7E7;
  background:#fff;
}

input[type="submit"], input[type="button"] {
  background:#37abc8;
  color:#fff;
}

input[type="submit"]:hover, input[type="button"]:hover {
  background:#0088aa;
}

.preview-box {
  /*background: #c8e5ed;*/
}
.subsecao span {
  background: #fafafa;
}

.ui-widget-header {
  border: 1px solid #0088aa;
  background-color: #0088aa !important;
  color: #ffffff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  color: #0088aa;
}



@media only screen and (min-width: 768px) {

  .marcador {
    width: 50%;
    min-height: 25px; 
    padding-bottom: 10px;
    margin-left: 50%;
    border: none;
    margin-bottom: -27px;
    margin-top: -10px;
  }

  .marcador h2{
    display: block;
  }

  .downloads li {
    width: 45%;
  }
}

@media only screen and (min-width: 1140px) {

  .marcador {
    width: 50%;
    min-height: 25px; 
    padding-bottom: 10px;
    margin-left: 50%;
    border: none;
    margin-bottom: -27px;
    margin-top: -10px;
  }
  .marcador h2{
    display: inline-block;
  }

  .downloads li {
    width: 30%;
  }
  .submit-block {
    width: 85px;
    margin-left: 20px;    
  }
}


/*FAQ*/
.faq-box, .esqueci-box {
  background-color: #FFFFFF;
  border: solid 1px #efefef;
  border-radius: 5px;
}

.faq-content, .esqueci-content {
  padding: 30px;
}

.faq-content h3{
  color: #0088aa;
  font-size: 1.6em;
  margin: 0;
}

.faq-content strong, .faq-content b {
  color: #000;
}

.faq-main h2 {
  font-size: 1.8em;
  margin: 0 0 20px 0 !important;
  padding-left: 10px;
}

.field-search-faq {
  float: right;
  margin-bottom: 10px;
}

.field-search-faq .input-big {
  margin-right: 5px; 
}

.faq-content .btn , .faq-footer .btn{
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 400;
  background: #37abc8;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 7px 15px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  border: none;
  transition: all .25s linear;
}

.faq-content .btn:hover{
   background:#0088aa;
}

.left {
  float: left;
  width: 77%;
}

.right {
  float: right;
  margin-bottom: 10px;
  /* width: 15%; */
  position: relative;
  bottom: 10px;
  left: 220px;
  top: -30px;
}

.faq-footer {
  padding: 10px;
}

.faq-footer ul{
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  padding: 0;
  margin: 0 0 10px 25px;
}

.faq-footer ul>li {
  display: inline;
  line-height: 20px;
  border-radius: 0 !important;
}

.faq-footer ul>li>a, .faq-footer ul>li>span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0;
}


.faq-footer ul>li:first-child>a, .faq-footer ul>li:first-child>span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.faq-footer ul>.active>a, .faq-footer ul>.active>span {
  color: #999;
  cursor: default;
}

.faq-footer ul>li>a:hover, .faq-footer ul>li>a:focus, .faq-footer ul>.active>a, .faq-footer ul>.active>span {
  background-color: #f5f5f5;
}

.faq-footer ul>.disabled>span, .faq-footer ul>.disabled>a, .faq-footer ul>.disabled>a:hover, .faq-footer ul>.disabled>a:focus {
  color: #999;
  cursor: default;
  background-color: transparent;
}

.topbar {
  background: #FFFFFF;
  text-align: right !important;
  padding: 0 0 0 95px;
}

.topbar ul {
  padding: 0 5% 0 0;
  margin: 0;
  list-style: none;
}

.topbar ul li {
  padding: 0;
  display: inline-block;
  padding: 3px 10px 3px 10px;
  margin: 0 -25px 0 10px;
}

.topbar ul li a {
  color: #000;
  text-decoration: none;
}

.topbar .container {
  width: 1170px;
}


.submit-block-w {
    width: 100%;
    text-align: left;
    margin-left: 20px;
  }
  .submit-block-w .btn {
    float: right;
    margin-right: 50px;
  }



.ui-datepicker .loadover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,.5);
  text-align: center;
  color: #fff;
  line-height: 200px;
  z-index: 99999;
}
.ui-datepicker.carregando-dias .loadover {
  display: block !important;
}