/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 02/07/2014, 10:47:10
    Author     : luizantonio
*/
body{
    background: url('../img/background.png') no-repeat center top fixed;
    -webkit-bac3kground-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Arial';
}

a{
    color: #444;
}
a:focus, a:hover {
    color: #000;
}

hr {
    margin-top: 8px;
    margin-bottom: 8px;
}

.elementoInvisivel {
    display: none;
}

select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
    height: 29px;
}

select.form-control{
    height: 29px;
    font-size: 12px;
}

textarea, textArea {
    font-size: 12px;
}


.noscroll {
    overflow-y:hidden;
    padding-right: 15px;
}

.pagination{
    margin: 0;
    padding: 0;
}
.pagination>li>a, .pager>li>a {
    padding: 2px 10px;
}
.pagination>li.active>a, .pagination>li.active>a:hover {
    padding: 2px 10px;
}

.pg-blue.pagination > li.active > a, .pg-blue.pagination > li.active > a:hover {
    background-color: cornflowerblue;
}

.pg-blue.pagination >li >a:hover, .pager > li > a:hover {
    background-color: cornflowerblue;
}

.acordion-conf{
    margin: 5px 30px 0px;
    /* border-left: 1px dashed #999; */
    padding: 8px 3px !important;
}

.acordion-conf a {
    display: block;
    margin: 8px 0px;
}
.ui-accordion .ui-accordion-header:focus{
    outline: none;
}
.ui-accordion .ui-accordion-header {
    clear: both;
    margin: 0;
    padding: 8px 0;
    border-top: 1px solid #DDD;
}
.ui-accordion .ui-accordion-content {
    margin: 0;
    padding: 0 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    color: #000;
    border: none;
    background: none;
}
.ui-widget-content {
    background: #fff;
}
.ui-widget-header {
    border: none;
    background: none;
}

.ui-widget-content{
    border: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    border: none;
    background: none;
}


.formADS {
    height:10px;
    float:left;
    margin-top:10px;
}
.p50{
    width: 50%;
}
.p75{
    width: 75%;
}
.p100{
    width: 100%;
}
a:hover{
    text-decoration: none !important;
}
.no-css{
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
}
.font12{
    font-size: 12px !important;
}
.font10{
    font-size: 10px !important;
}
.font11{
    font-size: 11px !important;
}
.font16{
    font-size: 16px !important;
}
.font18{
    font-size: 18px !important;
}
.font-bold{
    font-weight: bold
}

.labelRadio{
    position: absolute;
    top: 19px;
    left: 30px;
}
@media screen and (max-width: 700px){
    .grupobotoes{
        width: 100%;
    }
}
.tbl-softland .right{
    text-align: right;
}
.tbl-softland .center{
    text-align: center;
}
.tbl-softland .left{
    text-align: left;
}
.grupobotoes{
    list-style: none;
    margin: 0 auto;
}
.grupobotoes li{
    float: left;
}

.btn-app.btn-greenb {

    background: #31db1e !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #31db1e 0%, #1e842d 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #31db1e 0%,#1e842d 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #31db1e 0%,#1e842d 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31db1e', endColorstr='#1e842d',GradientType=0 )!important;
    background-repeat: repeat-x !important;
}
.btn-app.btn-greenb:hover {

    background: #2bad1a !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #2bad1a 0%, #1e842d 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2bad1a 0%,#1e842d 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2bad1a 0%,#1e842d 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bad1a', endColorstr='#1e842d',GradientType=0 )!important;
    background-repeat: repeat-x !important;
}

.btn-app.btn-producao {
    background: #0077c1 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #0077c1 0%, #0c5618 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0077c1 0%,#0c5618 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0077c1 0%,#0c5618 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31db1e', endColorstr='#1e842d',GradientType=0 )!important;
    background-repeat: repeat-x !important;
}
.btn-app.btn-producao:hover {
    background: #0516f5 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #0516f5 0%, #1e842d 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0516f5 0%,#1e842d 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0516f5 0%,#1e842d 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bad1a', endColorstr='#1e842d',GradientType=0 )!important;
    background-repeat: repeat-x !important;
}

.btn-app span {
    display: block;
    max-width: 94%;
    margin: 5px auto 0px;
    white-space: pre-line;
    line-height: 14px;
}
.btn-union{
    line-height: 15px;
}

.btn-ads-report .btn:hover, .btn-default:hover, .btn:active, .btn-default:active, .open .btn.dropdown-toggle, .open .btn-default.dropdown-toggle {
    background-color: #d0a704!important;
    border-color: #f0c000;
}


.fildsetTitle {
    background-color: #fff;
    border: 1px solid #bbb;
    font-size: 11px;
    color: #667;
    padding: 0px 5px;
    position: absolute;
    top: -9px;
}

.fildsetContent {
    position: relative;
    border: 1px solid #bbb;
    padding: 15px 8px 8px;
    margin-top: 10px;
}

.fildsetFormNF-no-Row{
    border: 1px solid #bbb;
    padding: 10px 0;
    margin: 0 5px;
    margin-top: 5px;
    position: relative;
}

.fildsetFormNF-no-Row-v2{
    font-size: 13px;
    border: 1px solid #bbb;
    padding: 10px 0;
    margin: 5px;
    position: relative;
}

.fildsetFormNF-no-Row-v3{
    border: 1px solid #bbb;
    position: relative;
    margin: 5px -10px;
    padding: 10px;
}

.fildsetFormNF{
    border: 1px solid #bbb;
    padding: 10px 0px;
    margin: 15px 0 7px 0;
    position: relative;
}

.fildsetForm{
    border: 1px solid #bbb;
    padding: 15px 5px 10px;
    margin: 15px 0 7px 0;
    position: relative;
}

fieldset{
    margin-top: 15px;
}

legend{
    margin: 10px 0;
}

