.navbar-brand{background: url('/img/logo.png') no-repeat center;text-indent: -9999em;background-size: 85%;}

.nav>li>a{ padding: 8px 10px;}

body{padding-bottom: 100px;}
body, body *, .form-control{text-transform: uppercase;}

form#uploads{display: none;}

@media (max-width: 1024px){
   div#arquivos{width: 100%; position: fixed; bottom: 5px; left: 0; right: 0; z-index: 999;padding: 0 3%;/*  right: 50%; transform: translate(50%,-10%); */}
   div#arquivos button{display: inline-block; width: 40%; clear: none; height: 32px;font-size: 14px;margin: 0;}
   div#arquivos .iframe{background: #083360;float: right;}
   .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{width: 100%;margin-bottom: 5px;}
   .panel-body{padding: 5px;}
}

@media (min-width: 1024px){
   div#arquivos{width: 420px; position: fixed; bottom: 50px; right: 50%; z-index: 999; transform: translate(50%,-10%);}
}

.wizard>.actions a{padding: 5px 10px; height: 36px;line-height: 26px;text-align: center;}
.fa-map-marker{padding-left: 10px;}

/* Tooltip Started */
.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #000}
.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1}
.tooltip:hover .tooltiptext{visibility:visible}
.tooltip .tooltiptext{width:120px;bottom:100%;left:50%;margin-left:-60px}
/* Tooltip Finish */

/*#wrapper label{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}*/
.wizard>.actions a, .wizard>.actions a:active, .wizard>.actions a:hover{font-size: small;}

#OrdemServico .step1{padding: 10px !important;}
#OrdemServico .step1 h3{padding: 0 0 10px;border-bottom: 1px solid #083360;display: block;transition: all ease 1s;}
#OrdemServico .form{position: relative;}
#OrdemServico .form:after{content: '';display: block;clear: both;}
#OrdemServico .form h3{text-align: left;width: 100%;margin:0;display: block;height: 40px;line-height: 40px;color: #083360;}
#OrdemServico .form:not(.closed) h3{border-bottom: 1px solid #083360;display: block;height: 51px;line-height: 51px;color: #FFF;background: #083360;padding: 0 10px;border-radius: 6px 6px 0 0;}
#OrdemServico .form .fa-plus-square-square, #OrdemServico .form .fa-minus-square-square{position: absolute; right: 10px;font-size: 28px;cursor: pointer;width: 50px;text-align: right;top:14px;}
#OrdemServico .form.closed:hover, #OrdemServico .form.closed:focus, #OrdemServico .form.closed:active{background: #083360;}
#OrdemServico .form.closed:hover h3, #OrdemServico .form.closed:focus h3, #OrdemServico .form.closed:active h3{color: #FFF;}
#OrdemServico .form:not(.closed) .fa-plus-square-square, #OrdemServico .form:not(.closed) .fa-minus-square-square{top:21px;}
#OrdemServico .form.closed form{display: none;}
#OrdemServico .form form{padding: 0 10px;border-left:1px solid #083360;border-right:1px solid #083360;border-bottom:1px solid #083360;border-radius: 0 0 20px 20px;}
#OrdemServico .step-form .hora + a{margin-top: 10px;display: inline-block;font-size: 18px;}
#OrdemServico input.s2{width: 100%; height: 40px; margin-bottom: 20px; background: #083360; color: #FFF; border-radius: 12px;}

#OrdemServico .step3-servicos .hora{margin-top: 15px;}

.wizard>.content>.body label{margin:0.5em 0;}
.wizard>.content>.body input{text-align: center;}

.wizard>.steps>ul>li{width: 20% !important;padding:10px 0 0;}
.wizard>.steps>ul>li .fa{width: 100%;text-align: center;}
.wizard>.steps>ul>li .number{display: none;}
.wizard>.steps a{background: rgb(157 200 226 / 0.8);color:#FFF;-webkit-box-shadow: 4px -4px 8px 0px rgba(0,0,0,0.5);-moz-box-shadow: 4px -4px 8px 0px rgba(0,0,0,0.5);box-shadow: 4px -4px 8px 0px rgba(0,0,0,0.5);margin: 0 .3em .2em !important;}

.wizard>.steps a, .wizard>.steps a:active, .wizard>.steps a:hover{font-size: 22px !important;line-height: 22px;padding: 0.5em !important;}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{text-align: center;}

.wizard > .actions{padding: 10px 3% 0;left: 0;}
.wizard>.actions>ul>li{margin: 0!important;width: 40%;}
.wizard > .actions > ul{width: 100%;}
.wizard > .actions > ul li:nth-child(1){float: left;}
.wizard > .actions > ul li:nth-child(2), .wizard > .actions > ul li:nth-child(3){float: right;}
#OrdemServico .fa.fa-arrow-circle-left{float: left;}

.glyphicon-minus-sign{color: red;}

.multiselect.dropdown-toggle.btn.btn-default{
   width: 350px; max-width: 100%; overflow-x: hidden;
}
.multiselect-selected-text{
   width: 100%; float: left;
}

/*Ínicio OS Otimize Space*/
.containerOS{max-width: 1024px;margin: 0 auto;}
#OrdemServico{padding: 0 0; max-width: 1024px;margin: 0 auto;float: none;}
#OrdemServico input{width: 100%;}
#OrdemServico input[type="submit"]{
   height: 40px;border-radius: 6px; background: #083360; color:  #FFF; margin-bottom: 20px;
}

