body { 
    font-size:18px !important;
}

.form-control{
    font-size:18px;
    line-height:18px;
}

.btn{
    font-size:18px;
    line-height:18px;
}

.printableSkuName{
    text-align: center;
    width: 200px;
    font-size: 15px;
}
.printableSkuText{
    font-weight:bold;
}


.reception-fields{
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
}


.reception-fields > .form-group{
    width:33%;
}

.reception-fields > .form-group.sku{
    width: 15% !important;
}

.reception-fields > .form-group.barcode{
    width: 15% !important;
}

.reception-fields > .form-group.codtva{
    width: 15% !important;
}

.reception-fields > .form-group.product_name{
    width: 55% !important;
}


.reception-fields > .form-group.serialnumber, .reception-fields > .form-group.serialnumber2, .reception-fields > .form-group.sn_rule{
    width: 33% !important;
}

@media only screen and (max-width: 1000px) {
    .reception-fields > .form-group{
        width:50%;
    }
}

@media only screen and (max-width: 500px) {
    .reception-fields > .form-group{
        width:100%;
    }
}

.prodPicture{
    max-height: 230px;
}


.form-group textarea{
    width:100% !important;
}

.CEP_flex{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
}

.CEP_flex > input{
    width:33.32%
}

.flex{
    display:flex;
    justify-content:space-between;
    align-items: center;
}

.col-50{
    width:48%;
    margin:1%;
}

@media only screen and (max-width: 700px) {
    .col-50{
        width:98%;
        margin:1%;
    }
}




@page{
    margin:0;
    size: 4cm 3cm;
}
@media print{
    #generatedQRText{
        width: 200px;
        text-align: center;
        margin-left:auto;
        margin-right:auto;
    }

    .printableSkuName{
        font-size:10px !important;
    }

    html, body {
        width: 4cm;
        height: 3cm;
        
    }
}


.btn-qty-PHM{
    position: absolute;
    top: 0;
    background: #ff4b4b;
    font-weight: bold;
    padding: 0px 10px;
    border-radius: 0px 0px 3px 3px;
    width: 75px;
    text-align: center;
    color: white;
    text-shadow: 0px 0px 1px #a5a5a5;
}

.btn-qty-PHM:hover{
    cursor:pointer;
    background: #f01212;
}

.btn-qty-PHM:active{
    cursor:pointer;
    background: #00b62c;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

.ncol-10{
    width:10%;
}
.ncol-20{
    width:20%;
}
.ncol-30{
    width:30%;
}
.ncol-40{
    width:40%;
}
.ncol-50{
    width:50%;
}
.ncol-60{
    width:60%;
}
.ncol-70{
    width:70%;
}
.ncol-80{
    width:80%;
}
.ncol-90{
    width:90%;
}
.ncol-100{
    width:100%;
}

.align-items-start {align-items: start;}
.p-1 {padding: 10px;}

.validation_errors {color: #ff0000;}

.justify-content-start {justify-content: start;}

.w-100px {width: 100px;}

.cepsTable table, .cepsTable th, .cepsTable td {
    border: 1px solid black;
    border-collapse: collapse;
  }

.cepsTable td {
    padding: 10px;
    text-align: left;
}

.cepsTable th {
    text-align: center;
    padding: 10px;
}

.cepAction {
    text-decoration: underline;
    cursor: pointer;
    color: #008000;
}

.cepAction1 {
    color: #ff0000;
}

.d-none {
    display: none;
}

.main-footer{
    height: 50px;
}

.skin-blue .sidebar-menu>li>a {border-left: none !important;}
.main-header .sidebar-toggle {padding: 13px 15px;}
.main-header {margin: 0px!important;background-color: #367fa9;}
.main-header .navbar {margin-left: 250px!important; justify-content: start!important;align-items: center!important;}
.main-header .logo {width: 250px!important;}
.main-sidebar {padding-top: 70px!important;}

/* .m-a-30 {margin: 30px!important;} */
/* .content-wrapper-inner {margin: 30px 15px;} */
/* .content-wrapper, .main-footer {padding: 0px 20px;} */
.card .form-group {display: flex;}

.card .select2-selection {height: 32px;}

.small-box .inner {min-height: 100px;}