.legendFF{
    padding: 0px 5px;
    color: #999;
    font-size: 11px;
    background-color: #FFF;
    position: absolute;
    top: -9px;
    left: 10px;
    border: 1px solid #bbb;
}
.legendFF-v2{
    color: #444;
}
.legendFFcontrol{
    padding: 0px 5px;
    color: #999;
    font-size: 11px;
    position: absolute;
    top: 1px;
    right: 5px;
}
.infoInputText{
    font-size: 10px;
    color: #888888;
    position: absolute;
    left: 17px;
    bottom: 30px;
}
.link-para-download{
    padding: 8px 0;
}
.btnSalvar{
    background-color: #666;
    border: 1px solid #D8D8D8;
    padding: 5px 15px;
    color: #FFF;
    position: absolute;
    right: 0;
}
.btnSalvar:hover{
    background-color: #FFF;
    border: 1px solid #666;
    padding: 5px 15px;
    color: #888;
}

.textBtnSalvar{
    font-size: 12px;
    font-weight: bold;
    padding: 0 10px;
}
.spanBtnSalvar{
    position: fixed;
    top: 82px;
    z-index: 1000
        ;
    RIGHT: 0;
}
.unsaved{
    background-color: #FF0000;
}
.bgLineSelected {
    background-color: rgb(144, 215, 155);
}

.yellowsoftland{
    color: #F3AF00;
}
.yellowsoftlandBold{
    color: #000000;
    font-weight: bold;
    background-color: #F3AF00 !important;
    padding: 0 0 1px 3px;
}
button[disabled]{
    color: #AAA;
    cursor: not-allowed;
}
.remove-aparencia-de-botao{
    border: none;
    background: transparent;
}
.goldsoftland{
    color: #D18E00;
}
.colorBack-softland-yellow{
    background-color: #FFCC00;
}
.borderdashed{
    border-bottom: 1px dashed #ccc
}
.border-solid{
    border: 1px solid #ccc
}
.border-solid-top{
    border-top: 1px solid #ccc;
}
.border-solid-bottom{
    border-bottom: 1px solid #ccc;
}
.modal-basic{
    background-color: #FFF;
    padding: 10px 20px;
    border: 1px solid #000;
    -webkit-box-shadow: 0px 1px 23px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 23px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 23px 0px rgba(50, 50, 50, 0.75);
}
.sub-fielset-Title{
    margin: 6px 0;
    padding: 5px 0px;
    color: #F3AF00;
    border-bottom: #ccc 1px solid;
    font-size: 16px;
}
.paineis{
    height: 100%;
    margin-bottom: 20px;
}
.meugrid li{
    list-style: none;
    float: left;
}
.fontsoftland{
    margin: -3px;
}
.titlespages{
    margin-top: 5px;
    border-top: 1px solid #ccc;
    padding: 10px 0px 0px;
    color: #595858
}
.label-venda{
    margin-top: 10px;
}
.valor-venda{
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    /* background-color: #FFF; */
    /* border: 1px solid #BBB; */
}
.breadcrumb {
    margin: 4px 22px 0 0px;
}
.arrowCallBack{
    margin-right: 5px;
    color: #FFCC00;
    vertical-align: middle;
    display: inline-flex;
    margin-bottom: 5px;
}
.sobrapadrao{
    box-shadow: 1px 1px 6px rgba(83, 83, 83, 0.42);
    -webkit-box-shadow: 1px 1px 6px rgba(83, 83, 83, 0.1);
    -moz-box-shadow: 1px 1px 6px rgba(83, 83, 83, 0.42);
}
.shadowboxdiscret{
    box-shadow: 3px 3px 3px rgba(83, 83, 83, 0.1);
    -webkit-box-shadow: 3px 3px 3px rgba(83, 83, 83, 0.1);
    -moz-box-shadow: 3px 3px 3px rgba(83, 83, 83, 0.1);
}

.blackshadow{
    text-shadow: 0 1px 0 #CCC;
}
.contornoPreto{
    text-shadow: #000 1px 1px 0px, #000 -1px 1px 1px, #000 1px -1px 1px, #000 -1px -1px 0px;
}

.fixedSeparador{
    height: 75px;
}
.topfixed{
    width: 100%;
    position: fixed;
    z-index: 999;
    background-color: #FFF;
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%
        );
    top: 45px;
}

.barthumbicon-nofixed{
    margin-bottom: 5px;
}
.barthumbicon-nofixed a{
    font-size: 20px;
    color: #666;
    padding: 0 2px;
    text-shadow: 1px 1px 0 #fff;
}

.barthumbicon{
    width: 100%;
    position: fixed;
    z-index: 1000;
    background-color: rgba(221, 221, 221, 1);
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: -38px;
}

.barthumbicon .container{
    padding: 0 15px;
}

.barthumbicon a{
    font-size: 17px;
    color: #666;
    padding: 0 2px;
    text-shadow: 1px 1px 0 #fff;
}
.barthumbicon a:hover{
    color: #000;
    text-shadow: 1px 1px 0 #FFC200;
}
.labelUpload{

}
.control-table{
    text-align: center;
}
.ancoras{
    background-color: transparent !important;
    /* padding: 5px 0; */
}

.ancoras a{
    color: #999;
    text-decoration: none;
    font-size: 12px;
}
.labelMock{
    width: 100%;
}
.labelMock2{
    width: 100%;
    line-height: 25px;
}
.icon-through{
    text-decoration: line-through;
}
.listform{
    padding: 5px;

    font-size: 12px;
    color: #000;
    font-weight: bolder;
}
.pipeIcon{
    color: #CCC;
    padding: 0px 5px;
}
.pipe{
    color: #CCC;
    padding: 0 3px;
}
.pipe-write{
    color: #FFF;
    padding: 0 3px;
}
.pipeMediun{
    color: #999;
    padding: 0 5px;
}
.background-padrao-supply{
    background-color: rgba(255, 194, 0, 0.45);
}
.background-white-alfa{
    background-color: rgba(255, 255, 255, 0.7);
    height: 102%;
}
.background-gray{
    background-color: #EBEBEB;
}
.background-3c{
    background-color: #ccc;
}
.tableicon{
    line-height: 25px;
    margin-left: 15px;
}
.icotable-10{
    text-align: center;
    font-size: 10px !important;
    color: #666;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-12{
    text-align: center;
    font-size: 12px !important;
    color: #666;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-13{
    text-align: center;
    font-size: 13px !important;
    color: #666;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-14{
    text-align: center;
    font-size: 14px !important;
    color: #666;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-16{
    text-align: center;
    font-size: 16px !important;
    color: #666;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-16-danger{
    text-align: center;
    font-size: 16px;
    color: #FF0000;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-16-success{
    text-align: center;
    font-size: 16px !important;
    color: #2e8965;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-16-primary{
    text-align: center;
    font-size: 16px !important;
    color: #3170a0;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-18{
    text-align: center;
    font-size: 18px !important;
    color: #666;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-20{
    text-align: center;
    font-size: 20px !important;
    color: #666;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-22{
    text-align: center;
    font-size: 20px !important;
    color: #666;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-25{
    text-align: center;
    font-size: 25px !important;
    color: #666;
    text-shadow: 1px 1px 0 #DDD;
}
.icotable-30{
    text-align: center;
    font-size: 30px !important;
    color: #666;
    text-shadow: 1px 1px 0 #DDD;
}
@media all and (max-width: 768px) {
    .grid-auto-fit{
        grid-template-columns: 1fr;
    }
}
.grid-auto-fit{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20px, auto));
    justify-content: flex-start;
    align-items: center;
}
.menu-dialog{
    display: grid;
    grid-template-columns: repeat(auto-fit, 28px);
}
.menu-dialog > * {
    align-self: center;
    justify-self: center;
}
.menu-dialog a{
    color: #666 !important;
    font-size: 20px;
    text-shadow: 1px 1px 0 #DDD;
}