#OrdemServico input[readonly]{background-color: transparent !important;}
#OrdemServico h3{font-size: 1em;font-weight: bold;}

.wizard > .content{height: 65vh;}
/* .wizard > .content > .body label{margin:0.5em 0;} */

#OrdemServico form:after{
   content: ''; display: block; position: relative;clear: both;
}

.realizado{position: absolute; top: 16px; right: 12%;color: green;font-size: x-large;display: none;}
.closed .realizado{display: block;}
#OrdemServico .form.closed:hover .realizado, #OrdemServico .form.closed:focus .realizado{color: #FFF;}

@media (max-width: 1024px){
   #page-wrapper{padding: 0 5px !important;}

   .table-striped>tbody>tr:nth-of-type(odd){
      background-color: #0833601a !important;
   }

   #os-app .actions{text-align: center;}
   #os-app .actions a{display: inline-flex;font-size: 22px !important;margin: 0 10px 5px;}
   #os-app .actions a.enviar{float:left;}
   #os-app .actions a.excluir{float:right;}

   .wizard > .actions{
      position: fixed !important; bottom: 0; background: rgba(255, 255, 255, 0.9); height: 100px;
   }

   #OrdemServico [class*="col-lg-"]{padding:0 0;}
   .wizard > .content > .body label{height: 20px; line-height: 20px;/* margin: 0.5em 0; */}

   .table-responsive {
      display: block;
      position: relative;
      width: 100%;
   }

   /* .table-responsive thead, */
   .table-responsive tbody,
   .table-responsive th,
   .table-responsive td,
   .table-responsive tr {
      display: block;
   }

   .table-responsive td,
   .table-responsive th {
      height: 35px;
   }

   .table-responsive thead, .table-responsive tfoot {
      float: left; display: none;
   }

   .table-responsive thead th{
      width: 100%;
   }

   .table-responsive tbody {
      width: 100%;
      position: relative;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap;
   }

   .table-responsive tbody tr {
      display: block;
      margin-bottom: 10px;
      width: 100%;
      /* display: inline-block; */
   }
}
/*Fim OS Otimize Space*/

