/* 
    Created on : 03/04/2017, 22:05:23
    Author     : SS-Sistemas
*/

body{
  /*  background: #eee; */
  background: #fff;
}

.navbar, .navbar-default, .dropdown-menu{
    background: #4c4c4c;
    border: none;
}

.nav>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li{
  border-bottom: 3px solid transparent;
}
.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  border-bottom: 3px solid transparent;
  background: none;
}
.navbar a, .navbar-default, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-toggle{
 color: #fff;
}
.dropdown-menu{
      -webkit-box-shadow: none;
    box-shadow:none;
}

.nav li:hover:nth-child(8n+1), .nav li.active:nth-child(8n+1){
    border-bottom: #33ff33 3px solid;
}
.nav li:hover:nth-child(8n+2), .nav li.active:nth-child(8n+2){
    border-bottom: #ffff00 3px solid;
}
.nav li:hover:nth-child(8n+3), .nav li.active:nth-child(8n+3){
  border-bottom: #FECF71 3px solid;
}
.nav li:hover:nth-child(8n+4), .nav li.active:nth-child(8n+4){
  border-bottom: #F0776C 3px solid;
}
.nav li:hover:nth-child(8n+5), .nav li.active:nth-child(8n+5){
  border-bottom: #DB9DBE 3px solid;
}
.nav li:hover:nth-child(8n+6), .nav li.active:nth-child(8n+6){
  border-bottom: #C49CDE 3px solid;
}
.nav li:hover:nth-child(8n+7), .nav li.active:nth-child(8n+7){
  border-bottom: #669AE1 3px solid;
}
.nav li:hover:nth-child(8n+8), .nav li.active:nth-child(8n+8){
  border-bottom: #62C2E4 3px solid;
}

.navbar-toggle .icon-bar{
    color: #fff;
    background: #fff;
}


@media screen and (max-width:767px){
    /* header .contato .mailtopo, header .contato .dados .campo .siga{display:none;}
    header .dados-menu ul{display:none;} */
    .no-mobile-ss{display:none;}
}


@media (max-width: 480px){
    #box-banner{
        min-height: 300px;
    }
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
 /* background-color: #f5f5f5; */
}

.jumbotron {
  text-align: center;
  background-color: transparent;
}

.alert{
    background: #f5f5f5;
}

.form-consulta-ss{
    border: 0px solid #fff; 
    padding: 50px 60px; 
    margin-top: 5vh;
}

.form-consulta-ss-2{
    border: 1px solid #669AE1; /*#fff;  */
    margin-top: 10%; /* 9vh; */
}

.form-container_desabilitado{border: 0px solid #fff; padding: 50px 60px; margin-top: 20vh;
    -webkit-box-shadow: -1px 4px 26px 11px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 4px 26px 11px rgba(0,0,0,0.75);
    box-shadow: -1px 4px 26px 11px rgba(0,0,0,0.75);
}
/* Altera apenas o tr do tbody */
.table-striped > tbody > tr {
    background-color: #cccccc;
}

/* Barra ao passar o mouse */
.table-hover > tbody > tr:hover {
    background-color: #99ff00; /* Verde #009900;*/
    color: #fff;
}

.row-ss{padding-top: 5px;}


/* ícone a esquerda e a direita da caixa de texto. */
.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 9px 12px;
    pointer-events: none;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}
/* . = class*/ 
.print {
display:none;
}

.no-print { 
display:block; 
}
/* #= id*/ 
hr#assinatura{
    border-color: #000; 
}

/* Exemplos
<div class="left-inner-addon ">
    <i class="icon-user"></i>
    <input type="text"
           class="form-control" 
           placeholder="Username" />
</div>
<div class="right-inner-addon ">
    <i class="icon-search"></i>
    <input type="search"
           class="form-control" 
           placeholder="Search" />
</div>


<br/>

<p>Smaller:</p>
<div class="col-xs-6" >
    <div class="left-inner-addon">
        <i class="icon-user"></i>
        <input type="text"
               class="form-control" 
               placeholder="Username" />
    </div>
</div>
<div class="col-xs-6" >
    <div class="right-inner-addon">
        <i class="icon-search"></i>
        <input type="search"
               class="form-control" 
               placeholder="Search" />
    </div>
</div>


FIM ícone a esquerda e a direita da caixa de texto. */