.vertical-center-icon{
    margin-top: 6px;
}
.fa-rotate-45 {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.table>thead>tr:first-child>th,
.table>tbody>tr:first-child>th,
.table>tfoot>tr:first-child>th,
.table>thead>tr:first-child>td,
.table>tbody>tr:first-child>td,
.table>tfoot>tr:first-child>td{
    border-top: none;
}
.msg-box{
    font-size: 12px;
    border-bottom: 1px solid #2e8965;
    margin-bottom: 3px;
    margin-top: 3px;
}
.register-control{
    padding: 5px 2px;
}
.tableinbox{
    line-height: 25px;
    margin-left: 15px;
}
.icotableinbox{
    font-size: 20px;
    color: #666;
    text-shadow: 1px 1px 0 #DDD;
}
.error {
    color: red;
    font-size: 11px;
}
.make-up-blocked{
    float: right;
    margin-top: -21px;
    margin-right: 10px;
}

.view-animate-container {
    position:relative;
    height:100px!important;
    position:relative;
    background:white;
    border:1px solid black;
    height:40px;
    overflow:hidden;
}

.view-animate {
    /* padding:10px; */
}

.view-animate.ng-enter, .view-animate.ng-leave {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s;

    display:block;
    width:100%;
    border-left:1px solid #FFF;

    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding:10px;
}

.view-animate.ng-enter {
    left:100%;
}
.view-animate.ng-enter.ng-enter-active {
    left:0;
}
.view-animate.ng-leave.ng-leave-active {
    left:-100%;
}

.wrapper{
    width:54px;
    height:25px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-27px;
    margin-top:-10px;

}

.loader{
    margin: 0 0 2em;
    height: 35px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

#ulCustomDropDown.dropdown-menu>li>a:hover {
    font-weight: 100;
}

/*// Sub Menu do DropDown*/
.dropdown-submenu{
    position:relative;
}
.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
/*.dropdown-submenu:hover>.dropdown-menu{display:block;}*/
.dropdown-submenu>a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-5px;
}
.dropdown-submenu:hover>a:after{
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left{
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.padding-left-ten-px {
    padding-left: 10px;
}
.red-text {
    color: #FF0000;
}
.twitter-blue {
    color: #1ec7fe;
}
.facebook-blue {
    color: #3c599f;
}
.linkedin-blue {
    color: #0080b2;
}
.navbar-right{
    padding-right: 25px;
}
.form-group{
    padding: 0px;
    margin-top: 5px;
}
.form-panel-width {
    width: 220px;
}/*YOU CAN MAKE PANEL AS WIDE AS NEEDED*/
.color-blue {
    color: #0080c5;
}
.color-red {
    color: #FF0000;
}
.error-message {
    font-size: 10px;
}
@media screen and (min-width: 30em ) {
    .form-panel-width {
        width: 100%;
    }
}

@media screen{
    .printShow{
        display: none;
    }
}
@media print {

    @page {
        margin: 0.05cm;
    }

    div{
        display: none;
    }

    .yesprint{
        padding: 0;
        margin: 0;
        display: block;
        box-shadow: 0;
        width: 21cm;
        height: 29.7cm;
    }

    div.yesprint{
        display: block;
    }

    table.yesprint{
        display: block;
    }
}

.followup ul{

}

.followup li {
    padding-left: 10px;
    padding-right: 10px;
    list-style: none;
    line-height: 30px;
    margin-left: -25px;
}

.followup li:hover {
    background-color: rgba(216, 124, 116, 0.27);
    font-weight: bold;
}

.followup span{
    margin-top: 6px;
    margin-right: 5px;
}

.followup-last{
    border-bottom: 1px solid #A00;
}

.tabela{

}
.t-linha{
    margin: 2px 0;
    padding: 3px 0;
}
.t-coluna{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0px 4px;
    min-height: 20px;
}
.t-corpo{
    border-bottom: 1px solid #999;
    padding: 5px 0;
}
.campo-4{
    width: 4%;
}
.campo-6{
    width: 6%;
}
.campo-8{
    width: 8%;
}
.campo-12{
    width: 12%;
}
.campo-10{
    width: 10%;
}
.campo-14{
    width: 14%;
}
.campo-13{
    width: 14%;
}
.campo-16{
    width: 16%;
}
.campo-18{
    width: 18%;
}
.c-right{
    text-align: right;
}
.c-left{
    text-align: left;
}
.pull-right-totais{
    float: right;
    margin-top: -24px;
    margin-right: -4px;
}
.tbase{

}
.tprinc{
    min-width: 125px;
    height: 52px;
    border: 2px solid #BBB;
    border-radius: 7px;
    margin-top: -22px;
    background-color: #FFF;
    padding-top: 10px;
}
@media screen and (max-width: 960px ) {
    .t-coluna{
        display: block;
    }
    .campo-campo, .campo-posicao, .campo-codigo, .campo-descricao, .campo-acao{
        width: 100%;
    }
}
.legend-16{
    font-size: 16px;
    border-bottom: 1px #aaa solid;
    margin-bottom: 0px;
}

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

.right-absolute{
    text-align: right !important;
}

.not-btn{
    border: none;
    background-color: transparent;
    font-size: 13px;
    padding: 0;
}
.not-btn:hover{
    border: none;
    background-color: transparent;
}
.not-btn:focus{
    border: none;
    background-color: transparent;
}
.custoDropdown{
    padding: 2px 0;
}
.corPedido{
    background-color:rgba(238,238,238,0.5);
}
.corOrcamento{
    background-color:rgba(38, 158, 0, 0.31);
    border: 1px solid #bbb;
}
.corOrcamentoEdit{
    background-color: #DBF9DE;
    border: 1px solid #999;
    padding: 10px;
}

.corPedidoEdit{
    background-color: rgba(250,255,55,0.5);
    border: 1px solid #aaa;
    padding: 10px;
}

.focusError {
    background-color: rgba(255, 209, 209, 0.31) !important;
    border: 1px solid red !important;
}

.hrsl {
    border: 1px solid #999;
}
.hrsl-0 {
    border: 1px solid #999;
    margin-bottom: 0;
    padding-bottom: 0;
}

.view-data{
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    background-color: #fff;
    padding: 4px
}
.view-data-comum{
    font-weight: bold;
    font-size: 13px;
}
.view-data-comum-sb{
    line-height: 20px;
    padding: 4px 0;
    font-size: 13px;
}
.view-data-ts{
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    padding: 4px
}

.view-data-b{
    font-size: 13px;
    line-height: 19px;
    padding: 4px 4px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.view-data-b2{
    font-size: 13px;
    line-height: 19px;
    padding: 4px 4px;
    background-color: #eee;
    border: 1px solid #ddd;
}
.view-data-cb-slh{
    font-size: 13px;
    padding: 4px 4px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.view-data-pad0-borde1{
    font-size: 13px;
    line-height: 26px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
}

.view-data-transp{
    font-size: 13px;
    line-height: 20px;
    padding: 4px 1px;
}

.view-data-transp-bold{
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    padding: 4px 1px;
}

.view-data-consulta{
    font-size: 12px;
    line-height: 12px;
}

.view-data-consulta-border{
    font-size: 12px;
    padding: 4px;
    border: 1px solid #ccc;
}
.view-data-consulta{
    font-size: 12px;
    padding: 4px;
}

.view-data-disable{
    font-size: 13px;
    line-height: 19px;
    padding: 4px 4px;
    background-color: #eee;
    border: 1px solid #ccc;
    cursor: not-allowed;
}


.tela-detalhes [class^="col-"] {
    margin-bottom: 5px;
}

.bar-consulta{
    width: 100%;
    background-color: rgba(221, 221, 221, 1);
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    padding: 4px;
}
.redSoftland{
    color:red;
    font-weight: bold;
}

.gray-disabled{
    color: #BBB;
    font-weight: normal;
}

#custom-col > div{
    padding-left: 5px;
    padding-right: 5px;
}
/** @Deprecated **/
.line-item-lista{
    border-top: 1px solid #bbb;
    padding: 2px 0;
}

.line-head-lista{
    padding: 5px 0 25px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
    background: #eee;
}

/** @Deprecated **/
.line-item-lista:hover{
    font-weight: bold;
    background-color: rgba(255, 194, 0, 0.27);
}
/** @Deprecated **/
.line-item-lista .not-hover:hover{
    font-weight: initial;
    background-color: rgba(255, 194, 0, 0.27);
}
/** @Deprecated **/
.line-item-lista-first{
    border-top: none;
}

.separacao-item-venda{
    border-top: 1px solid #bbb;
    margin-top: 10px;
    padding-top: 10px;
}
.separacao-item-total{
    border-bottom: 1px solid #bbb;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.rightMenuCSS {
    width: 235px;
    border: 1px solid #999;
    position: fixed;
    overflow: auto;
    top:125px;
    right: 5px;
    background-color: #fff;
    z-index: 1000
}

.ui-datepicker{
    z-index: 9999 !important;
}

.ui-datepicker-year{
    color: #000;
}

.ui-autocomplete{
    z-index: 9999 !important;
}

.titulosContaAReceber{
    border-bottom: 1px solid #bbb;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.barraStatus{
    width: 100%;
    padding: 3px;
    color: #FFF;
    background-color: #444;
    position: fixed;
    bottom: 26px;
    z-index: 1;
}
.text-limom{
    color: #9aff00;
    font-weight: bold;
}
.text-light-green{
    color: #59d82f;
    font-weight: bold;
}
.text-green-bold{
    color: green;
    font-weight: bold;
}
.text-yellow{
    color: #F3AF00;
    font-weight: bold;
}
.text-red-bold{
    color: red;
    font-weight: bold;
}

/** customizando sistema de tags **/
.tags{
    width: 100%;
}

tags-input {
    min-height: 29px;
    height: 29px;
}

tags-input .tags .tag-item{
    font-size: 12px;
    height: 20px;

    color: #FFF;
    background: #4c8fbd;
    border: 1px solid #357ebd;
    border-radius: 4px;
    line-height: 20px;
}

tags-input .autocomplete .suggestion-item{
    color: #262626;
    background-color: #FFF;
    height: 29px;
    font-size: 12px;
    line-height: 20px;
}

tags-input .autocomplete .suggestion-item em{
    color: #262626;
    background-color: #FFF;
    height: 29px;
    font-size: 12px;
    line-height: 20px;
}

tags-input .tags .tag-item.selected {
    color: #FFF;
    background: #d9534f;
    border: 1px solid #d43f3a;
    line-height: 20px;
}

tags-input .autocomplete .suggestion-item.selected {
    color: #262626;
    background-color: #FFCD24;
    height: 29px;
    font-size: 12px;
    line-height: 20px;
}
tags-input .autocomplete .suggestion-item.selected em {
    color: #262626;
    background-color: #FFCD24;
    height: 29px;
    font-size: 12px;
    line-height: 20px;
}
.center{
    text-align: center;
}

.text-riscado {
    text-decoration:line-through;
}
.text-tachado{
    text-decoration:line-through;
}
.text-tachado-bold{
    text-decoration:line-through;
    font-weight: bold;
}
.text-tachado-bold-red{
    text-decoration:line-through;
    font-weight: bold;
    color: red;
}
.text-tachado-red{
    text-decoration:line-through;
    color: red;
}

.right-menu{
    padding: 0 0 0 10px;
}
.right-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
}
.right-menu li{
    clear: both;
    padding: 5px 0;
}

.right-menu .icone-rm {
    float: left;
    width: 30px;
    height: 24px;
}
.right-menu .texto-rm{
    width: 212px;
    height: 24px;
    padding: 3px 0;
    line-height: 18px;
    float: left;
    /*border: 1px dotted*/
}

/*
Consulta
*/
.janelaPrincipal {
    font-family: 'Arial';
    background-color: #FFF;
    border: 1px solid #999;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.25);
}
.janelaPrincipal .barraDeTitulo{
    line-height: 35px;
    border-bottom: 1px solid #000;
    background-color: #DDD;
    margin-bottom: 5px;
}
.janelaPrincipal .mascara{
    background-color:rgba(255, 255, 255, 0.82);
    position:absolute;
    top:0;
    left:0;
    z-index:1100;
}
.janelaPrincipal .modal{
    position: absolute;
    top: 150px;
    z-index: 1101;
}
.barraDeTitulo .btnFechar{
    top: 1px;
    right: 1px;
    position: absolute;
    padding: 0px 15px;
    color: #FFF;
    background-color: #666;
    cursor: pointer;
}
.barraDeTitulo .titulo{
    padding: 0 10px;
    font-size: 15px;
    font-weight: bold;
}
.janelaPrincipal .conteudo{
    padding: 10px;
}
.janelaPrincipal .lista{
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px;
    min-height: 120px;
}
.barraDeTitulo .title{
    font-size: 15px;
    padding: 0 14px;
    display: inline;
}
.janelaPrincipal .rodape{
    min-height: 20px;
}

/* OVERRIDE JQUERY */

.ui-datepicker{
    z-index: 9999 !important;
}

.ui-datepicker-month{
    color: #000;
}

.ui-autocomplete{
    z-index: 9999 !important;
}

.ui-dialog, .ui-jqdialog {
    z-index: 1103 !important;
}

.ui-dialog .ui-widget-header {
    border-bottom: 1px solid #000;
    background: transparent;
    margin-bottom: 5px;
}

.customclassII .ui-widget-header{
    line-height: 34px;
}

.customclassII .ui-dialog-title{
    font-size: 15px;
    padding: 0 14px;
    /*display: inline;*/
}

.customclassII .ui-dialog-titlebar{
    padding: 0px 0px;
    margin-bottom: 0px;
    background-color: #DDD;
}
.btn-grupo{
    height: 29px;
    margin-top: -4px;
    font-size: 15px;
}
.btn-ui-dialog-titlebar{
    position: absolute;
    width: 38px;
    height: 34px;
    padding: 0px 10px;
    line-height: 34px;
    border: none;
    color: #FFF;
    background-color: #666;
    cursor: pointer;
    outline: none;
    opacity: 1;
}

.customclassII .ui-dialog-titlebar-close {
    width: 38px;
    height: 34px;
    line-height: 34px;
    top: 10px;
    right: 0px !important;
    position: absolute;
    padding: 0px 10px;
    color: #FFF;
    background-color: #666;
    cursor: pointer;
    outline: none;
    opacity: 1;
}

.customclass{
    z-index: 1104 !important;
}

.customclass .ui-widget-header {
    line-height: 12px;
    border-bottom: 1px solid #ccc;
    background-color: #ddd;
    margin-bottom: 1px;
    color: #667;
}
.customclass .ui-dialog-title {
    font-size: 11px;
    padding: 0 10px;
    color: #000;
    /* display: inline; */
}
.customclass .ui-dialog-titlebar-close {
    width: 20px;
    height: 18px;
    line-height: 18px;
    top: 10px;
    right: 0px !important;
    position: absolute;
    padding: 0px;
    color: #FFF;
    background-color: #666;
    cursor: pointer;
    outline: none;
    opacity: 1;
}

.ui-state-default .ui-icon {
    background-image: initial;
}

.ui-accordion .ui-accordion-header:focus{
    outline: none;
}

.ui-menu .ui-menu-item:hover {
    background-color: #FFCD24;
}

.ui-menu-item-wrapper.ui-state-active {
    background-color: #FFCD24;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    color: #000;
}

.view-data-row{
    display: table;
    width: 100%;
}

.view-data-row .view-data-cell .bordered:first-child{
    border-left: 1px solid #ccc;
}

.view-data-row .view-data-cell{
    display: table-cell;
    padding: 5px 4px;
}

.view-data-row .view-data-cell .bordered{
    border: 1px solid #ccc;
    border-left: none;
}
.lista-overflow-freestyle{
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #bbb;
    padding: 9px
}
.lista-overflow{
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #bbb;
    padding: 9px;
    height: auto;
    min-height: 500px;
}
.x-overflow::-webkit-scrollbar {
    height: 7px;
    background: #F4F4F4;
}
.lista-overflow::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}
.lista-overflow::-webkit-scrollbar {
    width: 5px;
    background: #F4F4F4;
}
.lista-overflow::-webkit-scrollbar-thumb {
    background: #dad7d7;
}

.custom-scroll::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}
.custom-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #F4F4F4;
}
.custom-scroll::-webkit-scrollbar-thumb {
    background: #dad7d7;
}

