html, body {
  height: 100%;
  background-color:#3a90e8;
}

#wrap-all {
  position: relative;
  top:60px;
}

#content {
  padding-bottom: 0px;  
}

/* PANELS - Quadros que ficam abaixo do subheader */
.panel { padding:0px 5px 5px 5px; background-color:transparent; }
.row .panel:first-child { padding-left:10px; }
.row .panel:last-child { padding-right:10px; }
.panel>div { background-color: #F8F8F8; min-height:100px; background-size: cover; background-position: center; }
.panel>div.cover { min-height: 400px; }

.feature, .pads { padding:25px 10px 25px 10px;  }
.feature h2 { font-weight: 700; font-size: 34px; line-height: 120%; text-transform: uppercase; }
.feature p { font-size: 18px; }
div>.feature { min-height:280px; }

.grid-line { border-bottom:#DDD solid 1px; padding:15px 0 15px 0; }
.grid-line:nth-child(even)  { background-color: #EEE; }
h5 { line-height: 150% }

footer { display:none; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

/* COLORS */
.dark, .gray { background-color:#333; }
.green { background-color: #74C374; }
.orange, .primary { background-color: orange; color:white; }
.red { background-color: #EF5350; }
.blue { background-color: #1565C0; }
.yellow { background-color:#F2B968; }
.transparent { background: transparent; }


/* Mensagem de aviso */
#wrap-message {
  width: 100%;
  height: 40px; 
  display:block; 
  position: absolute; 
  top:0; left:0; 
  z-index: 10000; 
  color:white;
  margin:auto;
  text-align: center;
  padding:8px;
  display:none;
}

/*  NAVBAR PERSONALIZADA */
.navbar {border:0px; margin-bottom:0px; font-size:12px; font-weight: bold; text-transform:  uppercase;}
.navbar-inverse .navbar-nav .open .dropdown-menu { border:0px; font-size: 12px }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { padding: 16px; }


.float-left {float:left;}
.float-right {float:right;}
.inline-block { display: inline-block; }

#logo { margin-top:-35px; height:90px; }



/* VERIFICAR - toggle menu */
#wrapper {
    transition: all .4s ease 0s;
    height: 100%;
    padding-left:50px;
}

#sidebar-wrapper {
    margin-left: -200px;
    left: 0px;
    width: 250px;
    background-color: #354052;
    position: fixed;
    height: 100%;
    transition: all .4s ease 0s;
}
#wrapper.active {
    padding-left: 250px;
}
#wrapper.active #sidebar-wrapper {
    left: 200px;
}

.sidebar-nav {
    display: block;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
#page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
}
#page-content-wrapper {
  width: 100%;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    width: 100%;
    color: #a0acbf;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;
}
.sidebar-nav li a:hover,
.sidebar-nav li.active a:hover { color:white; }
.sidebar-nav li {
  line-height: 55px;
  text-indent: 20px;
  border-right:5px solid transparent;
  font-size:16px;
  font-weight: 300;
}
.sidebar-nav .fa {
  font-size:20px;
  float:right;
  padding:18px 18px 0px 0px;
}

.sidebar-nav li:hover,
.sidebar-nav li.active {
  border-right: solid 5px #2196F3;
  background-color:#253042;
  text-decoration: none;
}
.sidebar-nav li.admin:hover,
.sidebar-nav li.admin.active {
  border-right: solid 5px #F44336;
}

@media (max-width:767px) {
    #sidebar-wrapper {
        position: absolute;
    }
}




/* LIGHT BACK FORM */
.form-admin select,
.form-admin input[type="text"],
.form-admin input[type="number"],
.form-admin input[type="email"],
.form-admin input[type="password"] {
  background-color:transparent;
  padding: 6px;
  font-size: 14px;
  width: 100%;
  color: #222;
  border:1px solid #CCC;
  border-radius:8px;
}

.form-dark-back input[type="text"],
.form-dark-back input[type="email"],
.form-dark-back input[type="password"] {
  background-color:white;
  padding: 25px 20px 25px 20px;
  font-size: 22px;
  width: 100%;
  color: #333;
}
.form-dark-back .btn { width:100%; }
.form-dark-back a { color:white; }

/* LIGHT BACK FORM */
.form-light-back select,
.form-light-back input[type="text"],
.form-light-back input[type="email"],
.form-light-back input[type="password"] {
  background-color:transparent;
  padding: 20px 10px 20px 10px;
  font-size: 16px;
  width: 100%;
  color: #222;
  border:1px solid #CCC;
}
.form-light-back .btn { width:100%; padding: 10px; }
.form-light-back a { color:black; }

.show-ff { display:none; }
@-moz-document url-prefix() {
    .show-ff { display:inline-block; }
}

/* INTERFACE LOGIN */
.login { padding:60px 15px 10px 15px; margin:20px 0px 20px 0px; min-height: 600px; background-color: #F8F8F8; }
.login h2 { text-align: center; text-transform: uppercase; padding:10px 0px 30px 0px; }

/* DONUT */
.donut-cell { position:relative; text-align: center; margin: auto; }
.donut-text {  margin:auto; position:absolute; text-align: center; top:2px; left:2px; }


header span { color: white; font-size: 18px; padding:0; margin:0; }

/* GERAL */
.sub-header { background-color:#3a90e8; color:white; line-height: 92px; }
.sub-header .btn-white { color:#3a90e8; }
.sub-header h1 {
  font-weight: bold;
  font-size: 42px;
  margin:26px;
  text-transform: uppercase;
}

/* BUTTONS */
.btn-white { color: black; background-color:white; }
.btn-translucid { color: white; background-color:rgba(255,255,255,0.4); }


/* MOBILE*/
@media (max-width:819px) {
  .sub-header { line-height: 32px; padding:15px 0 15px 0; }
  .sub-header h1 { font-size: 32px; line-height:26px; margin:10px 10px 15px 0px; }
  .sub-header .btn { margin:0px; }
  .panel { padding:0px 5px 10px 5px; }
  .row .panel:first-child { padding:0px 5px 10px 5px; }
  .row .panel:last-child { padding:0px 5px 10px 5px; }

    footer { display:block; }
    footer>div {
      background-color: #f0f0f0;
      height: 50px;
      position:fixed;
      width: 100%;
      bottom:0px;
      display:block;
    }
    footer a>div {
      color: #333;
      font-size: 10px;
      text-transform: uppercase;
      text-align: center;
      border-top: 3px solid #ccc;
      width: 100%;
    }
    footer a>div>span.fa { font-size: 20px; padding:9px 2px 0px 2px; }
    footer a.active>div { color:#3a90e8; border-top:solid #3a90e8; }
    #wrap-all { padding-bottom:50px; }
}