.gruposOF{margin-bottom: 15px;border:1px solid #CCC;padding: 15px 5px 15px;border-radius: 4px;}
.gruposOF:after{display: block;content: '';clear: both;}
.gruposOF label{float: left;margin:0 5px 0 5px;}
.gruposOF input{float: left;width: auto;margin: 0;}
.gruposOF input, .gruposOF label{height: 30px;line-height: 30px;}
.gruposOF input[type="number"]{max-width: 60px;margin-right: 10px;padding:6px 0px 6px 12px;float: right;}
.gruposOF input[type="checkbox"]{height: 15px;margin-top: 8px;}
.gruposOF .group{margin-bottom: 10px;float:left;padding:5px 10px 5px 20px;display: inline-block;width: 25%;border: 1px solid #CCC;/* border-bottom: 1px solid #CCC;border-right: 1px solid #CCC; */}


#ordemProducao #filtrar{background: rgb(11 111 164 / 0.8);color: #FFF;}

#os-app span[data-id_os]{padding:4px;background:#083360; color: #FFF;border-radius: 6px;}

#TabelaAtividades{position: relative;max-height: 500px;overflow-y: auto;overflow-x: hidden;}

#tabelaOP .btn-primary.focus,#tabelaOP .btn-primary:focus{outline: none;}

.modalAtividades .linha>div.lg-3:hover, .modalAtividades .linha>div.lg-3.active{ transform: scale(1.06);opacity: 1;position: relative;z-index: 2;}
.modalAtividades.ui-dialog-content{display: block !important;padding:10px 0 !important;}
.modalAtividades h2, .modalAtividades h4{text-align: center;}
.modalAtividades h2{font-size: 22px;margin: 0;}
.modalAtividades h4{font-size: 12px;}

.modalAtividades{clear: both;width: 100%;}
.modalAtividades .linha{display: table;width: 100%;padding:0 1%;}
.modalAtividades .linha>div.lg-3{border: 1px solid #000;width: 33.3333%;height: 100px; display: inline-table;height: 50%;opacity: 0.9;transform: all ease 2s;}
.modalAtividades .linha>div.lg-3 .cod_atividade{line-height: 100%;font-size: 26px;padding: 10px 10px 5px 10px;}
.modalAtividades .linha>div.lg-3 .atividade{line-height: 100%;font-size: 14px;padding: 15px 10px;height: 60px;}
.modalAtividades .linha>div.lg-3 a{color: white;width: 100%;display: inline-block;}
.modalAtividades .linha>div.lg-3 a:focus, .modalAtividades>.linha>div.lg-3 a:active{text-decoration: none;}

.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(1){background: #1abc9c;}
.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(2){background: #2ecc71;}
.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(3){background: #95a5a6;}
.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(4){background: #9b59b6;}
.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(5){background: #bdc3c7;}
.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(6){background: #3498db;}
.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(7){background: #e74c3c;}
.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(8){background: #c0392b;}
.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(9){background: #e67e22;}
.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(10){background: #f39c12;}
.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(11){background: #ecf0f1;}
.modalAtividades[data-tipo="2"] .linha>div.lg-3:nth-child(12){background: #34495e;}

.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(1){background: rgba(232, 67, 147,1.0);}
.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(2){background: rgba(162, 155, 254,1.0);}
.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(3){background: rgba(250, 177, 160,1.0);}
.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(4){background: rgba(253, 121, 168,1.0);}
.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(5){background: rgba(253, 203, 110,1.0);}
.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(6){background: rgba(255, 118, 117,1.0)}
.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(7){background: rgba(0, 206, 201,1.0);}
.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(8){background: rgba(214, 48, 49,1.0);}
.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(9){background: rgba(99, 110, 114,1.0);}
.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(10){background: rgba(225, 112, 85,1.0);}
.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(11){background: rgba(108, 92, 231,1.0);}
.modalAtividades[data-tipo="3"] .linha>div.lg-3:nth-child(12){background: rgba(178, 190, 195,1.0);}

.modalAtividades .linha>div.lg-3.cancelAction{background: red !important;}

div#jobs .col-lg-1, div#jobs .col-lg-10, div#jobs .col-lg-11, div#jobs .col-lg-12, div#jobs .col-lg-2, div#jobs .col-lg-3, div#jobs .col-lg-4, div#jobs .col-lg-5, div#jobs .col-lg-6, div#jobs .col-lg-7, div#jobs .col-lg-8, div#jobs .col-lg-9, div#jobs .col-md-1, div#jobs .col-md-10, div#jobs .col-md-11, div#jobs .col-md-12, div#jobs .col-md-2, div#jobs .col-md-3, div#jobs .col-md-4, div#jobs .col-md-5, div#jobs .col-md-6, div#jobs .col-md-7, div#jobs .col-md-8, div#jobs .col-md-9, div#jobs .col-sm-1, div#jobs .col-sm-10, div#jobs .col-sm-11, div#jobs .col-sm-12, div#jobs .col-sm-2, div#jobs .col-sm-3, div#jobs .col-sm-4, div#jobs .col-sm-5, div#jobs .col-sm-6, div#jobs .col-sm-7, div#jobs .col-sm-8, div#jobs .col-sm-9, div#jobs .col-xs-1, div#jobs .col-xs-10, div#jobs .col-xs-11, div#jobs .col-xs-12, div#jobs .col-xs-2, div#jobs .col-xs-3, div#jobs .col-xs-4, div#jobs .col-xs-5, div#jobs .col-xs-6, div#jobs .col-xs-7, div#jobs .col-xs-8, div#jobs .col-xs-9{padding-left: 5px;padding-right: 5px;}

div#jobs .botoes, div#jobs .prev-next{margin: 0;text-align: center;}
div#jobs .botoes button{width: 32.5%;padding:5px 5px;}
div#jobs .prev-next button{width: 48%;padding:5px 5px;}
div#jobs label{width: 100%;}
div#jobs select[multiple]{height: 40px;}
div#jobs select[multiple] option{padding: 5px;}
div#jobs .btn[disabled]{opacity: .45;}
div#jobs .btn.active, div#jobs .btn:active{-webkit-box-shadow:none;box-shadow: none;}

#itensOF tbody tr:hover{background: #e0dddd}

#itensOF .del-item{
   color:  red; font-size: 14px; cursor: pointer;
}

@media (max-width: 1024px) {
   div#jobs .form-group{margin-bottom: 10px;}
   div#jobs>.col-lg-12{margin: 0;}
   div#jobs .botoes button{width: 31%;}

   .ui-dialog.ui-corner-all.ui-widget.ui-widget-content{
      width: 100% !important;
      /* height: 90% !important; */
      /* top: 5% !important; */
      left:  0 !important;
   }
}

@media (max-width: 900px) {
   div#jobs #tabelaOP{margin: 0;padding:0;}
}


@media (max-width: 599px) {
   div#jobs select[multiple]{height: 40px;/* height: auto; */}
   .multiselect.dropdown-toggle.btn.btn-default{width: 210px;overflow-x: hidden;}
}

@media (max-width: 1023px) {
   .desenho .desktop{display: none;}
   .desenho .mobile{display: block;}
}

@media (min-width: 1024px) {
   .desenho .desktop{display: block;}
   .desenho .mobile{display: none;}
}

select#grupos, .select-grupos, .grupos-selecionados, .grupos-selecionados>div, .div-grupos{width: 100% !important;margin-bottom: 15px;clear: both;}
.select-grupos{margin-bottom: 0;height: 52px;border: 1px solid #CCC;text-transform: uppercase;}
.grupos-selecionados>div{height: 104px;border: 1px solid #CCC;overflow-y: auto;padding: 2px;}
.grupos-selecionados>div input, .grupos-selecionados>div label{display: inline-block;width: auto !important;}
.grupos-selecionados>div label + a{margin-right:10px;margin-left: 2px; color: red; font-size: 10px; font-weight: bold;}

#chrono .startItem.started{background-color: #447b44;}
#chrono{width: 100%;display: inline-block;}
#chrono input{text-align: center;outline: none;border:0;width: 100%;}
#chrono input:focus, #chrono input:active, #chrono input:hover{}
#chrono button{width: 100%;}
#chrono .startItem, #chrono .pauseItem, #chrono .stopItem{
   width: 31.3333%;float: left;margin: 0 1%;
}
@media (max-width: 900px) {
   #tabelaOP, #tabelaAtividades{
      overflow-x: auto;
      padding: 0;
      margin: 0 15px;
   }
   #chrono .table_op.paleBlueRows, #tabelaAtividades table{
      width: 1000px !important;
   }
}

@media (max-width: 1218px) {
   #tabelaOP input[type="checkbox"]{
      width: 15px; height: 15px;
   }
   /* #chrono .table_op.paleBlueRows tr td:nth-child(4), #chrono .table_op.paleBlueRows tr td:nth-child(9),#chrono .table_op.paleBlueRows tr td:nth-child(10), #chrono .table_op.paleBlueRows tr th:nth-child(4), #chrono .table_op.paleBlueRows tr th:nth-child(9),#chrono .table_op.paleBlueRows tr th:nth-child(10){
      display: none;
   } */
}

@media (max-width: 490px) {
   #chrono .botoes{
      padding: 0 15px; width: 100%;
   }
   #chrono .col-sm-4:nth-child(1), #chrono .col-sm-4:nth-child(3){
      padding: 0;
   }
   #chrono .col-sm-4:nth-child(2){
      padding: 0 8px;
   }
   #chrono button{
      padding: 7px 5px;
   }
}

@media (max-width: 380px) {
   #chrono .col-sm-4{
      width: 100%; margin-bottom: 3px;
   }
   #chrono .col-sm-4:nth-child(2){
      padding: 0;
   }
}

#itensOF tbody .item{width: 60px;border:0;background-color:transparent;}

#itensOP table.table_op th, #itensOP table.table_op td {padding: 2px 4px;}
#itensOP table .form-control{padding:3px 6px;height: 30px;line-height: 30px;text-align: center;}

#itensOF .glyphicon-minus{color: red;}
#itensOF tbody tr td:last-child a{width: 15px;display: inline-block;}
#itensOF tbody tr:not(:last-child) .glyphicon-plus{display: none;}

.id_operacao{width: 25%; display: inline-block; border: 1px solid #CCC; padding:0 5px; overflow: hidden; max-width: 170px; margin-top:5px; position: relative; right:0;}
.flex{display: flex; justify-content: center; /*align-items: center;*/}
.flex .id_operacao:nth-child(1n){flex: 1;}
.flex .id_operacao:nth-child(2n){flex: 2;}
.flex .id_operacao:nth-child(3n){flex: 3;}
.flex .id_operacao:nth-child(4n){flex: 4;}
.id_operacao span.arquivo{color: red;font-size: 16px;margin-left: 10px;cursor: pointer;}
.id_operacao div{font-size: 9px; text-transform: none; display: block; width: 100%; height: 10px;}
.id_operacao label{margin-bottom: 0 !important;}
.id_operacao input[type="file"].checked + span.arquivo{color: green;}
input.ocult{opacity: 0;width: 50px;height: 20px;right: 0;}

#itensProduto a[href^="#"] {background-color: gold;}
#itensProduto .td-celulas a{padding: 2px 2px;}

#itensOF td input{text-align: center;}

span.select2-container{z-index: 99999; width: 100% !important;}

/* .div2 .select2-container.select2-container + .select2-container{display: none !important;} */

.div-hide{display: none;}
.div-hide .div1{width: 65%; height: 100%; float: left;}
.div-hide .div2{width: 34%; min-height: 100%; float: right; border-left: 1px solid #CCC;padding-left:10px;}
.div-hide .div2 div:not(:first-child){width: 50%;float: left;margin-bottom: 5px;}
.div-hide .div2 div:not(:first-child) label,.div-hide .div2 div:not(:first-child) select{width: 100%;}
.div-hide .div2 div:not(:first-child) select{padding: 2px 5px;}
.div-hide .div2 div{margin-bottom: 5px;padding-right: 20px;}/*.div-hide .div2 div:not(:first-child){margin-bottom: 5px;padding-right: 20px;} */

.td-celulas{overflow-x: auto;}
/* .td-celulas div{display: inline-block;width: 9.5%;} */
.td-celulas td{position: relative;}
.td-celulas td select{width: -webkit-fill-available;}

td[data-celula] input{max-width: 50px;border:0;background-color: transparent;text-align: center;}

.estrelas{width: 100px; background: url("/img/star-unchecked.png") repeat-x; position: relative; z-index: 1; text-indent: -9999em;}
.estrelas:before{display: block; position: absolute; left: 0; background: url("/img/star-checked.png") repeat-x; z-index: 2; content: ''; height: 100%;}
.estrelas[data-value="0.00"]:before{ width:  0px; }
.estrelas[data-value="0.50"]:before{ width: 10px; }
.estrelas[data-value="1.00"]:before{ width: 20px; }
.estrelas[data-value="1.50"]:before{ width: 30px; }
.estrelas[data-value="2.00"]:before{ width: 40px; }
.estrelas[data-value="2.50"]:before{ width: 50px; }
.estrelas[data-value="3.00"]:before{ width: 60px; }
.estrelas[data-value="3.50"]:before{ width: 70px; }
.estrelas[data-value="4.00"]:before{ width: 80px; }
.estrelas[data-value="4.50"]:before{ width: 90px; }
.estrelas[data-value="5.00"]:before{ width: 100%; }

.estrelas input[type=radio] { display: none; }
.estrelas label i.fa:before { content:'\f005'; color: #FC0; }
.estrelas input[type=radio]:checked ~ label i.fa:before { color: #CCC; }

.div-loading{z-index: 10;}
.ui-widget-overlay.ui-front, .div-loading{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: url('/img/loading.gif') center center no-repeat rgba(0, 0, 0, 0.8);}
.ui-dialog .ui-dialog-titlebar-close{ background: url('/img/close-icon.png') center no-repeat;}
#dataTables_length, #dataResponsive_length, .dt-buttons{float:left;margin-right: 15px;}
.dt-buttons{padding-top: 2px;}

::-webkit-scrollbar{ width:6px; background-color:#cccccc;}
::-webkit-scrollbar:horizontal{ height:6px;}
::-webkit-scrollbar-track{ border:1px #787878 solid; border-radius:10px; -webkit-box-shadow:0 0 6px #c8c8c8 inset;}
::-webkit-scrollbar-thumb{ background-color:#0B6FA4; border:1px solid #000000; border-radius:16px;}
::-webkit-scrollbar-thumb:hover{ background-color:#0B6FA4; border:1px solid #083360;}
::-webkit-scrollbar-thumb:active{ background-color:#0B6FA4; border:1px solid #333333;}

.red{color:red;}
#itensProduto tbody .subconjunto{background: rgba(128, 128, 128, 0.6);}
#itensProduto tbody .peca-5{background: #C0C0C0;}
#itensProduto tbody .peca-4{background: rgba(119, 136, 153, 0.4);}
#itensProduto tbody .peca-3{background: rgba(0, 139, 139, 0.2);}
#itensProduto tbody .peca-2{background: #F5F5F5;}

#principal{padding-top:60px;}
#principal .panel-heading{position: relative;}
#principal .panel-heading div:not(.huge){font-size: 12px;/* line-height: 18px; */}
#principal .panel-heading div.huge2{font-size: 18px;text-align: right;clear: both;padding-bottom: 5px;border-bottom: 1px solid #CCC;margin-bottom: 5px;}
#principal .panel-heading div.huge{width: 100%;font-size: 30px;}
#principal .panel-heading div.huge span{font-size: 14px;}
#principal .fa-3x{padding-left:10px;}

#principal .panel-heading .col-xs-12.text-center{position: absolute;bottom: 10px;right: 0;left: 0;}

@media (min-width: 1200px) {
   #principal .col-lg-2{padding-left: 5px;padding-right: 5px;}
}

@media (min-width: 1000px) {
   #principal .panel-heading{height: 116px !important;}
   #principal .panel-heading div:not(.huge){padding-left:5px;padding-right :5px;}
   #principal .col-lg-2{padding-left: 5px;padding-right: 5px;}
}

@media (max-width: 999px) {
   #principal{padding-top:10px;}
   #principal .panel-heading .col-xs-12.text-center{position: relative;margin: 10px 0 0;}
   #principal .panel-heading div.huge2, #principal .panel-heading .col-xs-12.text-center{text-align: right;}
}

#principal .panel .panel-heading{cursor: pointer;}

#principal .panel-cor1{ 
   color: #fff;
   background-color: #08336078;
}

/*background-image: linear-gradient(to right, #083360a6 0%, #083360 100%);*/
#principal .panel-cor2{ 
   background-image: -ms-linear-gradient(left, #1b2e42e6 0%, #083360 100%);
   background-image: -moz-linear-gradient(left, #1b2e42e6 0%, #083360 100%);
   background-image: -o-linear-gradient(left, #1b2e42e6 0%, #083360 100%);
   background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1b2e42e6), color-stop(100, #083360));
   background-image: -webkit-linear-gradient(left, #1b2e42e6 0%, #083360 100%);
   background-image: linear-gradient(to right, #1b2e42e6 0%, #083360 100%);
   color: #fff;}
/*.panel-cor2{ background-color: #d87c3e;color: #fff;}
.panel-cor3{ background-color: #e46267;color: #fff;}
.panel-cor4{ background-color: #e36e8f;color: #fff;}
.panel-cor5{ background-color: #e46265;color: #fff;}
.panel-cor6{ background-color: #678cc0;color: #fff;}
.panel-cor7{ background-color: #8d74bc;color: #fff;}
.panel-cor8{ background-color: #e46468;color: #fff;}
.panel-cor9{ background-color: #55a28a;color: #fff;}
.panel-cor10{background-color: #5f9bb0;color: #fff;}
.panel-cor11{background-color: #55a28a;color: #fff;}
.panel-cor12{background-color: #e46265;color: #fff;}
.panel-cor13{background-color: #678cc0;color: #fff;}
.panel-cor14{background-color: #e36164;color: #fff;}
.panel-cor15{background-color: #b874bb;color: #fff;}
.panel-cor16{background-color: #d3972e;color: #fff;}
.panel-cor17{background-color: #e76266;color: #fff;}
.panel-cor18{background-color: #5f9bb0;color: #fff;} */

#table_solicitacao .form-group{margin-bottom: 0;}
#table_solicitacao tr:not(:last-child) .add{display: none;}
#table_solicitacao tr .add,#table_solicitacao tr .del{margin-top: 5px;display: inline-block;margin-right: 4px;}

.table>tbody>tr>td{vertical-align: middle;}

/************************************************************************************************************
************************************************************************************************************/

.table_op td, .table_op th{position: relative;}
.table_op .linha-conjunto .controle .glyphicon-folder-close, .table_op .linha-conjunto .controle .glyphicon-folder-open, .table_op .glyphicon-plus, .table_op .glyphicon-minus{width: 12px;}
.table_op .linha-conjunto .controle .glyphicon-folder-close, .table_op .linha-conjunto .controle .glyphicon-folder-open{float:left;}
.table_op .linha-conjunto .controle .glyphicon-plus, .table_op .linha-conjunto .controle .glyphicon-minus{float:left; margin-left:15px; margin-right:15px;cursor: pointer;}
.table_op .linha-conjunto .controle .glyphicon-plus:after, .table_op .linha-conjunto .controle .glyphicon-minus:after{position: absolute; width: 15px; height: 15px; background: #FFF; display: block; content: '';top:0; z-index: 9;}
.table_op .linha-conjunto .controle .glyphicon-plus:before, .table_op .linha-conjunto .controle .glyphicon-minus:before{z-index: 10; position: relative;}
.table_op .linha-conjunto .controle .glyphicon-plus span:first-child:after, .table_op .linha-conjunto .controle .glyphicon-minus span:first-child:after{position: absolute; left:0; top:1px; content: ''; background: url('/img/shape-1.png') 7px -14px repeat-y; margin-right: 10px; padding:20px;width: 17px;}

.table_op input[type="time"]{text-align: center;}

.id_operacao input[type="time"]{max-width: 37px;border: 1px solid #CCC;}

/*.table_op .add_conjunto{padding:2px; border: 2px solid #333333; border-radius: 50%;}*/

/* .table_op .add_conjunto, .table_op .add_pecaConjunto{font-size: 16px;}

.table_op .linha-peca .controle span{display: block;background: url('/img/shape-1.png') right center repeat-y;float:left;margin-left: 19px; width: 20px; height: 37px;}
.table_op .linha-peca-avulsa{background: #efeded !important;}
.table_op .linha-peca-avulsa .form-control:not(:disabled){background: #f5f1f1}

.table_op tbody tr td{padding: 0;position: relative;}
.table_op tbody tr td input:not([type="checkbox"]):not([type="time"]), .table_op tbody tr td select{position: absolute;top:0;height: 100%;border:0;border-radius: 0;padding:2px 5px;text-align: center;}

.table_op ::-webkit-input-placeholder{text-align: center;}
.table_op :-moz-placeholder{text-align: center;}
.table_op ::-moz-placeholder{text-align: center;}
.table_op :-ms-input-placeholder{text-align: center;}

.table_op input[type="time"]:disabled{-webkit-appearance:none;-moz-appearance:none;appearance: none;}
.table_op input[type="time"]::-webkit-clear-button, .table_op input[type="time"]::-webkit-inner-spin-button {display: none;}

.table_op tbody tr td:last-child{padding: 0 10px;}
.table_op tbody tr:not(:last-child) td:last-child .add_pecaConjunto{
   display: none;
} */

.jstree-default .jstree-anchor{margin-bottom: 2px;}

table.paleBlueRows {
   border: 1px solid #CCC; width: 100%; text-align: center; border-collapse: collapse;margin-bottom: 5px;
}
table.paleBlueRows td, table.paleBlueRows th {
   border: 1px solid #CCC; padding: 3px 2px;
}
table.paleBlueRows tbody td {
   font-size: 12px;
}
table.paleBlueRows tr:nth-child(even) {
   background: #f9f9f9;
}
table.paleBlueRows thead, table.paleBlueRows tfoot {
   background: #0B6FA4;border-bottom: 5px solid #CCC;
}
table.paleBlueRows thead th, table.paleBlueRows tfoot th {
   font-size: 12px; font-weight: bold; color: #FFF; text-align: center; border-left: 2px solid #CCC;
}
table.paleBlueRows thead th:first-child, table.paleBlueRows tfoot th:first-child {
  border-left: none;
}

@media (max-width: 700px) {
   #tabelaOP td[colspan="6"]{text-align: left;padding-left: 10%;}
}

/************************************************************************************************************
************************************************************************************************************/

.sincroniza{display: none;height: 50px;}
.sincroniza a{ display: inline-block; background: url('/img/Cloud_Sync.png') center center no-repeat; width: 100px; height: 50px; text-indent: 0; padding-top: 35px; margin: 0 auto; left: 50%; position: absolute; margin-left: -50px; }
.sincroniza:hover a{ color: red;text-decoration: none; }

@media (max-width: 900px) {
   .sincroniza[data-sync="false"]{display: block;}
}

.ui-dialog .ui-dialog-content{padding: .5em 0 0;}

a .glyphicon-pencil{color:rgba(0,0,255,1);}
a .glyphicon-ban-circle, a .glyphicon-remove{color:rgba(255,0,0,1);}
a .glyphicon-eye-open{color:#545454;}

a:hover .glyphicon{opacity: 0.6;}

.table-zebra tbody tr:nth-child(odd), .table-zebra tbody tr:hover { background: #f3eded;}
.table-zebra thead tr:nth-child(1){ background: #676767;}
.table-zebra thead tr:nth-child(1) th{ color: #FFF;}
/* #os-app{float: left;display: -webkit-box;overflow: auto;} */

@media (max-width: 900px) {
   #os-app{float: left;display: -webkit-box;overflow: auto;}
}

.hide_valores{cursor: pointer;}

.fa.fa-fw{font-size: 16px;}

#table_parcelas .p_percentual[readonly]{background-color: rgb(235, 235, 228);border:1px solid #a9a9a9;}
.panel-heading.painel-os{background: #51779e;color: #FFF;}

.wizard > .steps a{height: 45px; text-overflow: ellipsis;padding: 0.5em;}
.wizard > .actions a[href="#finish"]{color: white; background: red;transition: ease all 0.5s;}
.wizard > .actions a[href="#finish"]:hover{background: rgba(255,0,0,0.6); color: #000;}
.wizard > .content > .body{/*left:1% !important;*/width: 100% !important;height: 100% !important;padding: 0 0 0 0 !important;}
.wizard hr{border-top: 1px solid #083360;float: left;clear: both;width: 100%;}
.wizard .iniciar, .wizard .finalizar{background: #d9534f;color: #FFF;border-color:#d43f3a; border-radius: 50%;height: 140px;width: 140px;outline: none;transform: ease all 1s;}
.wizard .iniciar:focus, .wizard .finalizar:focus{outline: none;}
.wizard .iniciar:hover,.wizard .finalizar:hover,.wizard .iniciar.active,.wizard .finalizar.active {background: #497e49;border-color:#497e49}
.wizard [data-desloc="false"] .finalizar{opacity: 0.7;}
.wizard .iniciar input, .wizard .finalizar input{ text-align: center; border: 1px solid #653e3e;}
.wizard .iniciar input[readonly], .wizard .finalizar input[readonly]{ border: 1px solid #FFF !important;}
.wizard > .content{ overflow: auto !important;/*height: -webkit-fill-available;*/}
.wizard, .tabcontrol{ overflow: auto;}
/* .wizard select{width: 90%;margin:0 5%;height: 33px;border-radius: 4px;}*/

.wizard > .content > .body .form{padding: 5px;border-bottom: 1px solid #083360;}
.wizard > .content > .body .form:nth-child(odd){background: #eee;}
.wizard > .content > .body .form:nth-child(even){background: rgb(157 200 226 / 0.2);}

.wizard > .content > .body input, .wizard select{height: 40px;}
.wizard select{width: 100%;margin:0 0;border-radius: 4px; text-align-last:center; /* border: 1px solid #083360; */}
.wizard > .content > .body input:not(:read-only){height: 40px;border: 1px solid #083360 !important;}
.wizard > .content > .body input:read-only{border: 1px solid #999 !important;}

@media (min-width: 1200px) {
   .wizard .col-lg-6 + hr{display: none;}
}

@media (max-width: 900px) {
   #dataTables_wrapper table{display: block;overflow-x:auto;}
   #dataTables_paginate{clear: both;}
}

#itens_faltantes th{text-align: center;}
#itens_faltantes td, #itens_faltantes th{padding: 2px 2px;}

#preview{ position: fixed;right: 30px;bottom: 80px;display: block; background: url('/img/preview.png') top center no-repeat; padding: 30px 0px 0px 0px;}

.select_pai{margin-bottom:20px;}
.select_pai .tab{margin-left: 35px;}
.select_pai .tab2{margin-left: 35px;}

/* #os_colaboradores .del-colaborador, #os_colaboradores .add-colaborador{line-height: 40px !important;height: 35px !important;} */

#os_colaboradores tr:not(:last-child) .add-colaborador{display:none;}

#OrdemServico .fa{float: right;font-size: x-large;}
#OrdemServico .titleForm .fa{margin-top: 10px;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons{width: 100%;}

.buttonBox{ padding: 20px; text-align: center;}
.imagePreviewTable{ border: 1px solid #000; display: none;}
.overlay { position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.85); background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAATSURBVBhXY2RgYNgHxGAAYuwDAA78AjwwRoQYAAAAAElFTkSuQmCC) repeat scroll transparent\9; /* ie fallback png background image */ z-index:9999; color:white; text-align:center; height:5000px; display:none;}
.overlay_content{ padding:300px; }
.ui-dialog{ left: 100px;top: 50px;z-index: 9999; }
a.ver, a.list-alt, a.editar, a.excluir{ font-size: 17px; }
a.ver, a.list-alt, a.editar{ margin-right: 8px;}
.btn-default,.btn-default,.btn-danger, .btn-primary,.btn-secondary,.btn-danger{ width: 100%;max-width: 200px; }

@media (max-width: 491px) {
   .btn-default,.btn-default,.btn-danger, .btn-primary,.btn-secondary, .btn-danger{ width: 100%;max-width: 100%;margin-bottom: 10px; clear: both; float: left;}
   #os_colaboradores tbody a{float: none !important;}
   .os-externo tr td:nth-child(4), .os-externo tr td:nth-child(5), .os-externo tr td:nth-child(6){display: none;}
   .os-externo tr td:nth-child(1){height: 50px;}
}

.enviar>.glyphicon.glyphicon-send{color:yellowgreen;}
.enviar>.glyphicon.glyphicon-envelope{color:#3c3cbb;}
.enviar[data-envio='0']>.glyphicon.glyphicon-envelope, .enviar[data-envio='']>.glyphicon.glyphicon-envelope{display: none;}
.enviar[data-envio='1']>.glyphicon.glyphicon-send{display: none;}
.enviar:hover,.enviar, .enviar:focus{text-decoration: none;}
.pedido_status .glyphicon-minus-sign,.pedido2_status .glyphicon-minus-sign,.pedido3_status .glyphicon-minus-sign{color:red;}
.pedido_status .glyphicon-ok-sign, .pedido2_status .glyphicon-ok-sign, .pedido3_status .glyphicon-ok-sign{color:green;/*color:#08b708;*/}
.pedido_status .glyphicon, .pedido2_status .glyphicon, .pedido3_status .glyphicon{font-size: 17px;}
.pedido_status, .pedido2_status, .pedido3_status{margin-right: 4px;}
.pedido_status:hover,.pedido_status:focus, .pedido2_status:hover,.pedido2_status:focus, .pedido3_status:hover,.pedido3_status:focus{text-decoration: none;}

#dataTables_filter label,#dataResponsive_filter label, #dataRelatorios_filter label{float:right;}
.panel-heading .adicionar{float:right;/*border:2px solid #23527c;*/border-radius: 50%;width: 25px;height:25px;display: block;text-align: center;}
.panel-heading .adicionar .glyphicon.glyphicon-plus{vertical-align: text-bottom;top:0;font-size: 22px;}

#table_parcelas input{width: 100%;max-width: 100px;text-align: center;}

#cat-control{min-height: 34px;height: auto;}
#parc-control{min-height: 50px;height: auto;display: inline-block;}
#parc-control input{width: 24%;margin:5px 0.5% 5px;display: inline-block;float: left;}

div.lb{display: inline-block;}
div.lb label{font-weight: normal;margin: 4px 15px 0 5px;line-height: 18px;display: block;float: left;}
div.lb input[type='checkbox']{width: 18px;height: 18px;float: left;}

#row_venda .form-group{margin-bottom: 0;}
#row_venda .table>tfoot>tr>th{vertical-align: middle;}

#row_venda  td{position: relative;}

.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d;}

#row_venda td .add,#row_venda td .del, #row_requisicao .add,#row_requisicao .del,  #forn_requisicao .add,  #forn_requisicao .del, #row_pedido .del, #os_colaboradores .del-colaborador{cursor: pointer;/* width: 15px;height: 15px; *//* line-height: 30px; *//* float: left;display: block; */}

#row_venda td a:hover, #row_requisicao a:hover{text-decoration: none; opacity: 0.9;}
#row_venda td .del, #row_requisicao .del, #forn_requisicao .del, #row_pedido .del{font-size: 32px;color: red;}
#row_pedido .del:hover{text-decoration: none;}

#os_colaboradores .fa-minus-square{color:red;font-size: 20px;}
#os_colaboradores .fa-plus-square{color:blue;font-size: 20px;}

#os_colaboradores tbody a{/* float: left !important; */ margin-right: 15px;}
#row_venda td .add, #row_requisicao .add,  #forn_requisicao .add{font-size: 18px;color: blue;}

/*#forn_requisicao .add,  #forn_requisicao .del{margin-top:-5px;}*/
#forn_requisicao .add,  #forn_requisicao .del{line-height: 15px;}
#forn_requisicao .add{font-size: 22px;}
#forn_requisicao .del{margin-top: -3px;font-size: 36px;}

#row_venda .table-responsive table tbody tr:not(:last-child) td .add{display: none;}

#row_requisicao .thead, #row_requisicao .tbody{padding: 0;text-align: center;}
#row_requisicao .thead div, #row_requisicao .tbody div{padding: 0 2px;}
#row_requisicao .tbody input, #row_requisicao .tbody select{width: 100%;}
#row_requisicao .tbody a{display: block;margin:0 8px;}
#row_requisicao .form-group{margin-bottom: 0;}
#row_requisicao .table-responsive table tbody tr:not(:last-child) td .add{display: none;}

.align-center{text-align: center !important;}

#forn_requisicao + .col-lg-1 label, #forn_requisicao + .col-lg-1 div{width: 100%; text-align: center;}

@media (max-width: 600px) {
   #dataTables_wrapper .col-sm-12,#dataResponsive_wrapper .col-sm-12{width: 100% !important;overflow-x: auto;} 
}

@media (max-width: 858px){
   #dataTables_filter label, #dataTables_length label, #dataResponsive_filter label, #dataResponsive_length label{width: 100% !important;}
   .dataTables_filter input{width: 100% !important;}
}

@media (max-width: 767px){
   #dataTables_length, #dataResponsive_length, .dt-buttons{width: 100%;margin: 0 0 10px;}
   .dt-buttons button{width: 19%;margin: 0;}
   .page-header{
      font-size: 20px;
      margin: 5px 0 0 !important;
      padding: 0;
      text-align: center;
   }
}

@media (min-width: 768px){
   h1.page-header{font-size: 24px;}
   #page-wrapper{margin: 0 0 0 0 !important;border:1px solid #e7e7e7;}
   .sidebar{width: 210px;}
   body{ padding: 0 0.25%; }
}

@media (max-width: 768px){
   .editar, .excluir{ font-size: 18px !important;}
   #row_venda input[name="descricao_plataformas[]"],#row_venda select[name="produtos[]"],#row_venda input[name="descricao_automacao[]"]{ width: 180px;display: inline-block;}
   #row input[name="unidade_produtos[]"],#row input[name="unidade_plataformas[]"]{ width: 80px !important;display: block; }
}