.type-num {
    text-align: right;
}

ul.flex-container.right > li{
    text-align: right;
}

ul.flex-container.dividido-por-sete > li{
    flex-basis: 14.25%;
}

ul.flex-container.dividido-por-seis > li{
    flex-basis: 16.65%;
}
ul.flex-container.dividido-por-cinco > li{
    flex-basis: 20%;
}
ul.flex-container.dividido-por-quatro > li{
    flex-basis: 25%;
}
ul.flex-container.dividido-por-tres > li{
    flex-basis: 33.33%;
}
ul.flex-container.dividido-por-dois > li{
    flex-basis: 50%;
}

ul.espacamento_icons > li{
    margin: 0 2px;
    padding: 0 3px 0 0 !important;
}

ul.espacamento_icons > li:last-child{
    border-right: none;
}

@media all and (max-width: 768px) {

    ul.sft-flex-container > li{
        flex-basis: 100%;
    }

    ul.sft-flex-container > li.xs-50r{
        flex-basis: 50% !important;
        text-align: right !important;
    }

    ul.sft-flex-container > li.xs-50{
        flex-basis: 50% !important;
        text-align: left !important;
    }

    ul.sft-flex-container > li.xs-100{
        flex-basis: 100% !important;
        text-align: left !important;
    }
    ul.sft-flex-container > li.xs-70{
        flex-basis: 70% !important;
        text-align: left !important;
    }
    ul.sft-flex-container > li.xs-40{
        flex-basis: 40% !important;
        text-align: left !important;
    }
    ul.sft-flex-container > li.xs-30{
        flex-basis: 30% !important;
        text-align: left !important;
    }
    ul.sft-flex-container > li.xs-20{
        flex-basis: 20% !important;
        text-align: left !important;
    }
    ul.sft-flex-container > li.xs-10{
        flex-basis: 10% !important;
        text-align: left !important;
    }

    ul.flex-container.dividido-por-sete > li{
        flex-basis: 100%;
    }
    ul.flex-container.dividido-por-cinco> li{
        flex-basis: 100%;
    }
    ul.flex-container.dividido-por-quatro> li{
        flex-basis: 100%;
    }
    ul.flex-container.dividido-por-tres> li{
        flex-basis: 100%;
    }
    ul.flex-container.dividido-por-dois> li{
        flex-basis: 100%;
    }

    ul.flex-container > li.xs-10{
        flex-basis: 100%;
    }
    ul.flex-container > li.xs-09{
        flex-basis: 90%;
    }
    ul.flex-container > li.xs-08{
        flex-basis: 80%;
    }
    ul.flex-container > li.xs-07{
        flex-basis: 70%;
    }
    ul.flex-container > li.xs-75{
        flex-basis: 75%;
    }
    ul.flex-container > li.xs-06{
        flex-basis: 60%;
    }
    ul.flex-container > li.xs-05{
        flex-basis: 50%;
    }
    ul.flex-container > li.xs-03{
        flex-basis: 30%;
    }
    ul.flex-container > li.xs-25{
        flex-basis: 25%;
    }
    ul.flex-container > li.xs-02{
        flex-basis: 20%;
    }
    ul.flex-container > li.xs-15{
        flex-basis: 15%;
    }
    ul.flex-container > li.xs-01{
        flex-basis: 10%;
    }
    ul.flex-container > li.xs-00{
        flex-basis: 5%;
    }
    ul.flex-container > li.xs-33{
        flex-basis: 33.3%;
    }
    .type-num {
        text-align: left;
    }
}
@media all and (min-width: 768px) {

    ul.flex-container > li.sm-10{
        flex-basis: 100%;
    }
    ul.flex-container > li.sm-09{
        flex-basis: 90%;
    }
    ul.flex-container > li.sm-08{
        flex-basis: 80%;
    }
    ul.flex-container > li.sm-07{
        flex-basis: 70%;
    }
    ul.flex-container > li.sm-75{
        flex-basis: 75%;
    }
    ul.flex-container > li.sm-06{
        flex-basis: 60%;
    }
    ul.flex-container > li.sm-65{
        flex-basis: 65%;
    }
    ul.flex-container > li.sm-05{
        flex-basis: 50%;
    }
    ul.flex-container > li.sm-03{
        flex-basis: 30%;
    }
    ul.flex-container > li.sm-25{
        flex-basis: 25%;
    }
    ul.flex-container > li.sm-02{
        flex-basis: 20%;
    }
    ul.flex-container > li.sm-15{
        flex-basis: 15%;
    }
    ul.flex-container > li.sm-01{
        flex-basis: 10%;
    }
    ul.flex-container > li.sm-00{
        flex-basis: 5%;
    }
    ul.flex-container > li.sm-33{
        flex-basis: 33.3%;
    }

}
@media all and (max-width: 1200px) {
    ul.sft-flex-container > li.sm-100{
        flex-basis: 100% !important;
        text-align: left !important;
    }
    .icone-rm{
        display: none;
    }
    .texto-rm:before {
        content: "\AB\a0";
    }
}
@media all and (min-width: 1200px) {
}

