@charset "utf-8";
/* CSS Document */

body, html {margin:0px; padding:0px; height:100%; width:100%;}

/*----- Disable Text Selection with CSS Code-------*/

body {font:normal 13px/20px Tahoma, Geneva, sans-serif; color:#6c6c6c; background:#fff;}
form {margin:0px; padding:0;}
a {outline: none; text-decoration:none; color:#6cbb9e;}
img {border:0;}
p, h1, h2, h3, h4, h5, h6 {padding: 0px; margin:0px;}
ul, li, ol, dl, dt, dd {padding:0px; margin:0px;}
ul li {list-style-type:none;}
table, td, th {padding:0; border:0;}
table {border-collapse:collapse; border-spacing:0;}
header, footer, aside, nav, article, section, hgroup, figure, figcaption {display:block;}
address {font-style:normal;}
button {background:transparent; border:0; cursor:pointer; padding:0; margin:0; width:auto;}

/* Remove button padding in FF */
button::-moz-focus-inner,
input::-moz-focus-inner {border:0; padding:0;}

/* remove border around all input,textarea and select elements */
input:focus, textarea:focus, select:focus {outline: none;}

.fl {float:left;}
.fr {float:right;}
.cb {clear:both; height:0;}

.midalign {display:block;}

.container {position:relative; min-width:150px; z-index:1; background-color:#efefef;}

.wrapper {width:100%; margin:0 auto;}
#main {clear:both;}

#header, #footer {}

#header {padding-bottom:56px; background-color:#fff;}
#header .wrapper {position:relative;}
#header .top {padding:19px 0 0 0; min-height:87px; border-bottom:1px solid #e7e7e7;}

.applogo {width:120px; float:left; padding-top:7px; margin:0 0 15px 0;}
.applogo a {height:29px; display:block; background:url(../images/wasteplus-logo-120.png) no-repeat 0 0; text-indent:-8000px;}

.companylogo {clear:both; float:left; color:#dadada; padding-right:2px; margin-bottom:16px; padding-top:7px;}
.companylogo img {width:100%; display:block;}
.companylogo.txt {font:italic bold 26px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; overflow:hidden; padding-top:0;}

.usermenu {font-size:13px; line-height:14px; color:#9c9c9c; overflow:hidden; clear:both;}
.usermenu li {display:block;}
.usermenu li.nolink {padding-top:10px; padding-bottom:10px;}
.usermenu li a {color:#9c9c9c; display:block; position:relative; border:1px solid #e7e7e7; background-color:#f4f4f4; padding:7px 35px 7px 10px;}
.usermenu li a:hover {color:#3c3c3c; background-color:#e6e6e6;}
.usermenu b {color:#515151; font-weight:normal;}
.usermenu .icon {height:20px; width:23px; display:block; cursor:pointer; position:absolute; right:6px; top:4px; z-index:4; background:url(../images/iconset1.png) no-repeat 0 0;}
.usermenu .tools .icon {background-position:0 0;}
.usermenu .tools:hover .icon {background-position:0 -21px;}
.usermenu .users .icon {background-position:-23px 0;}
.usermenu .users:hover .icon {background-position:-23px -21px;}
.usermenu .logout .icon {background-position:-46px 0;}
.usermenu .logout:hover .icon {background-position:-46px -21px;}
.usermenu .off .icon {background-position:-69px 0;}
.usermenu .off:hover .icon {background-position:-69px -21px;}

.mainnav {
	clear: both;
	margin-top: -56px;
	margin-bottom: 21px;
	text-align: center;
	font-size: 15px;
	line-height: 18px;
	position: relative;
	float: left;
  }
  
  .mainnav ul {
	background-color: #ec8a68;
	overflow: hidden;
	display: flex; /* Make the parent container a flexbox */
	justify-content: flex-start; /* Align items to the left */
	padding: 0; /* Remove default padding */
	list-style-type: none; /* Remove bullet points */
	margin: 0; /* Remove default margin */
  }
  
  .mainnav li {
	background: url(../images/mainnav-sep-v.png) repeat-x left top;
	padding-top: 1px;
  }
  
  .mainnav li.first {
	background: none;
	padding-top: 0;
  }
  
  .mainnav a {
	color: #fdfdfd;
	display: block;
	height: auto;
	padding: 13px 15px 14px 15px;
	overflow: hidden;
	background: #ec8a68 url(../images/mainnav-hover.png) repeat-x 0 -612px;
  }
  
  .mainnav a.current {
	background-color: #70b69e;
  }
  
  .mainnav a span {
	cursor: pointer;
  }
  
  .mainnav .shadbot {
	clear: both;
	height: 5px;
	background: url(../images/mainnav-shadbot.png) no-repeat 0 0;
	background-size: 100% 100%;
  }
  
  .mainnav .shadrght {
	position: absolute;
	z-index: 9;
	right: -6px;
	top: 4px;
	width: 6px;
	min-height: 69px;
	background: url(../images/mainnav-shadrght.png) no-repeat 0 100%;
  }
  
  .mainnav li#reversed {
	margin-left: auto;
  }
.sidebar {width:100%; clear:left;}

.headershad {height:6px; clear:both; background:url(../images/header-shad.png) repeat-x 0 0;}

#footer {min-height:56px; position:relative; background-color:#fff; font-size:12px; line-height:15px; color:#9a9a9a; border-bottom:1px solid #e7e7e7;}
#footer .wrapper {overflow:hidden;}

#footer .lcol {padding:19px 50px 18px 0; margin-left:auto; margin-right:auto;}
#footer .lcol a:hover {color:#ec8a68;}
#footer .btns {font-size:13px;}
#footer .btns a {color:#9b9b9b; background-color:#f4f4f4; display:block; margin-left:2px; padding:10px 15px 10px 15px; text-align:center;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
#footer .btns a:hover {background-color:#e6e6e6;}
#footer .btns a span {display:block; cursor:pointer;}
#footer .shad {height:13px; position:absolute; left:0; top:-13px; z-index:10; width:100%; background:url(../images/footer-shad.png) repeat-x 0 0;}
#footer .brnlnk {font:italic normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* sidebar gradient, method 1 */
/*.sidebar {background:url(../images/sidebar-shad.png) no-repeat 100% 5px; float:left; padding-right:6px; margin-bottom:20px;}
.sidebar .grad {background:url(../images/sidebar-grad.png) repeat-x 0 0;}
.sidebar .leaf {padding:15px 14px 20px 16px;}*/

/* sidebar gradient, method 2 */
.sidebar {background:url(../images/sidebar-shad2.png) no-repeat 100% 0px; margin-top:5px; float:left; padding-right:6px; margin-bottom:20px;}
.sidebar .grad {background:#fff; margin-top:-5px;}
.sidebar .leaf {padding:15px 14px 20px 16px;}

.sidebar h3 {font-weight:bold; font-size:20px; line-height:23px; color:#6cbb9e; margin-bottom:15px;}

.maincol {clear:both; padding-top:5px;}

.label1 {background:url(../images/heading-shad.png) no-repeat 100% 4px; padding-right:5px; color:#efefef; font-size:20px; line-height:23px; font-weight:bold; display:inline-block; margin-left:7px;}
.label1 span {background-color:#6cbb9e; display:block; padding:9px 20px 10px 17px;}

.content { padding-bottom:30px; overflow:hidden;}

.panel li {text-align:center; background-color:#f9f9f9; border-width:1px; border-style:solid; border-top-color:#ffffff; border-left-color:#ffffff; border-right-color:#e6e6e6; border-bottom-color:#e6e6e6; margin:0 3px 3px 0; height:183px; min-width:125px;}
.panel li a {font-size:16px; line-height:19px; text-transform:capitalize; color:#9c9c9c; display:inline-block;}
.panel li a:hover {color:#3c3c3c;}
.panel li .icon {width:80px; height:80px; display:block; cursor:pointer; margin:0 auto 10px auto; background:url(../images/iconset2.png) no-repeat 0 0;}
.panel li.incoming .icon {background-position:0 0;}
.panel li.incoming a:hover .icon {background-position:0 -80px;}
.panel li.infolder .icon {background-position:-80px 0;}
.panel li.infolder a:hover .icon {background-position:-80px -80px;}
.panel li.warning .icon {background-position:-160px 0;}
.panel li.warning a:hover .icon {background-position:-160px -80px;}
.panel li.chart .icon {background-position:-240px 0;}
.panel li.chart a:hover .icon {background-position:-240px -80px;}
.panel li.truck .icon {background-position:-320px 0;}
.panel li.truck a:hover .icon {background-position:-320px -80px;}
.panel li.outgoing .icon {background-position:-400px 0;}
.panel li.outgoing a:hover .icon {background-position:-400px -80px;}
.panel li.print .icon {background-position:-480px 0;}
.panel li.print a:hover .icon {background-position:-480px -80px;}
.panel li.clientlist .icon {background-position:-560px 0;}
.panel li.clientlist a:hover .icon {background-position:-560px -80px;}
.panel li.newclient .icon {background-position:-640px 0;}
.panel li.newclient a:hover .icon {background-position:-640px -80px;}
.panel li.entrylist .icon {background-position:-720px 0;}
.panel li.entrylist a:hover .icon {background-position:-720px -80px;}
.panel li.newentry .icon {background-position:-800px 0;}
.panel li.newentry a:hover .icon {background-position:-800px -80px;}
.panel li.process .icon {background-position:-880px 0;}
.panel li.process a:hover .icon {background-position:-880px -80px;}
.panel li.sendprocess .icon {background-position:-960px 0;}
.panel li.sendprocess a:hover .icon {background-position:-960px -80px;}
.panel li.deleteclient .icon {background-position:-1040px 0;}
.panel li.deleteclient a:hover .icon {background-position:-1040px -80px;}
.panel li.endproduct .icon {background-position:-1120px 0;}
.panel li.endproduct a:hover .icon {background-position:-1120px -80px;}
.panel li.offpremises .icon {background-position:-1200px 0;}
.panel li.offpremises a:hover .icon {background-position:-1200px -80px;}
.panel li.history .icon {background-position:-1280px 0;}
.panel li.history a:hover .icon {background-position:-1280px -80px;}

.btnset1 a {display:block; font-size:13px; line-height:14px; color:#6c6c6c; text-transform:lowercase; padding-right:17px; background:url(../images/btn1-ri.png) no-repeat 100% 0; margin-bottom:11px; position:relative;}
.btnset1 a span {display:block; cursor:pointer;}
.btnset1 a .inner {height:50px; overflow:hidden; padding-left:17px; background:url(../images/btn1-le.png) no-repeat 0 0;}
.btnset1 a .midalign { overflow:hidden;}
.btnset1 a.current {background-position:100% -100px;}
.btnset1 a.current .inner {background-position:0 -100px;}
.btnset1 a:hover {background-position:100% -50px; /*color:#4ea086;*/ color:#3c3c3c;}
.btnset1 a:hover .inner {background-position:0 -50px;}
.btnset1 a .icon {display:none;}

.formgen .group,
.formgen .wrap,
.formgen input,
.formgen select,
.formgen textarea,
.editlist .options {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}
.formgen .group {background-color:#f9f9f9; border-width:1px; border-style:solid; border-top-color:#ffffff; border-left-color:#ffffff; border-right-color:#e6e6e6; border-bottom-color:#e6e6e6; margin:0 0 10px 0; padding:15px 0 10px 0; width:100%; overflow:hidden;}
.formgen label {margin-bottom:5px; display:block; color:#9c9c9c;}
.formgen input,
.formgen select,
.formgen textarea {border:1px solid #e7e7e7; width:100%; background-color:#fff; margin:0 0 10px 0; font:normal 13px/16px Tahoma, Geneva, sans-serif; color:#3c3c3c;}
.formgen input,
.formgen textarea {padding:9px 12px 10px 12px;}
.formgen select {padding:9px 12px; line-height:31px;}
.formgen input:focus,
.formgen select:focus,
.formgen textarea:focus {border-color:#9c9c9c;}
/*.formgen .last {margin-bottom:0;}*/
.formgen .wrap {padding:0 15px; clear:both;}
.formgen .cb {height:auto;}
.formgen input:disabled,
.formgen select:disabled,
.formgen textarea:disabled {color:#9c9c9c;}

.editlist {overflow:hidden; margin-bottom:15px;}
.editlist .base {position:relative; margin-bottom:10px; }
.formgen .editlist .base input {margin-bottom:0;}
.editlist .base .options {position:absolute; right:0; top:0; z-index:5; width:100%; height:100%; padding:0 7px 0 7px; background:url(../images/transp.gif) repeat 0 0;}
.btn1 {margin-right:7px; font-size:14px; line-height:16px; padding:9px 10px 11px 10px; background:#6cbb9e url(../images/btn1-hover.png) repeat-x 0 -200px; color:#efefef; position:relative; float:right; display:block; cursor:pointer;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
.editlist .btn1 {float:left; padding:8px 10px 9px 10px; font-size:13px; line-height:15px; background-color:#e6e6e6; color:#6C6C6C;}
.editlist .options li {margin:5px 0 0 6px; /*opacity:0;*/ display:none; /*visibility:hidden;*/}
.editlist .options li span {/*display:none;*/}
.editlist .options .btn1 {float:right; padding:0; background-image:url(../images/btn1-hover-grey.gif); text-indent:-8000px; height:27px; width:34px;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.btn1:hover {background-position:0 0; color:#fff;}
.editlist .options .btn1:hover {background-color:#c8c8c8; background-position:0 -7px;}

/*.btn1.save,*/
.btn1.add {padding-right:31px !important;}
/*.btn1.save span,*/
.btn1.add span,
.btn1.delete span,
.btn1.edit span {display:block; position:absolute; right:9px; top:50%; margin-top:-8px; width:15px; height:15px; z-index:8;}

.btn1.add span {background:url(../images/iconset4.png) no-repeat 0 0;}
/*.btn1.save span {background:url(../images/iconset4.png) no-repeat -15px 0;}*/
.btn1.delete span {background:url(../images/iconset4.png) no-repeat -30px 0;}
.btn1.edit span {background:url(../images/iconset4.png) no-repeat -45px 0;}

.btn1.add:hover span {background-position:0 -15px;}

/*.editlist .options:hover li {visibility:visible; display:block; opacity:1;}*/
/*.editlist .base:hover input { border-color:#6cbb9e;}*/
/*.editlist .options:hover li span {display:block;}*/

/* added by Dim. used for expired items label under the grid */
.expired-item-label { 
	/* font-weight : bold !important;	*/
	color: red !important;
}
/* added by Dim. used for processed items label under the grid */
.processed-item-label { 
	/* font-weight : bold !important;	*/
	color: green !important;
}
.label-grid { 
	/* font-weight : bold !important;	*/
        color: #3A9979 !important;
}

/* --------------------------------------------
login screen 
--------------------------------------------- */
.loginpg .container {max-width:400px; margin:0 auto;}
.loginpg #header {padding-bottom:30px;}
.loginpg #header .top {padding-top:65px;}
.loginpg .applogo {float:none; margin:0 auto; width:245px;}
.loginpg .applogo a {background-image:url(../images/wasteplus-logo-245.png); height:59px;}
.loginpg .headershad {margin-bottom:21px;}
.loginpg a:hover {color:#ec8a68;}
.loginpg a.btn1:hover {color:#fff;}

/* --------------------------------------------
confirmation popup
--------------------------------------------- */
.alertpopup {padding:10px 0 5px 0; text-align:center; width:130px; font-size:16px; line-height:20px; }
.alertpopup .btnrow {margin-top:20px;}
.alertpopup .btn1 {float:none; border:0; display:inline-block; padding-left:15px; padding-right:15px; margin:0 10px 10px 10px;}
.btn1.grey {background-color:#E6E6E6; color:#6c6c6c; background-image:url(../images/btn1-hover-grey2.png);}
.btn1.grey:hover {color:#3d3d3d;}


/* --------------------------------------------
on/off switch
--------------------------------------------- */
.switch-wrapper {display:inline-block; margin:0 15px 10px 0; /*position:relative; top:3px;*/}
.switch-button-label {float:left; font-size:15px; cursor:pointer; padding:3px 5px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.switch-button-label.off {color:#9C9C9C;}
.switch-button-label.on {color:#6CBB9E;}
.switch-button-label.on:hover,
.switch-button-label.off:hover {color:#fff; background-color:#6CBB9E;}
.switch-button-background {float:left; position:relative; background:#E6E6E6 url(../images/switch-bck.gif) no-repeat 0 0; border:1px solid #C9C9C9; margin:0 10px 0 0;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
.switch-button-button {
    position:absolute; left:-1px; top:-1px; background:#fff url(../images/switch-btn.gif) repeat-x 0 0; border:1px solid #9C9C9C;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.switch-button-background:hover {border-color:#9C9C9C;}
.switch-button-background:hover .switch-button-button {background-position:0 -25px;}

ul#select2-unitlist-results {
    height: 360px !important;
    max-height: 360px !important;
}

.loading {
	pointer-events: none;
	background-color: transparent;
	border: none;
	padding-bottom:20px ;
	}
.modal {
	display: none; 
	position: fixed; 
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.6); 
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .modal-content {
	background-color: white; 
	border: 2px solid #EC8A68; 
	border-radius: 10px; 
	padding: 20px; 
	max-height: 80%; 
	overflow-y: auto; 
	position: relative;
  }

  .close {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #EC8A68; 
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
  }
  
  .close:hover {
	color: #d97a58; 
  }
  
  #columnCheckboxList {
	display: grid;
	grid-gap: 5px;
	border: none; 
	padding: 5px;
	border-radius: 4px;
	margin-top: 10px;
  }
  
  #columnCheckboxList label {
	display: flex;
	align-items: center;
	border: 1px solid #ccc;
	padding: 3px;
	border-radius: 4px; 
	font-size: 12px;
  }
  
  #columnCheckboxList input[type="checkbox"] {
	width: 14px; 
	height: 14px;
	margin-right: 5px; 
  }
  
  @media (min-width: 768px) {
	#columnCheckboxList {
	  grid-template-columns: repeat(2, 2fr);
	}
  }
  
  @media (max-width: 767px) {
	#columnCheckboxList {
	  grid-template-columns: repeat(1, 2fr);
	}
  }

  /* --------------------------------------------
Read-only automatically becomes disabled
--------------------------------------------- */

input[readonly] {
    color: #9c9c9c;
    cursor: default;
}

.readOnlyException{
	color: rgb(0, 0, 0)!important;
	cursor: grab!important;

}