@charset "utf-8";
/* CSS Document */
[v-cloak] {display: none}

 @font-face {
	font-family: "amsi_pro";
	src: url("../fonts/stawix/stawix_-_amsiprocond-bold-webfont.eot");
	src: url("../fonts/stawix/stawix_-_amsiprocond-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stawix/stawix_-_amsiprocond-bold-webfont.woff2") format("woff2"), url("../fonts/stawix/stawix_-_amsiprocond-bold-webfont.woff") format("woff"), url("../fonts/stawix/stawix_-_amsiprocond-bold-webfont.svg#amsi_pro_condbold") format("svg");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "amsi_pro";
	src: url("../fonts/stawix/stawix_-_amsiprocond-light-webfont.eot");
	src: url("../fonts/stawix/stawix_-_amsiprocond-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stawix/stawix_-_amsiprocond-light-webfont.woff2") format("woff2"), url("../fonts/stawix/stawix_-_amsiprocond-light-webfont.woff") format("woff"), url("../fonts/stawix/stawix_-_amsiprocond-light-webfont.svg#amsi_pro_condlight") format("svg");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "amsi_pro";
	src: url("../fonts/stawix/stawix_-_amsiprocond-regular-webfont.eot");
	src: url("../fonts/stawix/stawix_-_amsiprocond-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stawix/stawix_-_amsiprocond-regular-webfont.woff2") format("woff2"), url("../fonts/stawix/stawix_-_amsiprocond-regular-webfont.woff") format("woff"), url("../fonts/stawix/stawix_-_amsiprocond-regular-webfont.svg#amsi_pro_condregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "amsi_pro";
	src: url("../fonts/stawix/stawix_-_amsiprocond-semibold-webfont.eot");
	src: url("../fonts/stawix/stawix_-_amsiprocond-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stawix/stawix_-_amsiprocond-semibold-webfont.woff2") format("woff2"), url("../fonts/stawix/stawix_-_amsiprocond-semibold-webfont.woff") format("woff"), url("../fonts/stawix/stawix_-_amsiprocond-semibold-webfont.svg#amsi_pro_condsemibold") format("svg");
	font-weight: 600;
	font-style: normal;
}



body{font-family: 'Arial', sans-serif; font-size:15px;color:#111; margin:0; padding:0;}

*{box-sizing:border-box;}

a{-webkit-transition: all 0.3s ease-in-out; outline:none;
	transition: all 0.3s ease-in-out;}
	
	a.btn, button, input.btn{border-radius:3px; border:0; outline:none; cursor:pointer; padding:5px 20px; text-decoration:none; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:20px;-webkit-appearance: none; display:inline-block; margin-bottom:6px;}
	a.btn.pos, button.pos, input.btn.pos{background:#42cdad; color:#fff;}
		a.btn.pos:hover, button.pos:hover, input.btn.pos:hover{background:#21a788;}
	a.btn.neu, button.neu, input.btn.neu{background:#4d8be2; color:#fff;}
	a.btn.neu:hover, button.neu:hover, input.btn.neu:hover{background:#306aba; }
	a.btn.grey, button.grey, input.btn.grey{background:#c6c8d6; color:#fff;}
	a.btn.grey:hover, button.grey:hover, input.btn.grey:hover{background:#dddfeb; color:#b2b4c6;}
		a.btn.blue, button.blue, input.btn.blue{background:#003e7e; color:#fff;}
		a.btn.blue:hover, button.blue:hover, input.btn.blue:hover{background:#022448; }

.topmenu{padding:6px 20px; text-align:right; display:block; height:45px;}

a.logo{float:left; width:123px;}
a.logo img{width:100%; height:auto;}

a.dashback{float:left; font-size:12px; text-decoration:none; color:#ABAEC3; line-height:33px; padding-left:10px;}
a.dashback:hover{color:#003e7e;}

.admintag{padding:6px 15px 6px 26px; border-radius:50px; background: url(../images/pen.png) no-repeat 10px center #c0c3d7; display:inline-block; margin-right:10px; font-size:11px; color:#fff; font-weight:bold;}

a.logout{color:#fff; background:#ec5252;border-radius:3px; padding:4px 6px; font-size:13px; text-decoration:none;}
a.logout:hover{background:#b73636;}

.name{display:inline-block; color:#111; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; margin-right:10px;}

.alerts{ position:relative;  display:inline-block; margin-right:8px;}
.alerts .num:after{content:""; width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-top: 5px solid #8466ff; position:absolute; bottom:-5px; left:50%; margin-left:-4px;}
  .alerts .num{text-decoration:none; cursor:pointer; border-radius:3px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; min-width:26px; text-align:center;padding:2px 6px 3px; font-size:14px; background:#8466ff; color:#fff;}
  
  .sett{position:relative; vertical-align:middle; display:inline-block; cursor:pointer; margin-right:8px; width:26px; height:26px; background:url(../images/actions.png) right center;}
  .sett:hover{background-image:url(../images/actions-2.png);}

.drop{border-radius:3px; display:none;z-index:4; list-style:none; text-align:left; background:#fff; right:0; border:1px solid #d3d5e4; position:absolute; padding:7px 5px 8px 5px; font-size:14px;}
.sett .drop{top:20px;}
.drop li a{display:block; border-radius:3px; white-space:nowrap; color:#111; padding:4px 15px 4px 6px; -webkit-transition: all 0.3s ease-in-out; outline:none;
	transition: all 0.3s ease-in-out; text-decoration:none; color:#222;}
.drop li a:hover{background:#f1f2fa;color:#4d8be2;}

.alerts .drop li a{text-decoration:none; font-size:13px;}
.alerts .drop li a .date{color:#bbb; font-size:10px; padding-left:16px;display:block; text-transform:uppercase;}
.alerts .drop li a .details{display:block; font-size:11px; color:#9fa2b8;padding-left:16px;}
.alerts .drop li a:before{content:""; margin-right:8px;width:8px; height:8px; border-radius:50%;display:inline-block;}
.alerts .drop li a.approve{color:#76cd42}
.alerts .drop li a.approve:before{background-color:#76cd42;}
.alerts .drop li a.reject{color:#ec5252;}
.alerts .drop li a.reject:before{background-color:#ec5252;}
.alerts .drop li a.expire{color:#fc7862;}
.alerts .drop li a.expire:before{background-color:#fc7862;}
.alerts .drop li a.expired{color:#999;}
.alerts .drop li a.expired:before{background-color:#999;}
.alerts .drop li a.new{color:#4d8be2;}
.alerts .drop li a.new:before{background-color:#4d8be2;}
.alerts .drop li a.draft{color:#b6b9cc;}
.alerts .drop li a.draft:before{background-color:#b6b9cc;}
.alerts .drop li:hover a .date{color:#4d8be2;}





input[type=text], select, input[type=password]{border:1px solid #d3d5e4;border-radius:3px; outline:none; height:30px; font-family: 'Arial', sans-serif;  font-size:13px; line-height:20px;}
.tablehead input[type=text]{width:300px; padding-left:7px;}
textarea{border:1px solid #d3d5e4; font-family: 'Arial', sans-serif; padding:10px; font-size:13px; line-height:18px;}


.statsband{background:#f1f2fa; position:relative; padding:15px 20px; min-height:118px;}
.contract{color:#4d8be2; font-size:14px;}
.statustag{height:25px; position:absolute; top:10px; width:105px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:18px; 
  clip-path: polygon(0 0, 105px 0, 90px 25px, 0 25px); text-indent:20px; margin-left:-20px; color:#fff;}
  .statustag.draft{background:#b6b9cc;}
  .statustag.live{background:#76cd42}
  .statustag.issue,.statustag.rejected{background:#ec5252}
  .statustag.awaiting,.statustag.pending{background:#4d8be2}
  .statustag.approved{background:#fcca1b}
  .statustag.expired{background:#999}
  .statustag.nearing{background:#fc8763}
  .statustag.review{background:#b53699;}
.statsband h1{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; line-height:35px; font-weight:300;font-size:34px;margin:0; padding:0;}

.client,
.welcome{float:left; padding-top:30px;}
.actions, ul.stats{float:right; margin:0; padding:0;}
ul.stats li{display:inline-block; text-align:center; width:85px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; text-transform:uppercase; color:#85889c; letter-spacing:0.05em; cursor:pointer;font-size:13px;}
ul.stats a{text-decoration:none; color:#b6b9cc; }
ul.stats li:hover, ul.stats li:hover a{color:#003e7e;}
ul.stats li strong{display:block; margin:0 auto; border-radius:50%; width:60px; letter-spacing:0; text-align:center; height:60px; line-height:59px; font-weight:normal;   font-size:27px; color:#fff; margin-bottom:4px; background:#b6b9cc;}
ul.stats li.issues strong{background:#ec5252;}
ul.stats li.prods strong{background:#4d8be2;}
ul.stats li.prices strong{background:#b6b9cc;}
ul.stats li.notes strong{background:#fc8763;}
ul.stats li.expiry strong{background:#fc8763;}
ul.stats li.expired strong{background:#999;}
ul.stats li.live strong{background:#76cd42;}
ul.stats li.review strong{background:#b53699;}
ul.stats li.total strong{background:#003e7e;}

ul.stats{margin-right:15px;}
.actions{width:110px; margin-top:-6px;}
.actions a.btn{background:#e2e2ee; text-align:center; color:#8f91a0; font-size:14px; font-weight:300; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; text-decoration:none; padding:2px 0; display:block; margin-bottom:3px;}
.actions a.btn:hover{color:#003e7e;}
.actiontab{float:right; width:30px; height:30px; background:url(../images/actions.png) no-repeat -32px 0; display:none;}


.pricetable, .clientlist, .accdetails, .acclist, .custlist{padding:0 20px 100px;}
.tablehead{padding:13px 0 10px; position:sticky; top:0; background:#fff; z-index:3; overflow:hidden;}
.tablehead h2{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:300; font-size:28px; display:inline-block; margin:0;color:#003e7e;}
.tablehead a.btn{float:right;}

.key{float:right; color:#b6b9cc; font-size:11px; font-weight:bold;}
.key span{display:inline-block; padding-left:13px; line-height:31px; }
.key span:before{content:""; width:10px; height:10px; margin-top:-1px;border-radius:50%; margin-right:4px; display:inline-block; vertical-align:middle;}
.key span.low:before{background:#ec5252;}
.key span.same:before{background:#fcca1b;}
.key span.uplift:before{background:#42cdad;}


table{width:100%; border-collapse:collapse; font-size:13px;  table-layout: fixed}
table tr{border-bottom:1px solid #dfdfe5; -webkit-transition: background 0.3s ease-in-out; outline:none;
	transition: background 0.3s ease-in-out;}
table tr.prods{background:#f9f9fe}
table thead tr{border-bottom:none;}


table.log, table.ytd{margin-top:20px;}
table.log th, table.ytd th{text-align:left; padding:8px;}
table.log td, table.ytd td{padding:10px 8px;}
table.log tr th,table.ytd tr th{background:#4d8be2; color:#fff; font-size:10px; text-transform:uppercase;}
table.log tr th:first-child{width:200px;}
table.log tr:hover{background:#f1f2fa;}
.tablehead a.btn{padding:4px 13px; margin-left:20px; font-size:17px;}
input[type="text"].dates{width:160px; margin-left:8px; background:url(../images/cal.png) no-repeat 96% center #fff;}



ul.cats{list-style:none; margin:0; padding:0; }
.cathead{cursor:pointer; }

.toggle{border-radius:3px; display:inline-block; padding:8px 10px; font-size:12px;cursor:pointer;}
.catlist th .toggle{background:#326ab9;}
a.allcats{background:#326ab9; width:100px;float:right; margin-left:10px;color:#fff; font-size:12px; padding-right:5px;}
.tablehead a.btn.pos{margin-bottom:0;}

.cathead{display:block; -webkit-transition: all 0.3s ease-in-out; outline:none;
	transition: all 0.3s ease-in-out; position:relative;  border:1px solid #d3d5e4; padding:10px; margin-top:6px;}
	.cathead:hover{background:#f1f2fa;}
	.cathead.active:hover{background:#fff;}
.cathead:after{content:url(../images/cat-plus.png); opacity:0.6;position:absolute; right:25px; top:20px; -webkit-transition: all 0.3s ease-in-out; outline:none;
	transition: all 0.3s ease-in-out;}
.cathead:hover:after{opacity:1; }
.cathead.active:after{content:url(../images/cat-minus.png); opacity:0.6;}
.cathead.active:hover:after{opacity:1;}
.cathead .title{font-size:28px; color:#003e7e;line-height:34px;  font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:300; text-transform:uppercase;}
.cathead .title:before{content:"";height:34px; background:url(../images/cats.png) no-repeat 3px 2px #003e7e;width:34px; border-radius:50%; text-align:center; margin-right:10px; float:left;}

.cathead.service .title:before{background-position:-28px 2px;}

.cathead .pricenum{ float:right; width:41%; font-size:14px; padding-left:calc(4% + 5px); margin-top:8px; color: #d3d5e4;}
.cathead.issue .pricenum{color:#ec5252;}
.cathead.accepted .pricenum{color:#ec5252;}
.cathead.accepted .pricenum{color:#ec5252;}
.cathead.same .pricenum{color:#fcca1b;}
.cathead.uplift .pricenum{color:#42cdad;}

.cathead.issue .title:before{background-color:#ec5252;}
.cathead.same .title:before{background-color:#fcca1b}
.cathead.uplift .title:before{background-color:#42cdad}


.cats li.inactive .cathead .title, .cats li.inactive .cathead .pricenum{}
.cats li.inactive .cathead .title:before{}
.cats li.inactive .cathead:after{}
.cats li.inactive .cathead{border-color:#e6e8f2}


.filter{text-align:right; float:right;}
.pricetable .filter{float:left;}

.catlist td,  .totals td, .clientlist td, acclist,.custlist{padding:8px 12px;}
.catlist tr.subcat td{padding:10px 12px;}
.catlist th{padding:5px 12px;}
.clientlist th, .acclist th, .custlist th{padding:12px;text-align:left;}

.clientlist tr td, .acclist tr td, .custlist tr td{height:47px;}
.catlist tr.prods td{padding:0;}
.catlist tr .prodlist td{padding:7px 12px;}
.clientlist tr:hover, .acclist tr:hover, .custlist tr:hover{background:#f1f2fa;}




.catname{display:none;}
.catlist, .prods,  .prodlist{display:none; }
.prods.active, .prodlist.active{display:block;width:100%; }
  

.catlist th, .clientlist th, .acclist th, .custlist th{ background:#4d8be2; color:#fff;font-size:10px; font-weight:normal; text-transform:uppercase;}
.catlist th.sticky{position:sticky; z-index:2; top:50px; }

tr.subcat{cursor:pointer;}
tr.subcat td{ color:#003e7e;}
tr.subcat td:first-child{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:400;color:#003e7e;font-size:18px;}

tr.subcat td:last-child{text-align:right;}
/* tr.subcat td:last-child:after{content:url(../images/cat-plus.png); opacity:0.6;float:right; width:20px; height:20px; -webkit-transition: all 0.3s ease-in-out; outline:none;transition: all 0.3s ease-in-out;} */
tr.subcat:hover td:last-child:after{opacity:1; }
tr.subcat.active td:last-child:after{content:url(../images/cat-minus.png);opacity:0.6;}
tr.subcat.active:hover td:last-child:after{opacity:1;}
tr.subcat:hover, .prodlist tr:hover{background:#f1f2fa;}
tr.subcat.active:hover{background:#fff;}


.catlist table tr th:nth-child(10){text-align:right;}

.catlist table input[type=text]{width:97%; vertical-align:middle;display:inline-block; border-radius:2px; outline:none;border:1px solid #d3d5e4; height:26px; background:#fff; }
.catlist table input[type=text].newprice{width:78px; font-weight:bold; padding-left:5px; -webkit-appearance: none;}
.catlist table input[type=text].total{color:#fff; background:none; border:none; padding:0;}
.catlist table input[type=text].gridtotal, .cathead.service input[type=text].gridtotal{color:#fff; text-align:center; background:#d3d5e4; border:none; padding:0;  font-size:12px;font-weight:bold;  width:78px;}
.cathead.service input:disabled{opacity:1; color:#fff; -webkit-text-fill-color:#fff;}
.totals input[type=text]{border:none;}


.catlist table input[type=text].differ, .catlist table input[type=text].differtotal, .catlist table input[type=text].percent, .catlist table input[type=text].percenttotal, .catlist table input[type=text].walkaway, .catlist table input[type=text].recommend, .catlist table input[type=text].rectotal, .catlist table input[type=text].recmax, .catlist table input[type=text].recmaxtotal, .catlist table input[type=text].current, .catlist table input[type=text].currenttotal, .catlist table input[type=text].spend, .catlist table input[type=text].spendtotal{ padding:0; border:0; background:none; }

.catlist table tr.subcat.issue input[type=text].gridtotal, .cathead.service.issue input[type=text].gridtotal{background:#ec5252;}
.catlist table tr.subcat.accepted input[type=text].gridtotal, .cathead.service.accepted input[type=text].gridtotal{background:#ec5252;}
.catlist table tr.subcat.base input[type=text].gridtotal, .cathead.service.same input[type=text].gridtotal{background:#fcca1b;}
.catlist table tr.subcat.uplift input[type=text].gridtotal, .cathead.service.uplift input[type=text].gridtotal{background:#42cdad;}

.cats.admin tr.subcat.transgrid td:last-child::after{display:none;}


.catlist table tr input{color:#000;}
.catlist table tr.subcat input{color:#003e7e;}

.catlist table input[type=text].differ, .catlist table input[type=text].differtotal{text-align:left;}

.catlist table input[type=text].current,.catlist table input[type=text].spend, .catlist table input[type=text].spendtotal, .totals table input[type=text].newcurrent,  .totals table input[type=text].newspend{text-align:center; font-weight:normal;}
 .catlist table input[type=text].currenttotal{text-align:center;}
.catlist table input[type=text].total,.catlist table input[type=text].differtotal,.catlist table input[type=text].percenttotal,.catlist table input[type=text].differ,.catlist table input[type=text].percent{font-weight:bold}

.catlist table input[type=text].differ, .catlist table input[type=text].percent, .catlist table input[type=text].differtotal, .catlist table input[type=text].percenttotal, .catlist table input[type=text].rectotal, .catlist table input[type=text].recmaxtotal{width:100%;}

.totals{position:fixed; bottom:0; left:0; z-index:5;right:0; background:rgba(0,62,126,0.95);}
.totals tr{border:0;}
.totals td{color:#fff; height:70px;}
.totals input{background:none; border:none; color:#fff; text-align:left; width:100%;}
.totals table tr{border-left:30px solid #4d8be2;}
.totals table tr td:nth-child(10), .totals table tr td:nth-child(11), .totals tr td:first-child{padding:0;}
.totals table tr td:nth-child(5) input, .totals table tr td:nth-child(6) input{text-align:center;}
.totals table tr td:nth-child(11){width:20px;}
input[type=text].newdiffer,input[type=text].newpercent{font-weight:bold}

a.finalbtn{display:block; vertical-align:middle; height:70px; cursor:pointer; line-height:22px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; text-transform:uppercase; font-size:22px; text-decoration:none;  text-align:left; margin-right:-20px; padding:12px 30px 0 15px; background:no-repeat 93% center #42cdad url(../images/yes.png); color:#fff;}

a.finalbtn:hover{background-color:#21a788;}

a.admin{float:left; width:calc(50% + 10px); height:70px; padding-top:42px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; text-transform:uppercase; font-size:18px; text-decoration:none; text-align:center;   color:#fff;}
a.admin.reject{background:url(../images/no.png) no-repeat center 9px #ec5252; }
a.admin.reject:hover{background-color:#c43b3b;}
a.admin.approve{background:url(../images/live.png) no-repeat center 10px #42cdad; margin-right:-20px; }
a.admin.approve:hover{background-color:#21a788;}
a.admin.approve.disabled{background-color:#d3d5e4; cursor:none;}


.checks{display:none; height:35px; width:80px;position:relative;  vertical-align:middle;}
tr.issue .checks{display:inline-block; }
.checks label {

  position: relative;
  padding-left: 30px;

  cursor: pointer;
  font-size: 22px;


}

/* Hide the browser's default radio button */
.checks input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checks label {
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  width: 35px;

  border-radius: 50%;
  background-color:#d3d5e4;
}
.checks label.yes {

  top: 0;
  left: 43px;

  background: url(../images/yes.png) no-repeat center #d3d5e4;
  	background-size:20px 20px;
}
.checks label.no {

  top: 0;
  left: 0;
  background:url(../images/no.png) no-repeat center #d3d5e4;
    	background-size:18px 18px;


}

.checks input[type=radio]:checked + label.yes {  background-color: #42cdad;}
.checks input[type=radio]:checked + label.no{  background-color: #ec5252;}










.totals span.totaltitle{padding:10px 20px 10px 0;  font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; text-transform:uppercase;font-size:22.5px; background:#4d8be2; position:relative; display:block; width:60%; height:70px; line-height:50px; color:#fff; font-weight:400;}
.totaltitle:after {
	content:"";
  width: 0; 
  height: 0; 
  position:absolute;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  
  border-left: 40px solid #4d8be2;
  right:-40px;
  top:0;
}

.totals input.newtotal{background:none; width:70%; padding:8px 5px;border:0; color:#fff; font-weight:700; text-align:left;}



.prodlist input:invalid{border:none; box-shadow:none;}
tr.issue input[type=text].newprice{background:url(../images/pen.png) no-repeat 95% center #ec5252; border-color:#ec5252; color:#fff;}
tr.accepted input[type=text].newprice{background:url(../images/pen.png) no-repeat 95% center #ec5252; border-color:#ec5252; color:#fff;}
tr.base input[type=text].newprice{background:url(../images/pen.png) no-repeat 95% center #fcca1b; border-color:#fcca1b; color:#fff;}
tr.uplift input[type=text].newprice{background:url(../images/pen.png) no-repeat 95% center #42cdad; border-color:#42cdad; color:#fff;}
tr.noprice input[type=text]{background:#fff; }


.catlist td{margin-top:1px;}
.catlist table tr th:first-child, .clientlist table tr th:first-child{ border-bottom:0;}
.catlist .prods tr:first-child{border-bottom:1px solid #dfdfe5;}
.catlist tr.prods{border:0; padding:0;}
.prodlist{left:0;}

tr.subcat td:first-child{padding-left:17px; position:relative;}
tr.subcat td:first-child:before{content:"";width:10px; height:10px; border-radius:50%; background:#dee0eb; position:absolute; left:-1px; top:19px;}
tr.subcat.uplift td:first-child:before{background:#42cdad}
tr.subcat.issue td:first-child:before{background:#ec5252}
tr.subcat.accepted td:first-child:before{background:#ec5252}
tr.subcat.base td:first-child:before{background:#fcca1b}





.clientlist tr td:nth-child(1){font-size:12px;}
.clientlist tr td:nth-child(2){font-size:12px;}
.clientlist tr.issue td:nth-child(1),.clientlist tr.rejected td:nth-child(1), .clientlist tr.issue td:nth-child(2){color:#ec5252}
.clientlist tr.approved td:nth-child(1), .clientlist tr.approved td:nth-child(2){color:#fcca1b}
.clientlist tr.live td:nth-child(1), .clientlist tr.live td:nth-child(2){color:#76cd42}
.clientlist tr.expiry td:nth-child(1), .clientlist tr.expiry td:nth-child(2){color:#fc8763;}
.clientlist tr.awaiting td:nth-child(1),.clientlist tr.pending td:nth-child(1), .clientlist tr.awaiting td:nth-child(2),.clientlist tr.pending td:nth-child(2){color:#4d8be2;}
.clientlist tr.expired td:nth-child(1), .clientlist tr.expired td:nth-child(2){color:#999;}
.clientlist tr.draft td:nth-child(1), .clientlist tr.draft td:nth-child(2){color:#b6b9cc;}
.clientlist tr th:first-child{width:180px;}



.clientlist tr th:nth-child(6){width:80px; }
.clientlist tr.review td:nth-child(1){color:#b53699;}

.clientlist tr th:nth-child(6){width:80px;}
.clientlist tr th:nth-child(7){width:110px;}



.clientlist.admin tr th:nth-child(6){width:auto;}
.clientlist.admin tr th:nth-child(7){width:60px;}
.clientlist.admin tr th:nth-child(8){width:60px;}
.clientlist.admin tr th:nth-child(9){width:110px;}

tr.subcat.uplift input[type=text].total{color:#42cdad;}
tr.subcat.base input[type=text].total{color:#fcca1b;}
tr.subcat.issue input[type=text].total{color:#ec5252;}
tr.subcat.accepted input[type=text].total{color:#ec5252;}




.selector{display:none; z-index:4; position:absolute; background:#fff; border-radius:2px; border:1px solid #d3d5e5; padding:8px; font-size:13px;}
.selector li{color:#4d8be2; font-size:10px; display:block; padding:3px 0; cursor:pointer;}
.selector li .copy{color:#111; font-size:14px; margin-left:-50px; padding:3px 3px 3px 60px;}
.selector li:hover, .selector li:hover .copy{color:#42cdad;}


.note{width:23px; height:22px; display:none;  vertical-align:middle;}
tr.issue .note, .cathead.issue .note{display:inline-block; margin-right:5px; }



.modal-head{background:#003e7e; border-radius: 5px 5px 0 0; font-size:24px; position:relative; color:#fff; font-weight:300; line-height:26px; padding:20px 20px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
.modal-body{background: #fff; padding: 10px 20px 20px; font-size:14px;}
.modal-body strong{color:#4d8be2;}
.modal-footer{background:#f1f2fa; padding:15px 20px;border-radius: 0 0 5px 5px; }

a.modcls{position:absolute; display:block; text-decoration:none; right:15px; top:20px; font-size:13px; color:#999; line-height:21px; width:60px; height:23px; background:url(../images/modcls.png) right 0 no-repeat; opacity:0.6;}
a.modcls:hover{opacity:1;}

.remodal.alert{width:650px;}

.remodal.up{width:500px; text-align:center;}
.remodal.up input[type=text]{width:70px; padding-left:10px;}
.remodal.up strong{font-size:16px; font-weight:bold; color:#4d8be2;}

.remodal.alert .modal-footer{ margin:0;  text-align:center; border-top:0px none;}
.remodal.alert .modal-body{text-align:center;  color:#000; }
.remodal.alert .modal-head{   text-align:center;padding-top:100px;}
.remodal.alert .modal-head:before{content:"";width:70px; height:70px; border-radius:50%;top:20px; left:50%; margin-left:-35px; position:absolute; background:url(../images/alert.png) center center no-repeat #ec5252;}
.remodal.live .modal-head:before{ background:url(../images/live.png) center center no-repeat #76cd42;}
.remodal.reject .modal-head:before{ background:url(../images/no.png) center center no-repeat #ec5252;}
.remodal.approved .modal-head:before{ background:url(../images/live.png) center center no-repeat #fcca1b;}
.remodal.await .modal-head:before{ background:url(../images/pending.png) center center no-repeat #4d8be2;}
.remodal.new .modal-head:before{ background:url(../images/new.png) center center no-repeat #4d8be2;}
.remodal.final .modal-head:before{ background:url(../images/live.png) center center no-repeat #42cdad;}
.remodal.expired .modal-head:before{background:url(../images/alert.png) center center no-repeat #999;}
.remodal.nearing .modal-head:before{background:url(../images/alert.png) center center no-repeat #fc8763;}


.remodal textarea{ width:100%; min-height:100px;}

.remodal input.btn{margin-right:10px;}
.remodal.alert input.btn{margin:0 5px;}

ul.notelist{list-style:none; margin:10px 0 20px; padding:0; font-size:14px;}
ul.notelist li{display:block; padding:0 20px 10px 0; }

.modal-body .row{padding:5px 0; display:block; text-align:left; width:70%; margin:0 auto;}
.modal-body label{width:140px; color:#003e7e; display:inline-block;}
.modal-body input[type="text"].dates{margin:0;}
.modal-body select{width:160px;}

.links{float:right;}
.links span{display:inline-block; color:#bdbfd3; margin-left:10px; border:none; cursor:pointer; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:17px;}
.links span:hover{color:#4d8be2;}

.prodstats{color:#003e7e;  background:#f1f2fa; padding:10px 20px; font-size:14px;}
.prodstats span{padding:0 25px 0 0;}
.prodstats span.price{font-weight:700; color:#ec5252;}


.clientlist a, .acclist table a, .custlist table a{width:27px; height:27px; display:inline-block; }
.clientlist a.view,.acclist a.view, .custlist a.view{background:url(../images/view.png);}
.clientlist a.edit{background:url(../images/edit.png);}
.clientlist a.view:hover, .acclist a.view:hover, .custlist a.view:hover{background:url(../images/view-2.png);}
.clientlist a.edit:hover{background:url(../images/edit-2.png);}

.acclist a.del{background:url(../images/del.png) no-repeat center;}
.acclist a.del:hover{background-image:url(../images/del-hover.png);}

.remodal.notes{max-width:750px;}

.clientlist tr.inprogress a.edit{display:none;}

a.btn.back{float:right; margin-right:20px; font-size:18px; padding-left:13px;}
a.btn.back:before{content:""; background:url(../images/back.png); width:10px;display:inline-block; margin-right:10px; vertical-align:top; margin-top:4px; height:17px;}


.notelist{padding:10px 0;}
.notelist .item{padding:20px 0 10px; position:relative; cursor:pointer; border-bottom:1px solid #ededf5; -webkit-transition: all 0.3s ease-in-out; outline:none;
	transition: all 0.3s ease-in-out;}
.notelist .item:hover{background:#fafafd;}
.notelist .item.inactive{cursor:auto; background:none;}

.notelist .item.new .row:first-child .col:before{width:30px; text-align:center; border-radius:12px; background:#42cdad; color:#fff; content:"NEW"; font-size:10px; padding:2px 3px; height:12px; display:inline-block;margin-bottom:5px;}
.notelist .item.new .thread .row:first-child .col:before{display:none;}



.notelist .col{width:295px; padding-left:10px; display:inline-block; font-size:12px; vertical-align:top;}



.notelist .row{padding:0 0 10px 0;}
.notelist .message{display:inline-block; width:calc(80% - 312px); position:relative; vertical-align:top; border-radius:4px; background:#4d8be2; padding:15px 30px;}
.notelist .message.in{margin-left:20%; color:#fff;}
.notelist .message.in:before{content:""; width: 0; position:absolute; right:-15px; top:30%;height: 0; border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left:15px solid #4d8be2; }
.notelist .message.out{margin-right:20%; background:#f1f2fa;}
.notelist .message.out:before{content:""; width: 0; position:absolute; left:-15px; top:30%;height: 0; border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right:15px solid #f1f2fa; }



.modal-body .notelist .message{width:88%; margin:5px 0;}
.modal-body .notelist .message.out{margin:0 12% 0 0;}
.modal-body .notelist .message.in{margin:0 0 0 12%;}




.notelist .date, .notelist .ref{display:block;}
.notelist .date{color:#4d8be2;}
.notelist .ref{color:#003e7e;}
.notelist .num{display:inline-block; width:22px; height:22px; color:#fff; font-size:12px; font-weight:700;text-align:center; line-height:20px; margin-top:6px; border-radius:50%; background:#fcca1b;}

.notelist .thread{display:none; }
.notelist .thread .date{color:#bec1d0;}

.catlist tr.prods .transportlist table tr th{width:11%;  font-size:10px; padding:10px 12px 10px 30px; text-align:center; border-top:3px solid #d3d5e4; background:#fff; color:#4d8be2;}
.catlist tr.prods .transportlist table tr td{padding:7px 0px; height:45px;text-align:left;}
.catlist tr.prods .transportlist table tr td{width:11%; text-align:center;}
.catlist tr.prods .transportlist table tr th:first-child{width:23%; text-align:left;}
.catlist tr.prods .transportlist table tr td:first-child{padding:10px 12px; text-align:left}
.catlist tr.prods .transportlist table tr td:nth-child(2){color:#000;}
.catlist tr.prods .transportlist table tr td:first-child span{padding-right:10px; font-size: 12px;color: #4d8be2;}
.catlist tr.prods .transportlist table input[type=text]{width:50%; text-align:left;}


.rightcol{width:360px; margin-top:40px; float:right; background:#f1f2fa; boder-radius:3px; padding:10px 20px 20px;}
.rightcol h2{font-size:24px; color:#4d8be2; padding-bottom:12px; display:block; width:100%;}
.rightcol .row{display:block; padding:4px 0;}
.rightcol label{font-size:13px; color:#003e7e; width:120px; display:inline-block;}
.rightcol input.dates, .rightcol select{width:160px; margin:0; padding:0;}

.left{margin-right:400px;}

.form{padding:20px 0; clear:left;}
.form .row{display:block; padding:4px 0;}
.form label{font-size:13px; color:#003e7e; width:120px; display:inline-block;}


tr.subcat.grid td:first-child{width:100%;}

.catlist table input[type=text].newgrid{width:78px;font-weight:bold; padding-left:5px;}

.catlist table input[type=text].newgrid.uplift{background:#42cdad; color:#fff; border:0;}
.catlist table input[type=text].newgrid.base{background:#fcca1b; color:#fff;border:0;}
.catlist table input[type=text].newgrid.issue{background:#ec5252; color:#fff;border:0;}
.catlist table input[type=text].newgrid.accepted{background:#ec5252; color:#fff;border:0;}

	
	


.ui-datepicker{width:280px!important; background:#fff;}

  
  .ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker.ui-datepicker-multi{width:auto;background:#fff}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-widget.ui-widget-content{border:1px solid #d3d5e4;border-radius:3px}.ui-datepicker{width:100%;overflow:hidden;display:none;border:1px solid #cfcdcd;border-radius:3px}.ui-datepicker .ui-datepicker-header{position:relative;padding:8px 0;background:#003e7e;color:#fff;font-size:13px}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;text-align:center;top:7px;width:1.8em;height:1.8em;cursor:pointer}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:7px;color:#fff}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;width:16px;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;text-align:center}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;background:#003e7e;border-radius:13px}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:4px 0;text-align:center;font-weight:700;border:0;width:14%;color:#bfbfbf;font-size:12px}.ui-datepicker tr{border:0;}.ui-datepicker td{border:0;padding:5px 0}.ui-datepicker td a,.ui-datepicker td span,.ui-state-default,.ui-widget-content .ui-state-default{line-height:25px;display:block;text-align:center;text-decoration:none;color:#68696a;font-size:13px;padding:0}.ui-datepicker-today{border:0;background:#e2e3e3;border-radius:50%;display:block;text-align:center}.ui-datepicker td.ui-datepicker-today a{color:#444}.ui-datepicker .ui-state-hover{color:#42cdad}.ui-datepicker td.ui-datepicker-current-day a,.ui-datepicker-current-day,.ui-state-active,.ui-widget-content .ui-state-active{border:0;background:#4d8be2;color:#fff;border-radius:50%;display:block;text-align:center}.ui-state-active a,.ui-widget-content .ui-state-active a{display:block;text-align:center;color:#fff}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}span.ui-icon{color:#FFF!important}
  
  
  
  
  
  
  
  
  .catlist table tr td:nth-child(7), .catlist table tr th:nth-child(6), .totals table tr td:nth-child(7){padding-left:2%;}
  
  .prodlist td.liveprice input[type=text]{font-weight:bold;}
  .prodlist tr.issue td.liveprice input[type=text]{color:#ec5252;}
    .prodlist tr.accepted td.liveprice input[type=text]{color:#ec5252;}
  .prodlist tr.base td.liveprice input[type=text]{color:#fcca1b;}
  .prodlist tr.uplift td.liveprice input[type=text]{color:#42cdad;} 
  
  .login{max-width:500px; margin:0 auto;}
  .login a.btn{width:280px; text-align:center; margin:20px 0 0 150px;}
  .login a.pass{text-align:right; color:#4d8be2;}
  
  .form label{width:150px;}
  .form input{width:280px;}
  
  ul.tabs{list-style:none; float:left;margin:0 0 0 20px; padding:10px 0; }
ul.tabs li{display:inline-block; margin-right:5px;}
ul.tabs li a{display:block; background:#ddd; border-radius:3px ; padding:5px 8px; text-decoration:none; color:#555;}

ul.tabs li a:hover{background:#555; color:#fff;}
ul.tabs li a.active{background:#4d8be2; color:#fff;}

.tabcontent{display:none; transition: all 0.3s ease;}
.tabcontent.active{display:block;}


@media(max-width:1300px){.dash ul.stats{float:none; display:block; text-align:center;}
    .welcome{display:block; float:none; text-align:center; padding:0 0 20px;}}
  
  @media(max-width:1200px){
	ul.stats li{width:80px;  letter-spacing:0em;}
ul.stats li strong{width:54px; height:54px; line-height:52px; font-size:27px;}  a.finalbtn{font-size:20px;}
.totals span.totaltitle{font-size:18px;}
  }
  
    @media(max-width:980px){
	
		.statsband h1{font-size:28px; }.notelist .col{width:200px;}.notelist .message{width: calc(80% - 252px);}
		
		.catlist table tr td:nth-child(7), .catlist table tr th:nth-child(6), .totals table tr td:nth-child(7){padding-left:10px;}
		.catlist table input[type="text"].newprice{width:65px;}
		.totals span.totaltitle{font-size:16px;}
	}
	
	
@media(min-width:901px){
	.catlist table tr td:first-child, .catlist table tr th:first-child, .totals table tr td:first-child{width:25%;}


.catlist table tr td:nth-child(2), .catlist table tr th:nth-child(2), .totals table tr td:nth-child(2){width:5%; font-size:12px; color:#4d8be2; text-align:center;}

.catlist table tr td:nth-child(3), .catlist table tr td:nth-child(4), .catlist table tr th:nth-child(3), .catlist table tr th:nth-child(4), .totals table tr td:nth-child(3), .totals table tr td:nth-child(4){width:9%; text-align:center;}

.catlist table tr td:nth-child(5),  .totals table tr td:nth-child(5){width:7%; text-align:center;}
.catlist table tr td:nth-child(6), .totals table tr td:nth-child(6){width:7%; text-align:center; }

.catlist table tr th:nth-child(5){width:14%; text-align:center; padding:5px 6px;}
.catlist table tr th:nth-child(5) .sub{display:block;}
.catlist table tr th:nth-child(5) span{width:50%; float:left; padding:0 6px;}


.catlist table tr td:nth-child(5) input[type=text],.catlist table tr td:nth-child(6) input[type=text]{text-align:center;}

.catlist table tr td:nth-child(7), .catlist table tr th:nth-child(6), .totals table tr td:nth-child(7){width:13%; text-align:left; min-width:118px; white-space:nowrap; padding-right:0;}
.catlist table tr td:nth-child(8), .totals table tr td:nth-child(8){width:7%; text-align:left;}

.catlist table tr th:nth-child(7){width:14%;}

.catlist table tr td:nth-child(9), .totals table tr td:nth-child(9){width:7%; text-align:left;}
.catlist table tr td:nth-child(10), .catlist table tr th:nth-child(8), .totals table tr td:nth-child(10){width:13%; text-align:right;}

.catlist .prodlist tr td:first-child, .clientlist tr td:first-child{border-left:5px solid transparent; }

.prodlist tr.rejected{background:#fce2e2;}
.prodlist tr.rejected td:last-child:before{content:"REJECTED"; font-size:10px; color:#ec5252;}
.prodlist tr.accepted td:last-child:before{content:"ACCEPTED"; padding-right:18px; background:url(../images/accepted.png) no-repeat right center;font-size:10px; color:#b2b4c6;}
.clientlist tr.expiry td:first-child{border-left-color:#fc8763;}
.clientlist tr.awaiting td:first-child,.clientlist tr.pending td:first-child{border-left-color:#4d8be2;}
.clientlist tr.expired td:first-child{border-left-color:#999;}
.clientlist tr.draft td:first-child{border-left-color:#b6b9cc;}
.prodlist tr.uplift td:first-child, .catlist .prods tr:first-child.uplift td:first-child{border-left-color:#42cdad}
.clientlist tr.live td:first-child{border-left-color:#76cd42}
.clientlist tr.review td:first-child{border-left-color:#b53699;}
.prodlist tr.issue td:first-child, .catlist .prods tr:first-child.issue td:first-child, .clientlist tr.issue td:first-child{border-left-color:#ec5252}
.prodlist tr.rejected td:first-child, .catlist .prods tr:first-child.rejected td:first-child, .clientlist tr.rejected td:first-child{border-left-color:#ec5252}
.prodlist tr.accepted td:first-child, .catlist .prods tr:first-child.accepted td:first-child, .clientlist tr.accepted td:first-child{border-left-color:#ec5252}
.prodlist tr.base td:first-child, .catlist .prods tr:first-child.base td:first-child, .clientlist tr.approved td:first-child{border-left-color:#fcca1b}

.tog{display:none;}
}

	

	
	
	@media(max-width:900px){
		
		select{ background:#fff; }
		
		.catlist table tr input{font-size:15px;}
		
		table{table-layout: auto;}
		.catlist td{width:50%; display:inline-block; text-align:left; padding:3px;}
			.catlist tr.prods td{width:100%;}

			.catlist tr .prodlist td, .catlist tr.subcat td{padding:3px 13px;}
		.prodlist{width:100%;}
		.catlist thead, .catlist th{display:none;}
	
		.catlist table td::before,.prodlist table td::before{font-size:8px; color:#4d8be2; float:left; width:100px; display:block; width:100%;}
		.catlist table td:nth-child(3)::before,.prodlist table td:nth-child(3)::before{content:"PREV 12M";}
		.catlist table td:nth-child(4)::before,.prodlist table td:nth-child(4)::before{content:"CURRENT PRICE";}
		.catlist table td:nth-child(5)::before,.prodlist table td:nth-child(5)::before{content:"FROM";}
		.catlist table td:nth-child(6)::before,.prodlist table td:nth-child(6)::before{content:"TO";}
		
		

		.catlist tr.subcat td:nth-child(2){display:none;}
		.catlist tr.prods .prodlist td:nth-child(1),.catlist tr.prods .prodlist td:nth-child(2),.catlist tr.subcat td:nth-child(1){width:100%; display:inline-block;}
		.catlist tr.subcat td:nth-child(1),.catlist tr.prods .prodlist td:nth-child(1){padding:10px 13px;}
		.catlist tr.prods .prodlist td:nth-child(1){font-size:15px;}
		.catlist tr.prods .prodlist td:nth-child(3),.catlist tr.prods .prodlist td:nth-child(4),.catlist tr.prods .prodlist td:nth-child(5),.catlist tr.prods .prodlist td:nth-child(6),.catlist tr.subcat td:nth-child(3),.catlist tr.subcat td:nth-child(4),.catlist tr.subcat td:nth-child(5),.catlist tr.subcat td:nth-child(6){width:35%; display:block;}
		.prodlist table td:nth-child(7),.catlist tr.subcat td:nth-child(7){margin-top:-70px;}
		.prodlist table td:nth-child(7),.catlist tr.subcat td:nth-child(7){float:right; text-align:right; width:60%; position:relative;}
		.catlist tr.subcat td:nth-child(8),.catlist tr.subcat td:nth-child(9),.catlist tr.prods .prodlist td:nth-child(8), .catlist tr.prods .prodlist td:nth-child(9){  text-align:right;  width:90px; margin-top:-18px;opacity: 1; margin-top:-20px;}
		.catlist table input[type="text"].differ,.catlist table input[type="text"].percent,.catlist table input[type="text"].percenttotal,.catlist table input[type="text"].differtotal{text-align:right;  width:70px; opacity: 1;}
		tr.subcat input[type="text"].total{font-size:20px; opacity: 1; text-align:right;}
		.catlist tr.subcat td:nth-child(10),.prodlist table td:nth-child(10){width:100%; text-align:right;padding:5px 10px 15px;}
		
		tr.subcat{position:relative;}
		tr.subcat td:last-child::after{margin-top:-195px; float:right;}
		
		.catlist tr.prods .prodlist td:nth-child(8), .catlist tr.prods .prodlist td:nth-child(9),.catlist tr.subcat td:nth-child(8),.catlist tr.subcat td:nth-child(9){ float:right; width:105px; font-weight:bold;}
		
		.catlist table input[type="text"].current, .catlist table input[type="text"].spend, .catlist table input[type="text"].spendtotal, .totals table input[type="text"].newcurrent, .totals table input[type="text"].newspend,.catlist table input[type="text"].currenttotal{text-align:left; -webkit-appearance: none;
}




.catlist table input[type="text"],.catlist table input[type="text"]:disabled{ opacity: 1;}
		.catlist table input[type="text"]{height:auto;}
		.catlist .prodlist tr, .clientlist tr{border-left:5px solid transparent; }
		
		.catlist table input[type="text"].newprice{width:100px; height:30px; float:right;}
		.clientlist tr a{display:inline-block;}
		
		.prodlist tr.uplift {border-left-color:#42cdad}
.prodlist tr.issue {border-left-color:#ec5252}
.prodlist tr.accepted {border-left-color:#ec5252}
.prodlist tr.base {border-left-color:#fcca1b}
.note{margin-left:0; margin-right:5px;}

.prodlist tr.rejected{background:#fce2e2; }
.prodlist tr.rejected td:first-child:after{content:"REJECTED"; font-size:10px; color:#ec5252; float:right; margin-top:-15px;}

.prodlist tr.accepted td:first-child:after{content:"ACCEPTED"; padding-right:18px; background:url(../images/accepted.png) no-repeat right center;font-size:10px; color:#b2b4c6; float:right;margin-top:-15px;}

.catlist tr.prods .prodlist tr.rejected td:nth-child(1), .catlist tr.prods .prodlist tr.accepted td:nth-child(1){padding-top:25px}

.totals{height:70px;}
.totals.active{height:400px; background: rgba(0,62,126,1);}
.totals table td{display:block; width:100%;}
.totals table tr td:nth-child(1){height:70px;}
.totaltitle:after{display:none;}
.totals span.totaltitle{background:none; font-size:16px; padding:10px; width:auto;}
.totals table tr td:nth-child(11), .totals table tr td:nth-child(2){display:none;}
.totals table tr td:nth-child(8), .totals table tr td:nth-child(9){width:30%; display:inline-block; font-weight:bold;}
.totals table tr{border:0;}
.totals td {
    color: #fff;
    height: 40px;}
	.totals table tr td:nth-child(5) input, .totals table tr td:nth-child(6) input{text-align:left;}
	.totals input.newtotal{margin:10px 0;}
	a.finalbtn{position:fixed; bottom:0px; right:0px; width:45%; margin-right:0;}

	a.admin{position:fixed; bottom:0px; right:0px; width:25%; margin-right:0;}
a.admin.approve{margin-right:0;}
a.admin.reject{right:25%;}



.transportlist table td:nth-child(3)::before,
		.transportlist table td:nth-child(4)::before,
		.transportlist table td:nth-child(5)::before,
		.transportlist table td:nth-child(6)::before{display:none;}
		

.catlist tr.prods .transportlist table td:first-child{width:100%; height:30px;}
.catlist tr.prods .transportlist table tr td{width:13.5%; margin-bottom:10px; height:auto;}
.catlist tr.prods .transportlist table tr td:first-child{margin-bottom:0;}

.catlist tr.prods .transportlist table td::before{font-size:8px; color:#4d8be2; float:left; width:100px; display:block; width:100%;}
.catlist tr.prods .transportlist table td:nth-child(2)::before{content:"00-05 MILES";}
.catlist tr.prods .transportlist table td:nth-child(3)::before{content:"06-10 MILES";}
.catlist tr.prods .transportlist table td:nth-child(4)::before{content:"11-15 MILES";}
.catlist tr.prods .transportlist table td:nth-child(5)::before{content:"16-20 MILES";}
.catlist tr.prods .transportlist table td:nth-child(6)::before{content:"21-25 MILES";}
.catlist tr.prods .transportlist table td:nth-child(7)::before{content:"26-30 MILES";}
.catlist tr.prods .transportlist table td:nth-child(8)::before{content:"PER ADDITIONAL MILE";}

.catlist tr.prods .transportlist table tr input{font-size:13px;}

.catlist .subcat.transgrid td:nth-child(4), .catlist .subcat.transgrid td:nth-child(5), .catlist .subcat.transgrid td:nth-child(6), .catlist .subcat.transgrid td:nth-child(8), .catlist .subcat.transgrid td:nth-child(9){display:none;}
.catlist tr.subcat.transgrid td:nth-child(10){width:65%;float:right; margin-top:-40px;}

.filter{display:block; float:none; text-align:left; clear:both;}
.selector{right:10px; top:33px;}
.totals table tr td input:disabled, .totals input.newtotal:disabled{opacity:1; color:#fff; -webkit-text-fill-color:#fff;}

		}
	
	@media(max-width:767px){
	.clientlist tr th:nth-child(6), .clientlist tr th:nth-child(7), .clientlist tr td:nth-child(7), .clientlist tr td:nth-child(8),.clientlist tr th:nth-child(5){width:auto;}	
	.remodal.alert, .remodal.up{width:96%;}.modal-body .row{width:100%;}.modal-body{padding:10px 15px;}.remodal.alert input.btn{ margin:6px 0;}.remodal.alert .modal-footer{padding:10px 15px 20px;}.rightcol{width:100%; float:none;}.left{margin-right:0;}
	

table.log th{display:none;}
table.log td:first-child{color:#4d8be2;}
table.log td:nth-child(2){color:#42cdad; padding:0 5px;}
table.log td{display:block; width:100%; padding:5px;}
table.log td:last-child{padding:10px 5px 20px;}

 input[type=text].newprice:disabled, input[type=text].newprice{  -webkit-appearance: none;}
 tr.issue input[type=text].newprice:disabled{color:#fff; -webkit-appearance: none;}
tr.base input[type=text].newprice:disabled{color:#fff; -webkit-appearance: none;}
tr.uplift input[type=text].newprice:disabled{color:#fff; -webkit-appearance: none;}

.catlist tr.prods .transportlist table input[type="text"]{width:100%;}
.pricetable .filter{padding-top:10px;}

.actiontab{display:inline-block; position:absolute; top:12px; right:10px;}
.actions{display:none; position:absolute; top:40px; right:10px; width:200px;}
.actions a.btn{margin:0; font-size:18px; width:200px; padding:5px 0;}
ul.stats{float:none; display:block; text-align:center; margin:0;}.client{display:block; float:none; text-align:center; padding:0 0 10px;}
	}
	
	
	@media(max-width:620px){
		.pricetable .filter{float:none; width:100%;}
				 .rightcol select,.tablehead input[type=text]{width:100%;margin:5px 0;}input[type="text"].dates,.modal-body select,.rightcol input.dates{width:50%; }.statsband{text-align:center;}.filter{text-align:left; display:block; clear:both;}.cathead .title{font-size:16px;}.name{display:none;}.tablehead input[type=text]{margin-bottom:6px;}a.btn.back{float:none; margin:10px 0;}table.log tr th:first-child{width:auto;}.notelist .message.in{margin-left:30px;}.notelist .message{width: calc(100% - 50px); margin-bottom:20px;}.notelist .message.out{margin-right:0; margin-left:30px;}.notelist .col{display:block; width:100%; padding-bottom:6px;}
				
				.statsband h1{font-size:24px; padding-top:20px;}.contract{font-size:12px;}.cathead:after{right:10px;}
				
				.remodal.alert input.btn, .remodal.alert a.btn{width:100%; display:block; margin-bottom:10px;}
				
				.clientlist tr td,.clientlist tr td:nth-child(6){display:inline-block; width:70%; height:auto; }.clientlist thead{display:none;}
				.clientlist tr td:nth-child(5),.clientlist tr td:nth-child(6),.clientlist tr td:nth-child(7),.clientlist tr td:nth-child(8){float:right; width:auto; margin-top:-20px;}
				.clientlist.admin tr td:nth-child(5){float:none; width:70%; margin-top:0;}
				
				.clientlist tr.expiry {border-left-color:#fc8763;}
.clientlist tr.awaiting,.clientlist tr.pending {border-left-color:#4d8be2;}
.clientlist tr.expired {border-left-color:#999;}
.clientlist tr.draft {border-left-color:#b6b9cc;}
.clientlist tr.live {border-left-color:#76cd42}
.clientlist tr.issue,.clientlist tr.rejected{border-left-color:#ec5252}
.clientlist tr.approved{border-left-color:#fcca1b}
.clientlist tr.review{border-left-color:#b53699;}
.pricetable, .clientlist, .accdetails {
    padding: 0 10px 100px;
}

.selector{ padding:8px; font-size:14px;}
.selector li{font-size:14px; padding:10px 0; }
.selector li .copy{ font-size:14px;  padding:6px 3px 6px 60px;}

.catlist tr.prods .transportlist table tr td{width:24%;}
select{width:100%; margin-bottom:6px;}

a.dashback{display:none;}

.cathead.service .pricenum{width:96px; margin-right:25px; padding-left:0;}
.cathead.service input[type="text"].gridtotal{font-size:11px;width:60px;margin-top:-5px; }
.catlist tr.prods .transportlist table input[type="text"]{text-align:center;}

.form{padding:20px;}
.form input{width:100%;}
.login a.btn{margin:20px 0 0; width:100%;}
	}
	
@media(max-width:450px){input[type="text"].dates, .modal-body select, .rightcol input.dates{width:100%;}}
	

.acclist table tr td:nth-child(2),.acclist table tr th:nth-child(2){text-align:center;}
.acclist table tr td:nth-child(3), .acclist table tr th:nth-child(3), .acclist table tr td:nth-child(4), .acclist table tr th:nth-child(4), .acclist table tr td:last-child, .acclist table tr th:last-child{width:180px!important; text-align:center;}
.acclist td, .custlist td{padding:0 12px;}
.tablehead{border-left:2px solid #fff; margin-left:-2px;}



.clientlist table tr th:first-child{border-left:4px solid #4d8be2;}


.custlist table tr td:last-child,.custlist table tr th:last-child{width:220px;}
.custlist table tr td select{width:200px;}


.editflag{width:90px; padding:4px 0; border-radius:10px; background:#d3d5e4; font-size:10px; color:#fff; text-align:center;}
.catlist table input[type="text"].current, .totals table input[type="text"].newcurrent,.catlist table input[type="text"].currenttotal{font-weight:bold;}
.catlist table input[type="text"].current{color:#003e7e;}


.totals table td span{font-size:10px; padding-bottom:3px; height:16px; display:block; color:#6DA4F3; font-weight:bold;}


select .live{color:#76cd42;}
select .reject{color:#ec5252}
select  .await{color:#4d8be2}
select .near{color:#fc8763}
select .expired{color:#999}

.prodstats span.prodict_title{color:#4d8be2; display:block; padding-bottom:8px; font-weight:bold; padding-left:0px;}
.prodstats span strong{font-size:8px; display:block; color:#999; font-weight:normal;}
.prodstats span{display:inline-block;}

@media(max-width:400px){.admintag{display:none;}}
@media(max-width:900px){ .totals td{height:auto; padding:0 12px; }.totals table td span{font-size:8px; color:#4d8be2; float:left; display:block; height:10px; margin-bottom:-5px;;width:100%;}	.totals table td span.tog{display:block; margin-right:5px; font-size:25px; float:none; width:20px; float:left;}}



@media (min-width: 901px){
.admin .catlist table tr td:first-child, .admin .catlist table tr th:first-child{width:23%;}
.admin .catlist table tr td:nth-child(3),.admin .catlist table tr td:nth-child(4),.admin .catlist table tr th:nth-child(3), .admin .catlist table tr th:nth-child(4){width:8%}
.admin .catlist table tr th:nth-child(5){width:18%;}
 .admin .catlist table tr td:nth-child(5), .admin .catlist table tr td:nth-child(6), .admin .catlist table tr td:nth-child(7){width:6%;}
.admin .catlist table tr th:nth-child(6){width:12%;}
 .admin .catlist table tr td:nth-child(10){width:7%;}
.admin .catlist table tr td:nth-child(8), .admin .catlist table tr th:nth-child(8){width:12%}
.admin .catlist table tr td:nth-child(11){ width: 12%;
    text-align: right;
}
.admin .catlist table tr th:nth-child(5) span{width:33%;}
}

@media (max-width: 900px){
 .admin  .catlist table td:nth-child(7)::before, .admin .prodlist table td:nth-child(7)::before {
    content: "TO";
}  

.admin .catlist table td:nth-child(5)::before, .admin .prodlist table td:nth-child(5)::before {
    content: "WALK AWAY";
}
.admin .catlist table td:nth-child(6)::before, .admin .prodlist table td:nth-child(6)::before {
    content: "FROM";
}
    .admin .catlist tr.prods .prodlist td:nth-child(7){width:35%; display:block;text-align:left; float:none;margin:0;}

.admin .prodlist table td:nth-child(11) {
    width: 100%;
    text-align: right;
    padding: 5px 10px 15px;
}
   .admin .prodlist table td:nth-child(10),   .admin .prodlist table td:nth-child(9) { float: right;
    width: 105px; 
       font-weight: bold;margin-top:-20px;}

   .admin .catlist tr.prods .prodlist td:nth-child(8) {float: right;
    text-align: right;
    width: 60%;    margin-top: -70px;
       position: relative;}
    .catlist table tr.subcat td::before, .prodlist table tr.subcat td::before{display:none;}
}


input.poa{ width:17px; height:17px;border:1px solid #d3d5e4; background:#fff;border-radius:2px;margin:0 5px 0 0;padding:0; display:inline-block; vertical-align:middle;}
.catlist table td label{font-size:11px;}

.bdmlist{display:none;}
.bdmlist{padding:0 20px 100px;}
.bdmlist th{ background:#4d8be2; color:#fff;font-size:10px; font-weight:normal; text-transform:uppercase; padding:12px;text-align:center;}
.bdmlist td{ font-weight:bold; font-size:16px; text-align:center;  padding: 10px 12px;}
.bdmlist th:first-child, .bdmlist td:first-child{text-align:left;font-weight:normal;}
.bdmlist td:first-child{font-size:13px;}
.tablehead h2{padding-right:20px;}
.tablehead h2.inactive{color:#d3d5e4;cursor:pointer;}
.tablehead h2.inactive:hover{color:#4d8be2;}
.tablehead.btns{padding:15px 20px 10px;}

.bdmlist tr td:nth-child(2){color:#b6b9cc}
.bdmlist tr td:nth-child(3){color:#4d8be2}
.bdmlist tr td:nth-child(4){color:#fc8763}
.bdmlist tr td:nth-child(5){color:#999}
.bdmlist tr td:nth-child(6){color:#76cd42}
.bdmlist tr td:nth-child(7){color:#003e7e}





.clientlist tr th:first-child{width:130px;}
.clientlist tr th:nth-child(2){width:190px;}
.clientlist tr th:nth-child(3){width:15%;}
.clientlist tr th:nth-child(4){width:30%;}

ul.stats li.process strong{background:#4bbedf;}
.clientlist tr.process td:nth-child(1), 
.clientlist tr.process td:nth-child(2) {
    color: #4bbedf;
}
@media (min-width: 901px){
.clientlist tr.process td:first-child {
    border-left-color: #4bbedf;
}}
@media (max-width: 620px){
.clientlist tr.process {
    border-left-color: #4bbedf;
}}

.remove{display:inline-block;padding:3px 3px 3px 0;}
.catlist table tr td:nth-child(7){white-space:normal;}





.b-tag{padding:3px 5px; font-size:10px; color:#fff; background:#4d8be2;display:inline-block;border-radius:2px;}
.d-tag{padding:3px 5px; font-size:10px;  color:#ec5252; background:#f1f2fa;display:inline-block;border-radius:2px;}

.clientlist tr th:nth-child(4), .clientlist tr th:nth-child(3), .clientlist tr th:nth-child(2){width:auto;}

.clientlist tr th:nth-child(6){width:70px;}
.clientlist tr th:nth-child(7), .clientlist tr th:nth-child(9){width:105px;}
.clientlist tr th:nth-child(8){width:60px;}

.clientlist.admin tr th:nth-child(9), .clientlist.admin tr th:nth-child(10){width:60px;}
.clientlist.admin tr th:nth-child(8), .clientlist.admin tr th:nth-child(11){width:105px;}
.clientlist.admin tr th:nth-child(7){width:70px;}

.selector div{background:#f9f9fe; margin:3px -8px -8px;padding:7px 8px;border-top:1px solid #dfdfe5}
.catlist table .selector input{width:58px;padding-right:20px;}
.selector-up{margin-left:-20px; color: #4d8be2; font-weight:bold; font-size:13px;}
.selector a.btn{padding:2px 8px;font-size:16px;margin:0 0 0 15px;vertical-align: middle}

.clientlist tr.expiry td:first-child span, .clientlist tr td:first-child span{display:block;font-size:11px;}

/*  LOCKED UPDATES   */
.locked{text-align:center; color:#000;}
.locked p{font-size:18px; line-height:28px;}
.locked p.locked-text{font-size:22px;color:#003e7e;}
.locked .timer{color:#ec5252; padding:5px 10px; margin:0 5px; display:inline-block; background:#f1f2fa;font-weight:600;}

.warning{padding:10px; background:#fdefef;border:1px solid #ec5252;border-radius:3px; color:#ec5252;font-size:13px;margin-bottom:20px;}

/*  DOWNLOAD AGREEMENT CSV  */
.actions a.btn{font-size:13px;color:#777}
.statsband{overflow:hidden;padding-bottom:5px}
ul.stats{margin-top:13px}
.client{padding-top:40px}


.pledge{padding:10px 0;margin:20px 10px 10px;background:#f1f2fa}
.pledge label{width:auto;font-weight:600}
.pledge input{width:120px;margin:0 10px;}

.contract a{color: #4d8be2;}



/*  PDF PRODUCT LIST EDITING  */

.clientlist.admin tr th:nth-child(8),.clientlist.admin tr td:nth-child(8){width:75px;text-align:center;}
.clientlist th:last-child,.clientlist td:last-child{width:65px;text-align:center;}
.actions{width:240px;text-align:right;}
.actions a.btn{color:#003e7e}
.actions a.btn:hover{background:#c5c5d1}
ul.stats{margin-top:0}
.actions .col{display:inline-block;width:110px;padding-top:10px;}
table.pdf{margin-top:20px;}
table.pdf th{text-align:left; padding:8px;}
table.pdf td{padding:10px 8px;}
table.pdf tr th{background:#4d8be2; color:#fff; font-size:10px; text-transform:uppercase;}
table.pdf tr th:last-child,table.pdf tr td:last-child{width:200px;text-align:center;}
table.pdf tr:hover{background:#f1f2fa;}
table.pdf tr.removed td{color:#a9abb8;}

a.pledge{padding:3px 30px 3px 10px;height:25px;line-height:20px;text-decoration: none; background:url(../images/pledge-edit.png) no-repeat right center #f1f2f4;border-radius:30px;display:inline-block;width:auto;color:#003e7e;font-weight:bold;margin:0;}
a.pledge:hover{color:#4d8be2}

.enterpledge h2{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;color:#4d8be2;font-size:30px;font-weight:400;margin:10px 0 10px;}
.remodal.enterpledge .modal-head::before {
  background: url(../images/money.png) center center no-repeat #4d8be2;
}

.form h2{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; line-height:35px; font-weight:400;font-size:24px;margin:0; padding:10px 0 0;color:#003e7e}
.form h2{border-top:1px solid #d3d5e4;padding:20px 0 10px;}
.row.checks2 label{width:auto; padding-right:50px;line-height:40px;}
.row.checks2 input{margin-right:10px;}
.row.checks2 span{white-space: nowrap}

/*  NEW STYLES 2024 UPDATES  */
.reg-admin a.admin{float:left; width:calc(30% + 10px); height:70px; padding-top:42px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; text-transform:uppercase; font-size:18px; text-decoration:none; text-align:center;   color:#fff;}
a.admin.forward{background:url(../images/forward.png) no-repeat center 9px #4d8be2; }
a.admin.forward:hover{background-color:#4273b7;}
.remodal.forward .modal-head::before {background: url(../images/forward.png) center center no-repeat #4d8be2;}
.acclist table tr th:nth-child(3),.acclist table tr th:nth-child(4), .acclist table tr td:nth-child(3),.acclist table tr td:nth-child(4){text-align:left;width: auto !important;}
.acclist table tr th:nth-child(5),.acclist table tr td:nth-child(5),.acclist table tr th:nth-child(6),.acclist table tr td:nth-child(6){text-align:center;width: 180px !important;}
.clientlist a.del{background:url(../images/del.png) no-repeat center;}
.clientlist a.del:hover{background-image:url(../images/del-hover.png);}
a.btn.red, button.red, input.btn.red{background:#ec5252; color:#fff;}
a.btn.red:hover, button.red:hover, input.btn.red:hover{background:#c43b3b;}
.modal-body h2{color:#003e7e; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:24px;font-weight:400;}

.editflag {
  width: 80px;
  height: auto;
    border-radius:5px;
    padding: 5px 0;
    background: #76cd42;
    font-weight:bold;
    line-height:11px;
}
.editflag span{font-weight:normal}
.clientlist table tr th:nth-child(n+8),.clientlist table tr td:nth-child(n+8){
    text-align:center; width:100px!important;
    
}
.clientlist.admin tr th:nth-child(7){width:auto}
.actions{width:250px}
.actions a.btn{
    font-weight: 600;
    padding: 3px 0;
    font-size:14px;
    margin-bottom:5px;
    letter-spacing: 0.5px
}
.actions .col{
 width:120px;
 padding-top:5px;
}
.actions .cols {
    padding-top:5px;
  display: flex;
justify-content: space-between
}
.actions .cols a.btn{
    width:32%;
}
.actions a.btn.disabled, .actions a.btn.disabled:hover{
 cursor: default;
    opacity:0.5;
    background:#e2e2ee;
}
.input-group{
 padding:0 0 0 15px; 
 
}
.input-group.line{padding-top:10px;}
.input-group input{width:14px;height:14px;margin:2px 3px 0 0;padding:0;vertical-align: middle}
.input-group label{color:#000;width:90%;font-weight:400;display:inline-block;vertical-align: top;padding:3px 0;  font-size:12px;}
.input-group label span{font-weight:400}
.input-group .cat-select{padding-left:23px;padding-top:5px;width:100%;display:none;font-size:12px;}
.input-group .cat-select label{padding:0;vertical-align: middle}
.input-group .cat-select input{margin:0 5px 0 2px}
.modal-head{font-weight:400}
.agreement-setup .modal-body h2{margin:0;padding:15px 0 3px;}
.cat-select div{padding:3px; margin-bottom:2px;}

.input-group :has(input:checked) label{font-weight:700}
.input-group .cat-select:has(input:checked) label{font-weight:400}
.input-group .cat-select div:has(input:checked) {
    background-color: #f1f2fa;
}
.input-group .cat-select div:has(input:checked) label{font-weight:700}

p.red{color:#ec5252}
.date-entry, .rate-entry{display:flex;align-items: center;padding-left:22px;padding-bottom:5px;}
.rate-entry{display:none}
.date-entry label, .rate-entry label{width:auto;padding-right:10px}
.date-entry input[type="text"].dates, .date-entry select{width:120px;height:24px;margin-right:20px;background-color:#fff;font-weight:700}
.rate-entry input[type="text"]{width:70px;height:24px;margin-right:2px;background-color:#fff;font-weight:700}
.agreement-setup .modal-body .rate-entry span{font-size:20px; margin:0;padding:0;display:inline-block;}

.clientlist a.btn{
 width:auto;height:auto;   
}
.clientlist th.sticky{position:sticky; z-index:2; top:60px; }
.clientlist th{font-size:9.5px; padding:8px 12px;}
ul.stats li strong{font-size:24px}
.agreement-setup{margin-top:2%}
.agreement-setup .modal-body{padding-top:0}
.agreement-setup .modal-body h2{font-size:20px}
.agreement-setup .modal-body span{font-size:11px;display:block;padding:0 0 8px;color:#4d8be2;padding-left:15px;}

.exit-submit .finalbtn{display:inline-block;width:calc(65% + 20px);  font-size: 20px;  line-height: 20px;}
.exit-btn{width:35%;background:#4d8be2;display:inline-block;height: 70px;
  cursor: pointer;float:left;
  line-height: 20px;
  font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  text-decoration: none;
  text-align: left;vertical-align: middle;padding: 12px 12px 0;color: #fff;}
.exit-btn:hover{background:#437ac8}

.editflag span{display:block;}

.alerts .drop li a.pledge-change{color:#003e7e}
.alerts .drop li a.pledge-change:before{background-color:#003e7e;}

.sett{height:25px}

@media (min-width: 901px) {
    
    .catlist tr .prodlist td:first-child{
        padding:5px 12px 5px 7px;
    }
    
      .catlist table tr th:nth-child(5) span {
    width: 33%;
  }
    .catlist table tr td:first-child, .catlist table tr th:first-child, .totals table tr td:first-child {
    width: 23%;
  }
    .catlist table tr th:nth-child(6) {
    width: 12%;
  }
    .catlist table tr th:nth-child(5) {
    width: 18%;
  }
    .catlist table tr td:nth-child(5), .catlist table tr td:nth-child(6), .catlist table tr td:nth-child(7) {
    width: 6%;
  }
    .catlist table tr td:nth-child(3), .catlist table tr td:nth-child(4), .catlist table tr th:nth-child(3), .catlist table tr th:nth-child(4) {
    width: 8%;
  }
      .catlist table tr td:nth-child(8), catlist table tr th:nth-child(8) {
    width: 12%;
  }
    .catlist table tr td:nth-child(10) {
    width: 7%;
  }
     .catlist table tr td:nth-child(11), .catlist table tr th:nth-child(8) {
    width: 12%;
    text-align: right;
  }
    .catlist table tr td:nth-child(8), .catlist table tr th:nth-child(6), .totals table tr td:nth-child(7) {
  padding-left: 2%;
}
    .catlist table tr td:nth-child(7) input[type="text"]{text-align:center}
}