body {
	font-family:roboto;
	margin:0px !important;
	padding:0px !important;
	}
	.angle  {
	width:13px;height:13px;margin:1px;border-left:2px solid black;border-bottom:2px solid black;margin:0 auto;
	}
.page  {
	max-width:1400px;
	margin:0 auto;
	min-width:1400px;
	}
	
.primary_color {
	background:#14422b;
	}
.olabel {font-size:12px;margin-bottom:4px;font-weight:bold;}

.ovalue {font-size:14px;margin-bottom:14px;}
.square {padding:4px 6px;font-weight:bold;color:white;border-radius:2px;}
.squarebig {padding:4px 8px;font-weight:regular;color:white;border-radius:2px;font-size:20px;}
.squarea {background:#14422b;}
.squarec {background:#99bd1d;}
select {
	padding:6px;
	font-size:13px;
	}
input[type="text"] {
	font-size: 13px;
    padding: 6px;
	width:calc(100% - 16px);
	}
input[type="password"],input[type="email"]  {
	font-size: 13px;
    padding: 6px;

	}



.button-filter{
    color: white;
    padding: 6px 10px;
    background: black;
    text-decoration: none;
	cursor:pointer;
	border-radius:2px;
	}
	
.menu_link {
	color:#14422b;
	font-size:0.9em;
	padding:0px 12px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	line-height:30px;
	clear:both;
	cursor:pointer;
	width:calc(100% - 50px);
	margin-bottom:12px;
	border-radius:2px;
	background: whitesmoke !important;
	}
.col-10 {
	float:left;
	width:10%;
	}
.col-15 {
	float:left;
	width:15%;
	}

.col-20 {
	float:left;
	width:20%;
	}
.col-25 {
	float:left;
	width:25%;
	}
.col-30 {
	float:left;
	width:30%;
	}
.col-35 {
	float:left;
	width:35%;
	}

.col-40 {
	float:left;
	width:40%;
	}

.col-50 {
	float:left;
	width:50%;
	}
.col-60 {
	float:left;
	width:60%;
	}
.col-70 {
	float:left;
	width:70%;
	}
.col-80 {
	float:left;
	width:80%;
	}

.col-85 {
	float:left;
	width:85%;
	}
.col-90 {
	float:left;
	width:90%;
	}
.col-33 {
	float:left;
	width:33%;
	}
	
	
	
	
.container-name {
	font-size:1.2em;
	padding-bottom:16px;
	}

.fl  {
	float:left;
	}
	
.fr  {
	float:right;
	}
	
.tar {
	text-align:right;
	}
	
.tac {
	text-align:center;
	}
	
.delivered  {
	font-size:2em;
	font-weight:bold;
	color:green;
	padding-bottom:20px;
	}

.shipping  {
	font-size:2em;
	font-weight:bold;
	color:#09c;
	padding-bottom:20px;
	}
	
.actioned  {
	font-size:2em;
	font-weight:bold;
	color:red;
	padding-bottom:20px;
	}

.table-name {
	clear:both;
	font-weight:bold;
	padding:10px 0px 12px 0px;
	}

.ctable {border-collapse: collapse;}

.ctable td {padding:10px 8px; font-size:0.8em;}

.ctable thead tr th {background:whitesmoke; padding:10px 8px; font-size:0.8em;}

.jobctable {border-collapse: collapse;}

.jobctable td {padding:4px 4px; font-size:0.8em;}

.jobctable thead tr th {background:whitesmoke; padding:4px 4px; font-size:0.8em;}

.separe-10 {
	clear:both;
	height:10px;
	}
.separe-20 {
	clear:both;
	height:20px;
	}
.status-active {
	font-weight:bold;
	color:green;
	}
.status-actioned {
	font-weight:bold;
	color:red;
	}
.status-inactive {
	font-weight:bold;
	color:red;
	}
.status-draft {
	font-weight:bold;
	color:orange;
	}
.infobox {
	border-radius:4px;
	padding:10px;
	text-align:center;
	float:right;
	margin-left:12px;
	min-width:70px;
	cursor:pointer;
	}

.infobox-text {
	color:white;
	font-size:0.8em;
	}
	
.infobox-number {
	color:white;
	font-size:1.5em;
	}

.ib-delivered {
	background:#99bd1d;
	}
	
.ib-open {
	background:grey;
	}
	
.ib-shipping {
	background:#09c;
	}
	
.ib-actioned {
	background:red;
	}
.ib-draft {
	background:orange;
	}
.ib-gray {
	background:#a5a5a5;
	}
.greyline {
	padding-top:12px;
	margin-bottom:28px;
	border-bottom:1px solid grey;
	width:100%;
	clear:both;
	}
	
.icon {
    width: 68px;
}

.text-delivered {
    color:green;
}

.text-shipping {
    color:#09c;
}

.text-actioned {
    color:red;
}

.logo {
    width: 227px;
    margin-top: 10px;
}

.mrt {
    margin-right:20px;
}
.detail-small {
    font-size:0.8em;padding-bottom:8px;
}

.alert {
    width:30px;height:30px;text-align:center;line-height:1.6em;color:white;font-size:1.2em;border-radius:50%;
}
h2 {
    font-size:1.3em;
}
.red{
   background:red;
}
.blue{
   background:#09c;
}
.button{
   background:#99bd1d;
   color:white;
   font-size:1em;
   text-align:center;
   padding:6px 12px;
   margin:12px 0px;
   width:fit-content;
   cursor:pointer;
   clear:both;
   text-decoration:none;
   border-radius:2px;
   }
.buttonpager{
   background:whitesmoke;
   color:black;
   font-size:1em;
   text-align:center;
   padding:4px 8px;
   margin:12px 0px;
   width:fit-content;
   cursor:pointer;
   clear:both;
   text-decoration:none;
   }
   .menu_link_selected {
	color:white;
	background: linear-gradient(-45deg,#9CC026,#22AA86) !important;
	}