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

body {color:rgba(0,0,0,.7); background-image: url(../imagens/bg.png);}
a {color:#337ab7}


.os_status_aguardando-aprovacao{ background-color:#FF7F00; color: #FFF }
.os_status_em-producao{ background-color:#FF00FF; color: #FFF }
.os_status_finalizado{background-color:#387ED9; color: #FFF }
.os_status_cancelado{background-color:#FF0000; color: #FFF }

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

.label-checkbox{ padding: 10px 15px; border: 1px solid #ccc; background-color: #f2f2f2; cursor: pointer; border-radius: 8px}

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

.section {}

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


.header-alt{ margin-bottom: 10px}
.header-alt h1{font-size: 2rem; background-color: #d1ecf1; border-color: #bee5eb; padding: 5px 7px}


.table-row-title{ max-width: 150px}


.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-color: #ddd; border: 1px solid #ddd;}
.panel { margin-bottom: 20px; background-color: #fff; /*border: 1px solid transparent;*/ border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,.05);}


.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: 15px; 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%}


.section-main { padding-top: 15px; padding-bottom: 15px}




footer{     background-color: rgba(0,0,0,.10); padding-top: 10px; padding-bottom: 10px}



@media (max-width: 480px){
    
    .table-row-title{ font-weight: bold;}
    #cadastroForm .table td {display:block; width: 100%}
    
}






@media print {
     
     .container{max-width: 100% !important}
     .form-control{border:none !important; font-size: 13px}
     .row-os .form-control{ text-align: center}
     
     .input-group-append{ display: none}
     .row-os-iten .input-group-append{ display: none}
     
     footer{ background-color:transparent;}
     
     .btn.btn-danger.copy, .btn.btn-danger.copy2{display:none;}
     
     #countdown{ display:none;}
}