input[required], select[required], textarea[required] {
    border-left: 2px solid rgba(116,29,31,1.00);
}



body {color:rgba(0,0,0,.7); background-color:#ecf0f5;min-height:100vh;}
a {color:#337ab7}


.full-screen {  max-width: 800px;  width: 100%;  max-height: 600px;  height: 100%;}

#cadastroForm label{ margin-top: .3rem}

.ttk{ display: none}

.panel-default .fas.fa-trash-alt, 
.panel-default .fa.fa-times { color: #FF0000}
.ok{ color: #1aa250}
.no{ color: #FF0000}

.section {

}

@media (min-width: 1200px){
  .container {
    max-width: 90%;
  }
}


 .valido { border: 1px solid green; }
.invalido { border: 1px solid red; }
.invalidoAlert{ background-color: #FF0000; color: #FFF}

.status-servico { border: 1px solid #000; padding: 2px; display: inline-block}
.status-servico.aguardando { background-color: #d1ecf1}
.status-servico.aprovado { background-color: #d4edda}
.status-servico.ressalvas { background-color: #fff3cd}
.status-servico.reprovado { background-color: #f8d7da}

.notifications {
    position:absolute;
    top:5px;
    right:0px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#ff2c74;
    color:#fff;
    line-height:16px;
    text-align:center;
}


.table-bordered{ margin-bottom: 0px}

.table-bordered thead td, 
.table-bordered thead th {}

.table-bordered thead th { text-align: center}


body .ui-tooltip, .arrow:after {    background: black;    border: 2px solid white;  }
  body .ui-tooltip {    padding: 10px 20px;    color: white;    border-radius: 20px;    font: bold 12px "Helvetica Neue", Sans-Serif;    text-transform: uppercase;    box-shadow: 0 0 7px black;  }
  body .arrow {    width: 70px;    height: 16px;    overflow: hidden;    position: absolute;    left: 50%;    margin-left: -35px;    bottom: -16px;  }
  body .arrow.top {    top: -16px;    bottom: auto;  }
  body .arrow.left {    left: 20%;  }
  body .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; 
     -webkit-transform: rotate(45deg); 
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); 
  }
  
  body .arrow.top:after {    bottom: -20px;    top: auto;  }


.col-search{}

.section-main legend{ background-color: #D9EDF7; padding: 15px; }
.section-main .panel{ width: 100%}

#painel-botoes-wrapper{ width: 100%; margin-bottom: 15px;}

#painel-busca { margin-top: 20px; margin-bottom: 20px; padding: 10px; border: 1px solid #ccc}
#painel-busca form{ margin: 0px}

#painel-titulo{ background-color: #DBDBDB; padding: 10px; margin-bottom: 10px}
#painel-titulo h1{ font-size: 22px; margin-bottom: 0px}

.paginacao{ margin: 0 auto}
.pagination .page-link {color: #337ab7;}
.pagination .page-item.active .page-link { color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7;}


.btn-default { color: #333; background-color: #fff; border-color: #ccc;}

.panel-default {  border: 0 solid rgba(0,0,0,.125);}
.panel { margin-bottom: 20px; background-color: #fff; /*border: 1px solid transparent;*/ border-radius: 6px; box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    margin-bottom: 1rem;}


.section-topo{ background-color: #f8f9fa; padding-top: 5px; padding-bottom: 5px; 
               background-image: linear-gradient(to bottom, #DDDDDD 1%, #fff 60%);
               box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
              }

.section-topo .navbar-light .navbar-nav .nav-link { font-size: 22px; color:rgba(0,0,0,.9); transition: all 300ms; padding-left: 10px; padding-right: 10px; position: relative}
.section-topo .navbar-light .navbar-nav .nav-link:hover{ background-color: #E8EBEE; outline: 1px solid #D2D8DF}

.section-topo .bg-light{background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); border: 1px solid #d4d4d4; border-radius: 4px; width: 100%}

@media screen and (min-width:800px){
.section-main { padding-top: 15px; padding-bottom: 15px;margin-left:260px;}
}

@media screen and (max-width:799px){
.section-main { margin-top:10px;}
}

.section-main legend{
    background-color:#00c0ef;
    color:white;
}


footer{      bottom: 0;
        position: fixed;
        width: 100%;
        text-align: left;
        align-items:center;
    background-color:white;
    padding-left:300px;
    
}

@media screen and (max-width:600px){
    footer{
       text-align: center;   
       padding-left:0;
    }
}
footer p{
    color:gray;
    font-weight:600;
}
#loginbox{
  margin-top:50px;
   margin-bottom:50px;
}
@media screen and (max-width:600px){
    .btn{
        width:100%;
    }
}
.input-group .mb-3{
    border-bottom:solid 3px #0097bc;
}

.card-header{
    border-top:solid 3px #0097bc;background-color:#00c0ef;
}

.card-title, .card-title a{
    color:white
}


.cabecalho-interno{
    position: fixed;
    top: 0;
    left: 0;
width:230px;
    min-height: 100%;
    
    z-index: 810;
    background-color:#1a2226;
}
@media screen and (max-width:800px){
    .cabecalho-interno{
       display:none; 
    }
}

.btn .btn-secondary .dropdown-toggle{
     color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
    width:230px;
    border-radius:0;
    
}
.nav-item{
  color: #b8c7ce;
  background-color: #1e282c;
  border-color: #6c757d;
  display:inline-flex;
}
.nav-item:hover,.nav-item:hover a,.nav-item:hover .fa, .nav-item:hover .fas{
  color: #fff;
  background-color: #1a2226;
  border-color: #6c757d;

}

.nav-item a{
  color: #b8c7ce;
}
.nav-item a:hover{
  color: #fff;
}
.dropdown-item{
    color: #1a2226 !important; 
}
.nav-item .fa, .nav-item .fas{
    background-color: #1e282c;
   align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-left:10px;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{
    box-shadow:none !important;
}
.dropdown-item.lista{
    background-color:white !important;
}


.btn-default,.btn-info{
    background-color:#00c0ef;
    border-color:#00acd6;
    color:white;
    
}
input[required], select[required], textarea[required]{
    border-left: 3px solid #00acd6;
    
}
.table thead th{
  border-bottom: 1px solid #ecf0f5;  
}
.table-bordered td, .table-bordered th {
    border: 1px solid #ecf0f5;  
    
}
.table-responsive, .painel-busca{
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%)
}
.pagination li{
    margin-right:10px;
}
.form-control{
    height:auto;
}
.table-striped tbody tr:nth-of-type(odd){
    background-color: rgba(0,0,0,.03);
}
.alert-info{
    background-color:#00a65a !important;
    border-color:#04D475;
    color:white;
    
}
.card-header{
    border:none;
}
.top-menu{
    height:70px;
    margin-bottom:20px;
    background-color:#367fa9;
    display:flex;
    justify-content:center;
    text-align:center;
    align-items: center;
}


/* menu mobile */
#logo {
  font-size: 1.5rem;
  font-weight: bold;
  color:white;
}

#header {
  box-sizing: border-box;
  height: 70px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #3c8dbc;
}
@media screen and (min-width:600px){
   #header {
       display:none;
   }
}

#menu {
  display: flex;
  list-style: none;
  gap: 0.5rem;
}

#menu a {
  display: block;
  padding: 0.5rem;
}

#btn-mobile {
  display: none;
}
@media (max-width: 600px) {
  #menu {
    display: block;
    position: absolute;
    width: 100%;
      background-color:#367fa9;
    top: 70px;
    right: 0px;
  align-items: center;
    transition: 0.6s;
    z-index: 1000;
    height: 0px;
    visibility: hidden;
    overflow-y: hidden;
  }
  #nav.active #menu {
    height: calc(100vh - 70px);
    visibility: visible;
    overflow-y: auto;
  }
  #menu a {
    padding: 1rem 0;
    margin: 0 1rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    color:white;
  }
  #btn-mobile {
    display: flex;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    color:white;
    align-items:center;
    border: none;
    background: none;
    cursor: pointer;
    gap: 0.5rem;
  }
  #hamburger {
    border-top: 2px solid;
    width: 20px;
  }
  #hamburger::after,
  #hamburger::before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: currentColor;
    margin-top: 5px;
    transition: 0.3s;
    position: relative;
  }
  #nav.active #hamburger {
    border-top-color: transparent;
  }
  #nav.active #hamburger::before {
    transform: rotate(135deg);
  }
  #nav.active #hamburger::after {
    transform: rotate(-135deg);
    top: -7px;
  }
}


.form-control{
    font-size:14px;
    line-height:16px;
    border: 1px solid #ccc;
    border-radius:4px;
}

.btn-group-lg>.btn, .btn-lg{
    font-size:14px;
        line-height:16px;
        padding:5px 10px;
}


#header .nav-item, #header .nav-item .fa{
    background-color:transparent;
    width:100%;
}

#header button{
 background-color:transparent !important;   
}
#header .dropdown-menu.show{
    padding:0 !important;
}
@media screen and (max-width:600px){
.btn-group{
    width:100% !important;
border-bottom: 2px solid rgba(0, 0, 0, 0.05) !important;
justify-content:start;
}
}
.fa-envelope-2, .fa-user-2, .usuario{
    color:white;
    text-align:left;
}
.usuario-container{
    margin-bottom:20px;
}