@font-face {font-family: 'latomedium'; src: url('fonts/lato-medium.eot'); src: url('fonts/lato-medium.eot?#iefix') format('embedded-opentype'), url('fonts/lato-medium.woff2') format('woff2'), url('fonts/lato-medium.woff') format('woff'), url('fonts/lato-medium.ttf') format('truetype'), url('fonts/lato-medium.svg#latomedium') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'latobold'; src: url('fonts/lato-bol-webfont.eot'); src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-bol-webfont.woff2') format('woff2'), url('fonts/lato-bol-webfont.woff') format('woff'), url('fonts/lato-bol-webfont.ttf') format('truetype'), url('fonts/lato-bol-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'latoregular'; src: url('fonts/lato-reg-webfont.eot'); src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-reg-webfont.woff2') format('woff2'), url('fonts/lato-reg-webfont.woff') format('woff'), url('fonts/lato-reg-webfont.ttf') format('truetype'), url('fonts/lato-reg-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'latolight'; src: url('fonts/lato-lig-webfont.eot'); src: url('fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-lig-webfont.woff2') format('woff2'), url('fonts/lato-lig-webfont.woff') format('woff'), url('fonts/lato-lig-webfont.ttf') format('truetype'), url('fonts/lato-lig-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal;} 
@font-face {font-family: 'latoitalic'; src: url('fonts/lato-regita-webfont.eot'); src: url('fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-regita-webfont.woff2') format('woff2'), url('fonts/lato-regita-webfont.woff') format('woff'), url('fonts/lato-regita-webfont.ttf') format('truetype'), url('fonts/lato-regita-webfont.svg#latoitalic') format('svg'); font-weight: normal; font-style: normal;}

html { min-height:100.1% }

body{font-family: 'latoregular'; font-weight: normal; font-size: 14px; background: #eeefea;min-height:100.1%;} 
input, select, text-area, button, input:focus, select:focus, text-area:focus, button:focus{outline: none;}  
.glabproducts{border:1px solid #3b3b3b; border-radius:25px; margin:20px 0; min-height:120px; padding:10px 0 0 0; background:#fff}
 
 .custombtn
				{
				display: inline-block;
				background-color: #000;
                color: #fff!important;
				font-size: 12px;
				font-weight: 600;
				border: none;
				text-decoration: none!important;
				padding: 5px 10px;
				box-sizing: border-box;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				text-align: center;
				}
        
  .custombtn.approve-btn
				{
				background-color: #299d8c;
				}
        
  .custombtn.reject-btn
				{
				background-color: #be1622;
				}
 
  .link-text{
  background-color: #bda892;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    color: #fff;
    width: 80%;
    border-radius: 25px;
    border: none;
  }
 .link-text:hover {background-color: #cbb9a7; }
 
.black-bg{background: #000000;}

.mid-green-bg{background: #4db50d; color:#fff;}

.dark-green-bg{background: #49ac0c;}
.gr-bg{background: #f1f2f2;}
.gr-bg-light{background: #d9d9d9;}
.pink-bg{background: #d80468;}
.yellow-bg{background: #f1c22e;}
.bluish{background: #138997;}
.white-bg{background: #fff;}
.orange-bg{background: #f27405;}
.bd-b{border-bottom: 1px solid #000000;}
.bd-bw{border-bottom: 1px solid #fff;}
.bd-lw{border-left: 1px solid #fff;}
.white-text{color: #fff;}
.light-pink-bg{background: #d982c9;} 
.light-orange-bg{background: #ffb574;}
.light-bluish{background: #05bec0;} 

.top-container {width: 100%; margin: 0 auto; padding:  26px 15px; background: #fff;}
.elementdisplaynone{display:none !important;}
.elementdisplayblock{display:block !important;}

.rwsbutton3 {  background-color: transparent; border: none; text-align: center; text-decoration: none; display: inline-block; font-size: 0px; margin: 0px; cursor: pointer; padding: 0px 0px;}

	#resultsListError{ color: #ff0000; font-size: 18px; text-align: center; min-height:10px;}
header {display: inline-block; vertical-align: top; width: 100%; padding:0;}

header .logo{text-align: left;}

header .logo img{max-width:120px; }

.header-right{text-align: right; padding: 19px 15px 0; display: inline-block; vertical-align: middle;}
.header-right a{margin-left: 10px;}
.header-right a:nth-child(2){border-radius: 100%;}
.header-right a:nth-child(2) img{border-radius: 100%; width: 36px; height: 36px;}
.header-right a:nth-child(4){margin-left: 3px;}
.page-container{padding: 25px 15px; background: #eeefea; width: 100%; margin: 0 auto; display: inline-block; vertical-align: top;}
.main-container{width: 100%; max-width: 750px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.prg-d{padding: 10px 0 5px; font-family: 'latoitalic'; font-weight: normal; font-size: 13px;}
.prg-d .col-lg-3, .prg-d .col-lg-2{text-align: right; padding-right: 0;}
.acc{width: 100%;}
.acc .card{margin-bottom: 20px; border: 0; border-radius: 0;}
.acc .nest-div .card{margin-bottom: 10px;}
.acc .mb-0 > a {display: block; position: relative; color: #fff; text-decoration: none; font-family: 'latobold'; font-weight: normal; font-size: 17px;}
.acc .mb-0 > a span{font-family: 'latoregular'; font-weight: normal; padding: 0 0 0 5px;}
.acc .mb-0 > a:after {/*content: "\f078";  fa-chevron-down font-family: 'FontAwesome';*/ display: inline-block; width: 22px; height: 22px;
    vertical-align: middle; position: absolute; right: 34px; content: ""; background: url(../images/arrow-right-white.svg) no-repeat center center;background-size: 22px 22px;
    text-align: right;}
.acc .mb-0 > a[aria-expanded="true"]:after {/*content: "\f077";  fa-chevron-up */ content: ""; background: url(../images/arrow-bottom-white.svg) no-repeat center center;
	background-size: 22px 22px;
 display: inline-block;
    width: 22px; height: 22px; vertical-align: middle;}
.acc .card-header{padding: 0; border: 0;}
.acc .mb-0 > a{padding: 16px 20px}
.accprintpage .mb-0 > a:after {display: inline-block; width: 22px; height: 22px;
    vertical-align: middle; position: absolute; right: 34px; content: ""; background: url(../images/arrow-bottom-white.svg) no-repeat center center;
text-align: right; background-size: 22px 22px;}
.space2 strong a {text-transform:uppercase}
.space2 strong a:hover {color:#000; text-decoration:none;}

.svgcheckwhite{max-width:20px;}
	 
.col-pic {text-align: right; width: 36%; float: right; margin-right: 147px; margin-top: -7px;}
.col-pic img{border-radius: 100%; width: 36px; height: 36px; margin-left: 5px; }
.col-pic img.slave{
  opacity:90%;
   filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}



.glabproducts div.light-gr {
    background:#d9d9d9;
}

.glabproducts div.yellow-bg {
    background:#f1c22e;
}


.glabproducts div.mid-green-bg {
    background:#4db50d;
}



.righttext{
	 float: right;
    padding: 6px 0;
    color: #fff;
    border-radius: 40px;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    text-align: center;
	}

.righttext.morethentwo {
    background: #ff0000!important;
}

div#resultsList .row:nth-child(1) {background: #e1e1e1 /*#bdc0bf*/; font-size: 16px;}
div#resultsList .row:nth-child(1) .col-1{background: #e1e1e1;}
div#resultsList .row .col-lg-2, div#resultsList .row .col-1 {padding: 7px 0; border: 1px solid #bdc0bf; text-align: center;
    font-size: 14px; font-weight: bold; border-right: 0; border-bottom: 0;}
div#resultsList .row .col-1 {background: #fff;}
div#resultsList .row:nth-child(1) .col-lg-1:last-child, div#resultsList .row .col-1:last-child {border-right: 1px solid #bdc0bf;}
div#resultsList .row:last-child {border-bottom: 1px solid #bdc0bf;}
div#resultsList .row .col-1 img{max-width: 100%;}
.resultcolumn .col-1 {max-width: 8.111111%;}


/*div#resultsList .row .col-2 img{width: 140px; height: 140px;}
div#resultsList .row .col-2:first-child{padding: 0;}*/

.resultcolumn#resultsList ul{display: inline-block; vertical-align: top;
    padding: 0; width: 100%;}
.resultcolumn#resultsList ul li{text-align: center;}
#resultsListLogData {margin-bottom: 1rem; padding-bottom: 1rem; border: 0;}
#resultsListLogData .col-4 select{margin-top: 0;}
#resultsListLogData .row{display: table; width: 100%; padding: 8px 0;margin-right:0px; margin-left:0px;}
#resultsListLogData .row {display: table;}
#resultsListLogData .row .col-2, #resultsListLogData .row .col-4, #resultsListLogData .row .col-3, #resultsListLogData .row .col-6{display: table-cell; vertical-align: middle;}
#resultsListLogData .row .col-2 button{margin-bottom: 0;}
#completebox{max-width: 414px; width: 100%; margin: auto; text-align: center;}
#completebox h2{font-size: 1.5rem;}
#completebox h2 img{margin-right: 5px;}
#completebox input{background: #fff;}
#completebox input#inputfile {padding: 0.3rem 0.75rem; height: 45px; line-height: 27px;}



.row.gr-bg2{margin: 0; padding: 8px 0;display: table;max-width:100%;width:100%; font-size: 14px !important;}
.row.gr-bg2 .col-6, .row.gr-bg2 .col-4, .row.gr-bg2 .col-2{display: table-cell; vertical-align: middle;}
.row.gr-bg2 .col-4 select{width: 80px; margin: 0; display: inline-block;
    vertical-align: middle; height: 30px; line-height: 27px; padding: 0 1rem;} 
.row.gr-bg2 .col-4 input[type=checkbox]{width: 25px; height: 25px; display: inline-block;
    vertical-align: middle; margin: 0 5px 0 0;}
.row.gr-bg2 .col-2 button{width: 100%; padding: 5px 14px; margin: 0;
    vertical-align: middle;}





#resultsListLogData .row.lotsgroup-green, #resultsListLogData .row.lotsgroup-orange{margin: 0; padding:0;}
.lotsgroup-green .col-12, .lotsgroup-orange .col-12{padding: 0;}
#resultsListLogData .row.lotsgroup-green .row, #resultsListLogData .row.lotsgroup-orange .row{padding: 8px 0; margin: 0;}
.lotsgroup-green .col-6, .lotsgroup-orange .col-6{max-width: 100%;}
/* .lotsgroup .col-6, .lotsgroup-orange .col-6{max-width: 100%;} */
.row.lotsgroup.green-color .col-6, .row.lotsgroup.green-color .col-5,
.row.lotsgroup.orange-color, .row.lotsgroup.orange-color .col-5{max-width:50%; display: table-cell; vertical-align: middle;}
#resultsListLogData .row.lotsgroup.green-color, 
#resultsListLogData .row.lotsgroup.orange-color,
#resultsListLogData .row.lotsgroup.green-color .row, 
#resultsListLogData .row.lotsgroup.orange-color .row{margin: 0; vertical-align: middle; max-width: 100%;}
#resultsListLogData .row.lotsgroup.green-color .col-12, 
#resultsListLogData .row.lotsgroup.orange-color .col-12{padding: 0;}
.row.lotsgroup.green-color .col-6 button, 
.row.lotsgroup.green-color .col-5 button, 
.row.lotsgroup.orange-color button, 
.row.lotsgroup.orange-color .col-5 button {margin-bottom: 0;}
.row.rows-green{background: #008000; padding: 0; margin: 0;}
.row.rows-green .col-12{display: table; width: 100%;}
.row.rows-green .col-12 select{width: 100px; float: right; margin: 0; background: #fff;}
.imgwidth{max-width: 50px;}
.button4{margin-bottom: 0;}
.imgpalettes{width:100%; margin: 1rem 0;}
.dynamicbg{background-position: 14px 7px !important; background-size: 50px !important; padding-left: 55px !important; clear: both; height: 56px;}
.qtytext {float: left; margin: 5px;}
.dynamicbg a:nth-child(1){width: 90%; float: left; height: 56px;}
.dynamicbg a:nth-child(2){background: #fff; width: 10%; float: left; height: 56px;}
.dynamicbg a:nth-child(2)::after {display: none !important;}