ul.mainBody{
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.mainBody > li{
    padding: 0;
    margin: 0;
    float: left;
}

/* Coluna */
.em-coluna {
    display: flex;
    flex-direction: column;
}
.em-coluna > * {
    line-height: 26px;
    margin: 0;
}

/* Linha */
.em-linha {
    display: flex;
    flex-direction: row;
}
.em-linha > * {
    margin: 0;
}

.destaque-bordas{
    border-style: solid;
    box-sizing: borde-box;
}

/*flexBox*/
ul.flex-container:last-child{
    border-bottom: none
}

ul.flex{
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
ul.flex > li{
    padding: 0;
    margin: 0;
    flex: 1 auto;
}

ul.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* or inline-flex */
}

ul.flex-container > li{
    padding: 5px;
    text-align: left;
    align-self: center;
}

ul.flex-container.no-padding > li {
    padding: 0px;
    padding-right: 10px;
}

ul.flex-container.no-padding > li:last-child {
    padding: 0px;
    padding-right: 0px;
}

ul.flex-container.label-left > li > label  {
    text-align: left;
}

ul.flex-container.no-s-b > li {
    padding: 0px;
    margin: 0px;
}

ul.flex-container > li.auto-width{
    flex: 1 auto;
}
ul.flex-container > li.li-row{
    flex-basis: 100%;
}
ul.flex-container > li.qtde{
    flex-basis: 60px;
    text-align: right;
}


.w100 {
    width: 100%
}

.yellow-font{
    color: orange;
}
.green-font{
    color: green;
}

.separado-repet{
    border-bottom:1px solid #aaa;
    height: 6px;
    margin-bottom: 5px !important;
}

.destaque-de-calculo{
    border: 2px solid #BBB;
    border-radius: 7px;
    background-color: #FFF;
    margin: 0px 5px;
    padding: 6px;
    text-align: right;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.simpleDemo ul[dnd-list] {
    min-height: 42px;
    padding: 0px;
    margin: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.simpleDemo ul[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.simpleDemo ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

.simpleDemo ul[dnd-list] li {
    background-color: #fff;
    /*border: 1px solid #ddd;*/
    display: block;
    padding: 5px;
    margin-bottom: -1px;
}

/**
 * Show selected elements in green
 */
.simpleDemo ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}

.simpleDemo ul > li{
    cursor: move;
}

.sft-inputfile {
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.sft-inputfile + span {
    font-size: 14px;
    color: white;
    display: inline-block;
    cursor: pointer; /* "hand" cursor */
}

.sft-inputfile:focus + span,
.sft-inputfile + span:hover {
}

.sft-inputfile:focus + span {
    outline: none;
}

.sft-inputfile + span * {
    pointer-events: none;
}


.sft-accordion{
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}

.sft-accordion.ng-hide {
    opacity: 0;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.dnd-atalhos ul[dnd-list] {
}
.dnd-atalhos ul[dnd-list] > li.dndDraggingSource > div {
    display: none;
}
.dnd-atalhos ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    border: 3px #999 dashed;
    display: block;
    margin-top: 5px;
    width: 100px;
    height: 100px;
}

ul.sft-flex-container{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.sft-flex-container.header {
    font-weight: bold;
    color: #677;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
    background-color: #EEE;
    margin-bottom: 2px;
}

ul.sft-flex-container.header li {
    padding: 0px 10px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #ccc;
}

ul.sft-flex-container.header li:last-child {
    border-right: none;
}

ul.sft-flex-container.header li:first-child {
    border-left: none;
}

ul.sft-flex-container > li{
    padding: 0 1px;
    line-height: 29px;
}

.sft-flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.sft-flex-container .flex-item {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

ul.sft-flex-container.li-lh-18 > li{
    line-height: 18px;
}

.swerp-container {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.swerp-container .swerp-item:last-child {
    margin-right: 0px;
}
.swerp-container .swerp-item {
    margin-right: 2px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;

    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}


.line-height26 {
    line-height: 26px;
}
.line-height29 {
    line-height: 29px;
}

.line-height33 {
    line-height: 33px;
}

.label-mobile{
    padding: 0;
    margin: 5px 0 0 0;
    line-height: 4px;
}
.itens-nfce{
    min-height: 400px;
    overflow-y: auto;
    padding: 5px;
    margin: 3px 0;
    border: 1px solid #CCC;
}
.opcoes-nfce{
    min-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
    margin: 3px 0;
    border: 1px solid #ccc;
}
.item-nfce ul li{
    align-self: flex-start;
    padding: 0;
    margin: 0;
}
.item-nfce:first-child{
    border-bottom: 1px solid #EEE;
    margin: 8px 0;
}
.item-nfce:hover{
    background-color: rgba(255, 194, 0, 0.27);
}
.item-nfce-middle{
    border-bottom: 1px solid #EEE;
    margin: 8px 0;
}
.item-nfce-cod{
    color: #555;
    font-size: 11px;
    margin-bottom: 2px;
}
.item-nfce-valor{
    color: #555;
    font-size: 11px;
    margin-bottom: 2px;
}
.item-nfce-total{
    font-size: 14px;
    font-weight: bold;
}
.item-nfce-desc{
    font-size: 14px;
    font-weight: bold;
}
.totais-nfce{
    padding: 5px;
    margin: 3px 0;
    border: 1px solid #CCC;
}
.total-box{
    min-width: 125px;
    color:#000;
    height: 57px;
    border: 2px solid #BBB;
    border-radius: 7px;
    background-color: #FFF;
    margin: 5px;
    padding: 5px 10px;
    display: inline-block;
}
.total-label{
    font-size:10px;
    line-height: 14px;
    margin: 0 0 4px 0;
    padding: 0;
}
.total-value{
    font-size: 18px;
    font-weight: bold;
}

ul.ul-flex{
    list-style: none;
    margin: 0;
    padding: 0;
}

.ul-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;

    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ul-flex .li-flex {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.fbasis100 {
    flex: 1 1 100% !important;
}

.fbasis50 {
    flex-basis: 50% !important;
}

.fbasis45 {
    flex-basis: 45% !important;
}

.fbasis30 {
    flex: 1 1 30% !important;
}

.fbasis25 {
    flex: 1 1 25% !important;
}

.fbasis20 {
    flex: 1 1 20% !important;
}

.fbasis10 {
    flex-basis: 10% !important;
}

.marginR30 {
    margin-right: 30px !important;
}

help-link a:active {
    color: red;
}

help-link a:hover {
    color: blue;
}

help-link a {
    color: red;
}

.avaliacao-fornecedor-box {
    z-index: 1108;
}

.diplay-initial {
    display: initial !important;
}

.text-bold{
    font-weight: bold;
}

.grid-resumo-fechamento{
    line-height: 29px;
    display: grid;
    grid-template-columns: 5fr 1fr;
    border-bottom: 1px dashed #ccc;
    font-size: 15px;
    padding: 0px;
}

.rec-fechamento-caixa{
    border-bottom: 1px dashed #ccc;
    font-size: 15px;
    padding: 0px;
}
.linha-dashed{
    border-bottom: 1px dashed #ccc;
    line-height: 26px;
    padding: 0px;
}

.bold{
    font-weight: bold;
}

.sft-fielset{
    position: relative;
    border: 1px solid #ccc;
    padding: 15px 5px 5px 5px;
    margin-top: 15px;
}

.sft-fielset-title {
    background-color: #FFF;
    border: 1px solid #ccc;
    padding: 2px 5px;
    font-size: 10px;
    color: #333;
    position: absolute;
    top: -8px;
    left: 5px;
}
.ul-none {
    list-style: none;
    margin: 0;
}
.ul-none > li{
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: none;
}

.ul-estruturacao-fiscal {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ul-estruturacao-fiscal > li{
    padding: 2px 5px;
    margin-bottom: 2px;
}
.ul-estruturacao-fiscal.sub-ul{
    border-left: 1px dotted #999;
}
.ul-estruturacao-fiscal.sub-ul > li{
}

.grid-container {
    display: grid;
}

.grid-container-apuracao-fiscal{
    display: grid;
    grid-template-columns: minmax(710px, 1fr) minmax(125.5px, 125.5px);
}
.grid-container-apuracao-fiscal > div {
    padding: 4px 5px;
}
.tooltip{
    z-index: 9990;
}

.infomacao-cabecalho-padrao{
    display: inline;
}
@media all and (max-width: 768px) {
    .infomacao-cabecalho-padrao{
        display: block;
    }
}

.dropdown-custom {
    margin: -4px;
}

.fase-producao{
    border: 1px solid #999;
    background-color: #CCC;
}
.fase-producao-header{
    padding: 0 10px;
    line-height: 30px;
}
.fase-producao-title{
    font-weight: bold;
}
.fase-producao-body{
    padding: 5px 5px;
}

.fase-producao-controle{
    margin-top: -30px;
}

.fase-producao-controlex{
    display: grid;
    grid-template-columns: repeat(6, 20px);
    column-gap: 2px;
}
.fase-producao-controlex > td {
    vertical-align: central;
}

.fase-producao-n1{
    border: 1px solid #999;
    background-color: #EEE;
    margin-left: 15px;
    margin-bottom: 5px;
}
.fase-producao-n2{
    border: 1px solid #999;
    background-color: #FFF;
    margin-left: 15px;
    margin-bottom: 5px;
}
.fase-producao-n3{
    border: 1px solid #999;
    background-color: #FFF;
    margin-bottom: 5px;
}

.handle {
    cursor: move;
}

.bgcolor-black{
    color: #FFF !important;
    background-color: #333 !important;
}

.bgcolor-white{
    color: #333 !important;
    background-color: white !important;
}
.bgcolor-grey{
    color: #333 !important;
    background-color: #eee !important;
}
.bgcolor-yellow-light{
    color: #333 !important;
    background-color: #F7ECC5 !important;
}
.box-basico{
    border: 1px solid #999;
    padding: 6px;
    margin-top: 5px;
}

/*material-info-estoque*/

.grid-principal-border{
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #CCC;
}

.ime-header{
    border-bottom: 2px solid #CCC;
    line-height: 20px;
    text-align: right;
}
.ime-group{
    border-bottom: 1px dashed #CCC;
    line-height: 25px;
}
.ime-valeu{
    text-align: left;
}
.ime-value{
    text-align: right;
}

.col-two-fix {
    display: grid;
    grid-template-columns: 1fr 20px;
    grid-gap: 2px;
    padding: 0 4px;
}
.col-two-fix > * {
    line-height: 26px;
}

.group-list-field {
    border: 1px solid #bbb;
    border-top: none;
    padding: 2px;
}
.grid-col-3{
    display: grid;
    grid-template-columns: 105px 1fr 25px 1fr 25px;
    grid-gap: 2px;
}

#lhcfaq_iframe .panel-body{
    max-height: 250px;
    overflow: auto;
}
.input-group-supply .btn-group-supply, .input-group-btn .btn-group-supply{
    line-height: 25px;
    border: 1px solid #bbb;
    border-left: none;
    min-width: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.dropdown-menu.drop-supply li{
    position: relative;
}

.destaque-linhas {
    border-bottom: 1px solid #ddd;
}

.block-nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.sft-green{
    color:green;
}


.footerAlert{
    text-align: right;
    padding: 5px 12px 15px;
}
.footerAlert button{
    min-width: 100px;
    padding: 6px 9px;
    margin: 0 5px;
    border: none;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    background-color: #777;
    padding: 6px 6px;
    margin: 0 5px;
}
.footerAlert button:hover{
    background-color: #222;
}
.footerAlert .yes{
    color: #FFF;
    background-color: #85b558;
}
.footerAlert .yes:hover{
    color: #FFF;
    background-color: #6c9842;
}
.footerAlert .no{
    color: #fff;
    background-color: rgb(210, 90, 70);
}
.footerAlert .no:hover{
    color: #fff;
    background-color: rgb(180, 80, 60);
}
.btnAlert2{
    padding: 5px;
}
.btn-defaultAler2t{
    background-color: #333;
}
.btn-defaultAler2t:hover{
    background-color: #999;
}

.form-endereco {
    display: grid;
    gap: 5px;
}
.form-endereco.linha-01 {
    grid-template-columns: 120px 1fr 100px 170px 270px;
}
.form-endereco.linha-01-A {
    grid-template-columns: 120px 1fr 270px;
}
.form-endereco.linha-02 {
    grid-template-columns: 165px 1fr 270px;
}
.form-endereco.linha-03 {
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
}
.form-endereco.linha-04 {
    grid-template-columns: 165px 1fr 170px 270px;
}
@media all and (max-width: 768px) {
    .form-endereco.linha-01,
    .form-endereco.linha-01-A,
    .form-endereco.linha-02,
    .form-endereco.linha-03,
    .form-endereco.linha-04 {
        grid-template-columns: 1fr;
    }
}

.lista-devolucao-form .material{
    display: grid;
    grid-template-columns: 1fr 100px;
}
.lista-devolucao-form .dupla {
    display:grid;
    grid-template-columns: 1fr 100px;
}
.lista-devolucao-form .lista {
    display: grid;
    grid-template-columns: 1fr 1fr 180px 90px 90px 90px 90px;
}
.lista-devolucao-form .lista.compra {
    grid-template-columns: 1fr 1fr 180px 90px 90px 90px 90px;
}
@media all and (max-width: 1000px) {
    .lista-devolucao-form .label-mobile {
        line-height: 15px;
    }
    .lista-devolucao-form .dupla {
        grid-template-columns: 1fr 1fr;
    }
    .lista-devolucao-form .lista, .lista-devolucao-form .lista.compra {
        grid-template-columns: 1fr;
    }
}

.linha-item-lista-novo{
    border-top: 1px solid #bbb;
    padding: 2px 0;
    min-height: 34px;
}

.linha-item-lista-novo:hover{
    font-weight: bold;
    background-color: rgba(255, 194, 0, 0.27);
}
.linha-item-lista-novo .not-hover:hover{
    font-weight: initial;
    background-color: rgba(255, 194, 0, 0.27);
}

.linha-item-lista-novo-first{
    border-top: solid 1px;
    border-color: transparent;
    min-height: 34px;
}

.sft-label-default{
    font-weight: normal;
    padding: 0.2em 0.6em 0.3em;
    color: white;
    background-color: #abbac3;
    display: inline;
}

.isDisabled {
    opacity: 0.8;
    pointer-events: none;
    cursor: not-allowed;
}