/*20180501 0930*/
* {
	margin: 0;
	padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article {
	display: block;
}
title {
	display: none;
}
.btn {
	display: none;
}

.table-bordered
{
	/*display: none;*/
}
.bg-1 {
display: none;
}

img-responsive img-tumbnail 
{
	display: none;
}

h6
{
	display: none;
}

body {
	margin: 0 auto;
	padding: 18px 0;
	width: 1024px;
	font: 15px Arial, Helvetica, sans-serif;
/*	background: #EAE2DC;
	background: #0f0;*/
}

body{
	min-height: 100%;
/*	background-color:#cfecfa;
	background-image:url('../images/dorc-new-bg2.jpg');*/	
	background-repeat:no-repeat;
	background-position: center -300px;	
	/*
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    */
		
}

pre {
	width: 896px;
	display: block;
	overflow: scroll;
}

h1, h2 {
	display: none;

}
h3 {
	display: none;

}

h4 {
	display: none;

}

p {
	display: none;

}
li{
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 30px;
}

.critical {
	margin: 0px;
	padding: 2px;
    background: #ff0000;
	color:white;
}
.regulation {
	margin: 0px;
	padding: 2px;
 	padding-bottom: 16px;
	color:#ff0000;
}

.major {
	margin: 0px;
	padding: 2px;
    background: #ff8500;
}
.minor {
	margin: 0px;
	padding: 2px;
    background: #ffd600;
}
.good {
	margin: 0px;
	padding: 2px;
    background: #00ff00;
}
.present {
	margin: 0px;
	padding: 2px;
}
.negative {
	color:red;
}

.menu, .menu ul,.menu li,.menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
} 
.menu {
    height: 43px;
    width: 1024px; 
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	margin-top: 6px;
} 
.menu li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    height: 40px;
}
.menu li a {
    display: block;
    padding: 0 14px;
    margin: 6px 0;
    line-height: 28px;
    text-decoration: none; 
    border-left: 1px solid #393942;
    border-right: 1px solid #4f5058; 
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 13px; 
    color: #f3f3f3;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6); 
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
 
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; } 
.menu li:hover > a { color: #8fde62; }
.menu li:hover > a { color: rgb(153,217,234); }

.menu ul {
    position: absolute;
    top: 40px;
    left: 0; 
    opacity: 0;
    background: #1f2024; 
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
    z-index: 1;	
}
 
.menu li:hover > ul { opacity: 1; }

.menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;	
	position: relative;
	z-index: 1;	 
	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}
 
.menu li:hover > ul li {
	height: 36px;
	overflow: visible;
	padding: 0;	
	position: relative;
	z-index: 1;	
}

.menu ul li a {
    width: 100px;
    padding: 4px 0 4px 40px;
    margin: 0; 
    border: none;
    border-bottom: 1px solid #353539;
}
 
.menu ul li:last-child a { border: none; }

/*------------------------------
=INTRODUCTION
------------------------------*/

#intro h2, #intro p {
	width: 336px;
}

#intro h2 {
	padding: 0 0 22px 0;
	font-weight: normal;
	font-size: 36px;
	color: #0B68BE;
}

#intro p {
	padding: 0;
	color: #0B68BE;	
}

#intro {
	display: none;
}

#intro h2, #intro p {
	display: none;
}

#intro img {
	position: absolute;
	top: 0;
	right: 0;
	width: 653px;
	height: 100%;
}

/*------------------------------------------------       MAIN SECTION      -------------------------------------------------*/

#content {
	display: table;
	background: #dedede;
	background: white;	
	width:1024px;
	padding: 0px;
	border-radius: 6px 6px 22px 22px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#mainContent {
	display: table-cell;
	padding: 6px 36px;
	width: auto;
}

/*------------------------------------------------         TABLES      -------------------------------------------------*/
table{	
	padding: 2px;
	margin: 2px;
	font-weight: bold;
	text-align: right;
	border: 0px solid #f00;
	border-collapse: collapse;
	background: inherit;	
	margin-top: 15px;
	margin-bottom: 15px;
	width: auto;
	margin-left:auto;
	margin-right:auto;	
	font-family: Tahoma, helvetica, arial, sans-serif;
	font-size: 12.7333px;
	font-weight: 400;
}
tbody{
	border: 0px solid #0f0;
	width: auto;
	margin-left: 40px;
	margin-right: 40px;
}
table th{
	text-align: center;
	border: 0px solid #fff;
	padding: 2px;
	font-size: 9pt;
	color: #fff;
	background: #4973AB;	
	font-family: Tahoma, helvetica, arial, sans-serif;
	font-size: 12.7333px;
	font-weight: 600;
}
table td{
	text-align: left;
	border: 0px solid #fff;
	padding: 2px;
	font-size: 9pt;
	font-weight: normal;
/*	background: #00f1f1;*/	
	font-family: Tahoma, helvetica, arial, sans-serif;
	font-size: 12.7333px;
	font-weight: 400;
}

table.survey{
	padding: 2px;
	margin: 2px;
	font-weight: bold;
	text-align: center;
	border: 2px solid #000;
	background-color: #eee;
	width: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
}
table.survey th{
	text-align: center;
	border: 2px solid #000;
	padding: 5px;
	font-size: 12pt;
	color: #fff;
	background: #4973AB;
}
table.survey td{
	text-align: center;
	border: 2px solid #000;
	padding: 3px;
	font-size: 10pt;
	font-weight: bold;
	background: #eee;
}
table.survey td.pivot{
	border: 4px solid #000;
	background: #f00;
}

table.defects{
	padding: 2px;
	margin: 2px;
	font-weight: bold;
	text-align: center;
	border: 2px solid #000;
	background-color: #eee;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
}
table.defects th{
	text-align: center;
	border: 2px solid #000;
	padding: 5px;
	font-size: 12pt;
	color: #fff;
	background: #E21B43;
}
table.defects td{
	text-align: center;
	border: 2px solid #000;
	padding: 3px;
	font-size: 10pt;
	font-weight: bold;
	background: #eee;
}
table.defects td.pivot{
	border: 4px solid #000;
	background: #f00;
}

table.accounts{
	padding: 2px;
	margin: 2px;
	font-weight: bold;
	text-align: center;
	border: 0px solid #000;
	background-color: #eee;
	width: 75%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
}
table.accounts th{
	text-align: center;
	border: 0px solid #000;
	padding: 5px;
	font-size: 12pt;
	color: #fff;
	background: #000000;
}
table.accounts td{
	text-align: left;
	border: 0px solid #000;
	padding: 3px;
	font-size: 10pt;
	font-weight: bold;
	background: #eee;
}
table.accounts td.cash{
	text-align: right;
	border: 0px solid #000;
}

/* ==================================================================================================== */
table.client, table.none, table.none_vert, table.minimum, table.bronze ,table.silver, table.gold, table.red ,table.amber, table.green, table.blue, table.white, table.invisible{
	padding: 2px;
	margin: 2px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
	background-color: #eee;
	width: 95%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}

table.none{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-align: center;
	border: 0px solid #f00;
	background-color: #eee;
	width: 95%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}

table.invisible{

	border: 0px solid #000;
	display: none;
}

table.left{
	padding: 2px;
	margin: 2px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
	background-color: #eee;
	width: 95%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}
table.tabbed{
	padding: 2px;
	margin: 2px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
	background-color: #eee;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}
table.skinny{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-align: center;
	border: 0px solid #f00;
	background-color: #eee;
	width: 95%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
}

table.client th, table.none th, table.none_vert th, table.kanbanlabel th, table.kanbanlabelb th, table.minimum th, table.bronze th ,table.silver th , table.gold th, table.red th ,table.amber th , table.green th , table.blue th , table.tabbed th, table.white th{
	text-align: center;
	border: 1px solid #000;
	padding: 5px;
	font-size: 10pt;
	color: #fff;
	background: #000000;
}
table.client th, table.white th{
	color: #fff;
	background: #000000;
}

table.none th, table.none_vert th, table.kanbanlabel th, table.kanbanlabelb th, table.tabbed th, table.wide th{
	color: #fff;
	background: #000000;
}

table.none_vert{
	display: none;
}



table.kanbanlabel{
	margin: 2px;
	font-weight: bold;
	background-color: #00e;
	width: 12.5cm;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left:auto;
	margin-right:auto;
    height: 6cm;
	text-align: center;
	border: 1px solid #900;
	padding: 2px;
	font-size: 10pt;
	color: #f0f;
	background: #009900;
	text-align: center;
	border: 3px solid #00f;
	padding: 4px;
	font-size: 10pt;
	color: #f0f;
	background: #fff;
}
table.kanbanlabelb{
	margin: 2px;
	font-weight: bold;
	background-color: #00e;
	width: 12.5cm;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left:auto;
	margin-right:auto;
    height: 6cm;
	text-align: center;
	border: 1px solid #900;
	padding: 2px;
	font-size: 10pt;
	color: #f0f;
	background: #009900;
	text-align: center;
	border: 3px solid #0f0;
	padding: 4px;
	font-size: 10pt;
	color: #f0f;
	background: #fff;
}
table.kanbanlabelc{
	margin: 2px;
	font-weight: bold;
	background-color: #00e;
	width: 12.5cm;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left:auto;
	margin-right:auto;
    height: 6cm;
	text-align: center;
	border: 1px solid #900;
	padding: 2px;
	font-size: 10pt;
	color: #f0f;
	background: #009900;
	text-align: center;
	border: 3px solid #f7ff00;
	padding: 4px;
	font-size: 10pt;
	color: #f0f;
	background: #fff;
}

table.kanbanlabelyellow{
	margin: 2px;
	font-weight: bold;
	background-color: #00e;
	width: 16.4cm;
	margin-top: 5px;
	margin-bottom: 1px;
	margin-left:none;
	margin-right:auto;
    height: 13.8cm;
	text-align: center;
	border: 3px solid yellow;
	padding: 4px;
	font-size: 10pt;
	color: #f0f;
	background: #fff;
}
table.kanbanlabelblue{
/*    position: absolute;*/
    position: relative;
    left: 20px;
    top: 15px;
	
	margin: 0px;
	font-weight: bold;
	background-color: #00e;
	width: 12cm;

	margin-top: 0mm;
	margin-bottom: 0mm;
	margin-left:0mm;
	margin-right:0mm;

    height: 6.6cm;
	text-align: center;
	border: 1px solid blue;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 10pt;
	color: #000;
	background: #fff;
}
table.kanbanlabelgreen{
    position: absolute;
 /*   left: 0px;
    top: 10x;*/
    left: 1px;
    top: 3x;	
	margin: 0px;
	font-weight: bold;
	background-color: #00e;
	width: 15.9cm;
	width: 16.1cm;
	margin-top: 0mm;
	margin-bottom: 0mm;
	margin-left:0mm;
	margin-right:0mm;

  /*  height: 6.5cm;*/
  /*  height: 9.3cm;*/
    height: 9.4cm;
	text-align: center;
	border: 0px solid green;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 10pt;
	color: #000;
	background: #fff;
	
   border: 2px solid #aa0000;
}

div.page{
	width: 11.1cm;
	
	margin-top: 0mm;
	margin-bottom: 0mm;
	margin-left:0mm;
	margin-right:0mm;
	
    height: 6.6cm;
	border: 5px dotted green;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;

}

table.minimum th{
	color: #fff;
	background: #00aa00;
}
table.bronze th{
	color: #fff;
	background: #cd7f32;
}
table.silver th{
	color: #fff;
	background: #757575;
}
table.gold th{
	color: #000000;
	background: #FFD700;
}
table.red th{
	color: #fff;
	background: #aa0000;
}
table.amber th{
	color: #fff;
	background: #ff9900;
}
table.green th{
	color: #fff;
	background: #00aa00;
}
table.blue th{
	color: #fff;
	background: #0000aa;
}

table.client td , table.none td, table.none_vert td , table.minimum td , table.bronze td,table.silver td , table.gold td, table.red td,table.amber td , table.green td, table.blue td , table.tabbed td, table.white td, table.invisible td, table.wide td{
	text-align: center;
	border: 1px solid #000;
	padding: 3px;
	font-size: 10pt;
	font-weight: bold;
	background: #eee;
}

table.kanbanlabel td{
	text-align: center;
	border: 1px solid #00f;
	padding: 3px;
	background: #eee;
	margin: 0px;	
	font-size: 9pt;
	font-weight: normal;
}
table.kanbanlabelb td{
	text-align: center;
	border: 1px solid #0f0;
	padding: 3px;
	background: #eee;
	margin: 0px;	
	font-size: 9pt;
	font-weight: normal;
}
table.kanbanlabelc td{
	text-align: center;
	border: 1px solid #f7ff00;
	padding: 3px;
	background: #eee;
	margin: 0px;	
	font-size: 9pt;
	font-weight: normal;
}	
	
table.kanbanlabelyellow td{
	text-align: center;
	border: 1px solid yellow;
	padding: 3px;
	background: #eee;
	margin: 0px;	
	font-size: 9pt;
	font-weight: normal;
}
table.kanbanlabelblue td{
	text-align: center;
	border: 1px solid blue;
	padding: 3px;
	background: #eee;
	margin: 0px;	
	font-size: 9pt;
	font-weight: normal;
}
table.kanbanlabelgreen td{
	text-align: center;
	border: 0px solid black;
/*	padding: 3px;*/
	padding: 0px;
	background: #eee;
	margin: 0px;	
	font-size: 9pt;
	font-weight: normal;
}			
/*##############################################*/
table.shelflabel{
	margin: 2px;
	font-weight: bold;
	width: 19.7cm;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left:auto;
	margin-right:auto;
    height: 4cm;
	text-align: center;
	border: 4px solid #000;
	padding: 4px;
	font-size: 10pt;
	color: #f0f;
	background: #fff;
}
table.shelflabel td{
	text-align: center;
	margin: 5px;
	padding: 4px;
	font-size: 10pt;
	font-weight: normal;
	border: 0px solid #f00;
	background: #fff;
}
table.shelflabel td.b_left{
	border-left: 3px solid #000;
	font-size: 11pt;
	font-weight: bold;
	background: #01bc01;
}
table.shelflabel td.b_right{
	border-right: 3px solid #000;
	font-size: 11pt;
	font-weight: bold;
	background: #e00;
}
table.shelflabel td.b_top{
	border-top: 3px solid #000;
	background: #fff;
	}
table.shelflabel td.b_btm{
	border-bottom: 3px solid #000;
	background: #fff;
	}
table.shelflabel td.big_red{
	font-size: 28pt;
	font-weight: bold;
	background: #e00;
	}
table.shelflabel td.big_grn{
	font-size: 28pt;
	font-weight: bold;
	background: #01bc01;
	}
table.shelflabel td.big_size{
	font-size: 18pt;
	font-weight: bold;
	background: #fff;
	}
table.shelflabel td.med_size{
	font-size: 16pt;
	font-weight: bold;
	background: #fff;
	}	
table.shelflabel td.kanban{
	font-size: 30pt;
	font-weight: bold;
	background: #fff;
	border-left: 3px solid #000;
	border-right: 3px solid #000;	
	}
	
/*##############################################*/
table.shelflabelss{
	margin: 2px;
	font-weight: normal;
	width: 8.0cm;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left:auto;
	margin-right:auto;
    height: 3.3cm;
	text-align: center;
	border: 4px solid #000;
	padding: 4px;
	font-size: 10pt;
	color: #f0f;
	background: #0ff;
}
table.shelflabelss td{
	text-align: center;
	margin: 5px;
	padding: 4px;
	font-size: 10pt;
	font-weight: normal;
	border: 0px solid #f00;
	background: #0ff;
}
table.shelflabelss td.max{
	border-left: 3px solid #000;
	font-size: 18pt;
	font-weight: normal;
	background: #01bc01;
}
table.shelflabelss td.min{
	border-right: 3px solid #000;
	font-size: 18pt;
	font-weight: normal;
	background: #e00;
}
table.shelflabelss td.b_top{
	border-top: 3px solid #000;
	background: #fff;
	}
table.shelflabelss td.b_btm{
	border-bottom: 3px solid #000;
	background: #fff;
	}
table.shelflabelss td.min_num{
	border-right: 3px solid #000;
	font-size: 22pt;
	font-weight: normal;
	background: #e00;
	}
table.shelflabelss td.max_num{
	border-left: 3px solid #000;
	font-size: 22pt;
	font-weight: normal;
	background: #01bc01;
	}
table.shelflabelss td.big_size{
	font-size: 18pt;
	font-weight: bold;
	background: #fff;
	}
table.shelflabelss td.desc{
	font-size: 10pt;
	font-weight: normal;
	background: #fff;
	}	
table.shelflabelss td.kanban{
	font-size: 28pt;
	font-weight: normal;
	background: #fff;
	border-left: 3px solid #000;
	border-right: 3px solid #000;	
	}


/*##############################################*/

table.kanbanlabel td{
	border: 0px solid #f0f;
	background: #fff;
}
table.kanbanlabel td.b_left{
	border-left: 3px solid #00f;
	background: #fff;
}
table.kanbanlabel td.b_right{
	border-right: 3px solid #00f;
	background: #fff;
}
table.kanbanlabel td.b_top{
	border-top: 3px solid #00f;
	background: #fff;
	}
table.kanbanlabel td.b_btm{
	font-weight: bold;
	font-size: 12pt;
	border-bottom: 3px solid #00f;
	background: #fff;
	}
table.kanbanlabel td.qty{
	border-bottom: 3px solid #00f;
	background: #fff;
	}	
table.kanbanlabel td.med_size{
	font-size: 16pt;
	font-weight: bold;
	background: #fff;
	}
/*##############################################*/
	
table.kanbanlabelb td{
	border: 0px solid #f0f;
	background: #fff;
}
table.kanbanlabelb td.b_left{
	border-left: 3px solid #0f0;
	background: #fff;
}
table.kanbanlabelb td.b_right{
	border-right: 3px solid #0f0;
	background: #fff;
}
table.kanbanlabelb td.b_top{
	border-top: 3px solid #0f0;
	background: #fff;
	}
table.kanbanlabelb td.b_btm{
	font-weight: bold;
	font-size: 12pt;
	border-bottom: 3px solid #0f0;
	background: #fff;
	}
table.kanbanlabelb td.qty{
	border-bottom: 3px solid #0f0;
	background: #fff;
	}
table.kanbanlabelb td.med_size{
	font-size: 16pt;
	font-weight: bold;
	background: #fff;
	}	
table.kanbanlabel td.kanban{
	border-left: 3px solid #00f;
	border-right: 3px solid #00f;
	font-weight: bold;
	font-size: 24pt;
}
table.kanbanlabelb td.kanban{
	border-left: 3px solid #0f0;
	border-right: 3px solid #0f0;
	font-weight: bold;
	font-size: 24pt;
}	

/*##############################################*/
	
table.kanbanlabelc td{
	border: 0px solid #f0f;
	background: #fff;
}
table.kanbanlabelc td.b_left{
	border-left: 3px solid #f7ff00;
	background: #fff;
}
table.kanbanlabelc td.b_right{
	border-right: 3px solid #f7ff00;
	background: #fff;
}
table.kanbanlabelc td.b_top{
	border-top: 3px solid #f7ff00;
	background: #fff;
	}
table.kanbanlabelc td.b_btm{
	font-weight: bold;
	font-size: 12pt;
	border-bottom: 3px solid #f7ff00;
	background: #fff;
	}
table.kanbanlabelc td.qty{
	border-bottom: 3px solid #f7ff00;
	background: #fff;
	}
table.kanbanlabelc td.med_size{
	font-size: 16pt;
	font-weight: bold;
	background: #fff;
	}	
table.kanbanlabel td.kanban{
	border-left: 3px solid #00f;
	border-right: 3px solid #00f;
	font-weight: bold;
	font-size: 24pt;
}
table.kanbanlabelc td.kanban{
	border-left: 3px solid #f7ff00;
	border-right: 3px solid #f7ff00;
	font-weight: bold;
	font-size: 24pt;
}	

/*##############################################*/

table.kanbanlabelyellow td{
	border: 0px solid yellow;
	background: #fff;
}
table.kanbanlabelyellow td.b_left{
	border-left: 3px solid yellow;
	background: #fff;
}
table.kanbanlabelyellow td.b_right{
	border-right: 3px solid yellow;
	background: #fff;
}
table.kanbanlabelyellow td.b_top{
	border-top: 3px solid yellow;
	background: #fff;
	}
table.kanbanlabelyellow td.b_btm{
	font-weight: bold;
	font-size: 12pt;
	border-bottom: 3px solid yellow;
	background: #fff;
	}
table.kanbanlabelyellow td.qty{
	border-bottom: 3px solid yellow;
	background: #fff;
	}	
table.kanbanlabelyellow td.med_size{
	font-size: 16pt;
	font-weight: bold;
	background: #fff;
	}
table.kanbanlabelyellow td.kanban{
	border-left: 3px solid yellow;
	border-right: 3px solid yellow;
	font-weight: bold;
	font-size: 24pt;
}	
/*##############################################*/
table.kanbanlabelgreen td{	
	border: 0px solid black;
	padding-top: 7px ;
	padding-bottom: 7px ;
	background: #fff;
}
table.kanbanlabelgreen td.b_left{
	border: 0px solid black;
	padding-top: 4px ;
	padding-bottom: 5px ;
	background: #fff;
}
table.kanbanlabelgreen td.b_right{
	border: 0px solid black;
	padding-top: 20px ;
	padding-bottom: 9px ;
	background: #fff;
}
table.kanbanlabelgreen td.b_top{
	border: 0px solid black;
	padding-top: 4px ;
	padding-bottom: 5px ;
	background: #fff;
	}
table.kanbanlabelgreen td.b_btm{
	padding: 0px;
	padding-top: 4px ;
	padding-bottom: 5px ;
	font-weight: bold;
	font-size: 15pt;
	border: 0px solid black;
	background: #fff;
	}
table.kanbanlabelgreen td.qty{
	border: 0px solid black;
	padding-top: 4px ;
	padding-bottom: 5px ;
	background: #fff;
	}	
table.kanbanlabelgreen td.med_size{
	font-size: 16pt;
	font-weight: bold;
	background: #fff;
	border: 0px solid black;
	padding-top: 4px ;
	padding-bottom: 5px ;
	}
table.kanbanlabelgreen td.kanban{
	padding: 1px;
	border: 0px solid black;
	border-left: 0px solid blue;
	border-right: 0px solid blue;
	padding-left: 3px ;
	padding-right: 3px ;
	padding-top: 15px ;
	padding-bottom: 0px ;	
	font-weight: bold;
	font-size: 27pt;
}	

/*##############################################*/
	
table.kanbanlabelblue td{
	border: 0px solid blue;
	background: #fff;
}
table.kanbanlabelblue td.b_left{
	border-left: 3px solid blue;
	background: #fff;
}
table.kanbanlabelblue td.b_right{
	border-right: 3px solid blue;
	background: #fff;
}
table.kanbanlabelblue td.b_top{
	border-top: 3px solid blue;
	background: #fff;
	}
table.kanbanlabelblue td.b_btm{
	font-weight: bold;
	font-size: 12pt;
	border-bottom: 3px solid blue;
	background: #fff;
	}
table.kanbanlabelblue td.qty{
	border-bottom: 3px solid blue;
	background: #fff;
	}
table.kanbanlabelblue td.med_size{
	font-size: 16pt;
	font-weight: bold;
	background: #fff;
	}	
table.kanbanlabelblue td.kanban{
	border-left: 3px solid blue;
	border-right: 3px solid blue;
	font-weight: bold;
	font-size: 24pt;
}	
/*##############################################################*/

table.wide td{
	text-align: center;
	border: 1px solid #000;
	padding: 2px;
	font-size: 9pt;
	font-weight: bold;
	background: #eee;
}

table.client td{
text-align: center;
}
table.invisible td{
	display: none;
	border: 0px solid #f00;
}
table.left td{
text-align: left;
}
table.white td{
background: #ffffff;
}
table.client tr td.red{
    background: #aa0000;
}
table.client tr td.purple{
    background: #800080;
	color: #fff;
}
table.client tr td.amber{
    background: #aa7e00;
}

table.client tr td.green{
    background: #00aa00;
}
table.client tr td.blue{
    background: #0000aa;
}
table.client tr td.none, table.tabbed td{
    background: #ffffff;
}
table.client tr td.minimum{
    background: #00aa00;
}
table.client tr td.bronze{
    background: #cd7f32;
}
table.client tr td.silver{
    background: #757575;
}
table.client tr td.gold{
    background: #FFD700;
}
table.client tr td.explanation{
	vertical-align: middle;
	text-align: left;
}
table.client tr td.feedback{
	vertical-align: middle;
	text-align: left;
}
table.client tr td.explanation{
	vertical-align: middle;
	text-align: left;
}
table.client tr td.left{
	vertical-align: middle;
	text-align: right;
	padding-right: 10px;
}
table.client tr td.right{
	vertical-align: middle;
	text-align: left;
	padding-left: 10px;
}

table.none td, table.wide td{
	color: #000000;
	background: rgba(255, 255, 255, 0.1);
}
table.none td.heading{
	text-align: center;
	color: #000000;
	background: rgba(255, 255, 255, 0.8);
}
table.none td.explanation{
	vertical-align: middle;
	text-align: left;
	color: #000000;
	background: rgba(255, 255, 255, 0.1);
	font-weight: normal;
}
table.none td.feedback{
	text-align: center;
	color: #000000;
	background: rgba(255, 255, 255, 0.1);
	font-weight: normal;
}

table.tabbed td{
	color: #000000;
	background: rgba(255, 255, 255, 0.1);
}
table.tabbed td.heading{
	text-align: center;
	color: #000000;
	background: rgba(255, 255, 255, 0.8);
}
table.tabbed td.explanation{
	vertical-align: middle;
	text-align: left;
	color: #000000;
	background: rgba(255, 255, 255, 0.1);
	font-weight: normal;
}
table.tabbed td.feedback{
	text-align: center;
	color: #000000;
	background: rgba(255, 255, 255, 0.1);
	font-weight: normal;
}

table.red td{
	color: #000000;
	background: rgba(255, 0, 0, 0.3);
}
table.red td.heading{
	text-align: center;
	color: #000000;
	background: #ffffff;
}
table.red td.explanation{
	vertical-align: top;
	text-align: left;
	color: #000000;
	background: rgba(144, 144, 144, 0.5);
	font-weight: normal;
}
table.red td.feedback{
	text-align: center;
	color: #000000;
	background: rgba(144, 238, 144, 0.1);
	font-weight: normal;
}

table.amber td{
	color: #000000;
	background: rgba(255, 153, 0, 0.3);
}
table.amber td.heading{
	text-align: center;
	color: #000000;
	background: #ffffff;
}
table.amber td.explanation{
	vertical-align: top;
	text-align: left;
	color: #000000;
	background: rgba(144, 144, 144, 0.5);
	font-weight: normal;
}
table.amber td.feedback{
	text-align: center;
	color: #000000;
	background: rgba(144, 238, 144, 0.1);
	font-weight: normal;
}

table.green td{
	color: #000000;
	background: rgba(0, 255, 0, 0.3);
}
table.green td.heading{
	text-align: center;
	color: #000000;
	background: #ffffff;
}
table.green td.explanation{
	vertical-align: top;
	text-align: left;
	color: #000000;
	background: rgba(144, 144, 144, 0.5);
	font-weight: normal;
}
table.green td.feedback{
	text-align: center;
	color: #000000;
	background: rgba(144, 238, 144, 0.1);
	font-weight: normal;
}

table.blue td{
	color: #000000;
	background: rgba(0, 0, 255, 0.3);
}
table.blue td.heading{
	text-align: center;
	color: #000000;
	background: #ffffff;
}
table.blue td.explanation{
	vertical-align: top;
	text-align: left;
	color: #000000;
	background: rgba(144, 144, 144, 0.5);
	font-weight: normal;
}
table.blue td.feedback{
	text-align: center;
	color: #000000;
	background: rgba(144, 238, 144, 0.1);
	font-weight: normal;
}

table.minimum td{
	color: #000000;
	background: #90ee90;
}
table.minimum td.heading{
	text-align: center;
	color: #000000;
	background: #90ee90;
}
table.minimum td.explanation{
	vertical-align: top;
	text-align: left;
	color: #000000;
	background: rgba(144, 238, 144, 0.1);
	font-weight: normal;
}
table.minimum td.feedback{
	text-align: center;
	color: #000000;
	background: rgba(144, 238, 144, 0.1);
	font-weight: normal;
}

table.bronze td{
	color: #000000;
	background: #CDA67F;
}
table.bronze td.heading{
	text-align: center;
	color: #000000;
	background: #CDA67F;
}
table.bronze td.explanation{
	vertical-align: top;
	text-align: left;	
	color: #000000;
	background: rgba(205, 166, 127, 0.10);
	font-weight: normal;
}
table.bronze td.feedback{
	text-align: center;	
	color: #000000;
	background: rgba(205, 166, 127, 0.10);
	font-weight: normal;
}

table.silver td{
	color: #000000;
	background: #bebebe;
}
table.silver td.heading{
	text-align: center;
	color: #000000;
	background: #bebebe;
}
table.silver td.explanation{
	vertical-align: top;
	text-align: left;
	color: #000000;
	background: rgba(190, 190, 190, 0.10);
	font-weight: normal;
}
table.silver td.feedback{
	text-align: center;
	color: #000000;
	background: rgba(190, 190, 190, 0.10);
	font-weight: normal;
}

table.gold td{
	color: #000000;
	background: #ffed89;
}
table.gold td.heading{
	text-align: center;
	color: #000000;
	background: #ffed89;
}
table.gold td.explanation{
	vertical-align: top;
	text-align: left;
	color: #000000;
	background: rgba(255, 237, 137, 0.1);
	font-weight: normal;
}
table.gold td.feedback{
	text-align: center;
	color: #000000;
	background: rgba(255, 237, 137, 0.1);
	font-weight: normal;
}

table.heading table.client tr td{
    background: #cd7f32;
	border: 5px solid #0f0;
}

tr.hide{
/*display:none;*/
/*border: 3px solid #f00;*/
display:none;

}
table.hide{
display:none;
/*border: 3px solid #f00;*/
}

p.hide{
border: 9px solid #f00;
display:none;
}

#chart_div, #chart_div1,  #chart_div2, #chart_div3, #chart_div4, #chart_div5, #chart_div6, #chart_div7, #chart_div8, #chart_div10,  #chart_div20, #chart_div30, #chart_div40, #chart_div50,  #chart_div60{
	border: #888 0px solid;	
	margin-top: 20px;
	margin-bottom: 20px;
	width: auto;
	margin-left:auto;
	margin-right:auto;	
	padding: auto;	
	display: table;
	background: #dedede;
	padding: 0px;
	border-radius: 10px;
}

.column1of2 {
	float: left; width: 520px; margin: 10px;
	border: #fff 0px solid;
	}
.column2of2 {
	float: left; width: 300px; margin: 10px;
	border: #fff 0px solid;
	}

table.none tr td.past
{
    background: #ff3f3f;
}
table.none tr td.present
{
    background: #ff8119;
}
table.none tr td.future
{
    background: #3fff3f;
}
table.none td.cash{
	text-align: right;
}

td.past
{
    background: #ff3f3f;
}
td.present
{
    background: #ff8119;
}
td.future
{
    background: #3fff3f;
}

/*	-----------------------------	FOOTER      ------------------------------*/
footer {
	display: none;
}
footer div {
	display: table;
	margin: 0 auto;
	padding: 44px 0;
	width: 1024px;
	color: #777;
}	
footer div section {
	display: table-cell;
	width: 300px;
}		
footer div #about, footer div #blogroll {
	padding-right: 20px;
}		
footer h3 {
	color: #FFF;
}	
footer a {
	color: #999;
}	
footer a:hover {
	color: #FFF;
	text-decoration: none;
}	
footer ul {
	margin: 0 0 0 40px;
	list-style: square;
	color: #565656;
}	
footer ul li a {
	display: block;
}

#toprowmain{
	background: url(../images/wide_modern.gif) no-repeat top; 
	margin-bottom: 5px;
	border: #000 0px solid;
}

.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

#.visa{background-image:url(http://i.imgur.com/lXzJ1eB.png);}
#.mastercard{background-image:url(http://i.imgur.com/SJbRQF7.png);}
#.visa{background-image:url(../images/red.png); }
#.mastercard{background-image:url(../images/amber.png); }
#.amex{background-image:url(../images/green.png); }
/*
.red{background-image:url(../images/red.png); }
.amber{background-image:url(../images/amber.png); }
.green{background-image:url(../images/green.png); }
*/
.cc-selector input:active +.drinkcard-cc{opacity: .2;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:30px;height:30px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}


/*
body { 
    padding: 10px; 
    font-family: sans-serif; 
}
h1, h2 { 
    font-weight: bold; 
    font-size: 16px; 
    margin: 1px 0 5px 0;
    padding: 0;
    line-height: 1em;
}
h1 { 
    font-size:20px; 
    margin-top:0; 
}
*/

label { 
    padding:0.4em 2em 0.4em 0; 
}
.toggle-btn-grp { 
    margin:3px 0; 
}
.toggle-btn { 
    text-align:centre; 
    margin:5px 2px;
    padding:0.4em 3em; 
    color:#000; 
    background-color:#FFF; 
    border-radius:10px; 
    display:inline-block; 
    border:solid 1px #CCC; 
    cursor:pointer;
}
.toggle-btn-red { 
    text-align:centre; 
    margin:5px 2px;
    padding:0.4em 3em; 
    color:#000; 
    background-color:#FFF; 
    border-radius:10px; 
    display:inline-block; 
    border:solid 1px #CCC; 
    cursor:pointer;
}
.toggle-btn-amber { 
    text-align:centre; 
    margin:5px 2px;
    padding:0.4em 3em; 
    color:#000; 
    background-color:#FFF; 
    border-radius:10px; 
    display:inline-block; 
    border:solid 1px #CCC; 
    cursor:pointer;
}
.toggle-btn-green { 
    text-align:centre; 
    margin:5px 2px;
    padding:0.4em 3em; 
    color:#000; 
    background-color:#FFF; 
    border-radius:10px; 
    display:inline-block; 
    border:solid 1px #CCC; 
    cursor:pointer;
}

.toggle-btn-grp.joint-toggle .toggle-btn { 
    margin:5px 0; 
    padding:0.4em 2em; 
    border-radius:0;
    border-right-color:white;
}
.toggle-btn-grp.joint-toggle .toggle-btn:first-child { 
    margin-left:2px; 
    border-radius: 10px 0px 0px 10px; 
}
.toggle-btn-grp.joint-toggle .toggle-btn:last-child { 
    margin-right:2px;  
    border-radius: 0px 10px 10px 0px;
    border-right:solid 1px #CCC;
}

.toggle-btn:hover { 
    border:solid 1px #a0d5dc !important; 
    background:#f1fdfe;
}

.toggle-btn.success { 
    background:yellow;
    border:solid 1px green !important; 
}
.toggle-btn-red.success { 
    background:#ff0000;
    border:solid 1px green !important; 
}
.toggle-btn-amber.success { 
    background:#ff9900;
    border:solid 1px green !important; 
}
.toggle-btn-green.success { 
    background:#00ff00;
    border:solid 1px green !important; 
}
.visuallyhidden { 
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px; 
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { 
    clip: auto; 
    height: auto; 
    margin: 0; 
    overflow: visible; 
    position: static; 
    width: auto; 
}

/* CSS only version */
.toggle-btn-grp.cssonly * {
    width:40px;
    height:30px;
    line-height:30px;
}
.toggle-btn-grp.cssonly div {
    display:inline-block;
    position:relative;
    margin:5px 2px;
}

.toggle-btn-grp.cssonly div label {
    position:absolute;
    z-index:0;
    padding:0;
    text-align:center;
}

.toggle-btn-grp.cssonly div input {
    position:absolute;
    z-index:1;
    cursor:pointer;
    opacity:0;
}

.toggle-btn-grp.cssonly div:hover label {
    border:solid 1px #a0d5dc !important; 
    background:#f1fdfe;
}

.toggle-btn-grp.cssonly div input:checked + label {
    background:lightgreen;
    border:solid 1px green !important; 
}
.toggle-btn-grp-red.cssonly div input:checked + label {
    background:#ff0000;
    border:solid 1px red !important; 
}

.tooltip{
	display: inline;
	position: relative;
}

.tooltip:hover:after{
	background: #333;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
	bottom: 26px;
	color: #fff;
	content: attr(title);
	left: 20%;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 220px;
}

.tooltip:hover:before{
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 20px;
	content: "";
	left: 50%;
	position: absolute;
	z-index: 99;
}

/*#############################################################*/
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
/*.visa{background-image:url(http://i.imgur.com/lXzJ1eB.png);}
.mastercard{background-image:url(http://i.imgur.com/SJbRQF7.png);}

*/


.visa{background-image:url(../images/red.png);}
.mastercard{background-image:url(../images/amber.png);}
.amex{background-image:url(../images/green.png);}

.redrad{background-image:url(../images/red.png);}
.ambrad{background-image:url(../images/amber.png);}
.grerad{background-image:url(../images/green.png);}

.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;

}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;height:70px;
    width:22px;height: 22px;

    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.0) grayscale(.5) opacity(.8);
       -moz-filter: brightness(1.0) grayscale(.5) opacity(.8);
            filter: brightness(1.0) grayscale(0.5) opacity(.8);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}

label { 
    padding:0.4em 0.7em 0.4em 0.7em; 
}

.tab-1{
    margin:3px 2px;
    padding:0.4em 0.2em; 
    border:solid 1px #CCC; 	
}

 a.fancybox-media{color:#ff0000;text-decoration:none;}

/*--------------------------------------------------------------#########################################################################################################---------------------------------------------------------------------*/
.onoffswitch {
	margin: 0 auto;
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 5px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "YES";
    padding-left: 22px;
    background-color: #34C134; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "NO";
    padding-right: 22px;
    background-color: #BA1A1A; color: #E3CACA;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 15px; margin: 0px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 5px;
    position: absolute; top: 0; bottom: 0; right: 71px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}


/*--------------------------------------------------------------#########################################################################################################---------------------------------------------------------------------*/
@media print {
   h1 {
      color: #000;
      background: none;
   }

   nav, aside {
      display: none;
   }

   body, article {
      width: 100%;
      margin: 0;
      padding: 0;
   }

   @page {
      margin: 2cm;
   }
}

/*--------------------------------------------------------------#########################################################################################################---------------------------------------------------------------------*/
  input:required:invalid, input:focus:invalid {
    background-image: url(/images/invalid.png);
    background-position: right top;
    background-repeat: no-repeat;
    border:solid 2px #ff0000;
  }
  input:required:valid {
    background-image: url(/images/valid.png);
    background-position: right top;
    background-repeat: no-repeat;
    border:solid 2px #00ff00;
  }

  input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
  }
  input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
  }

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

input[type=submit] {
    padding:5px 15px; 
    background:#4a6783;
	color: #ffffff;	
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
button {
	display: none;
}
td.amber {
	color: #fff;
	background: #FFBF00;
}

td.red {
	color: #fff;
	background: #ff0000;
}

td.green {
	color: #fff;
	background: #00ff00;
}
table.none td.fainter {
	color: #444444;
	background: #f9f9f9;
    font-weight: normal;

}

table.table-bordered>tbody>tr>td, table.table-bordered>tbody>tr>th, table.table-bordered>tfoot>tr>td, table.table-bordered>tfoot>tr>th, table.table-bordered>thead>tr>td, table.table-bordered>thead>tr>th {
    border: 3px solid #0f0;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #0f0;
}

table.table-bordered td {
    border: 3px solid #0f0;
}

.table-bordered td {
    border: 3px solid #0f0;
}


table.table-kpia4>tbody>tr>td, table.table-kpia4>tbody>tr>th, table.table-kpia4>tfoot>tr>td, table.table-kpia4>tfoot>tr>th, table.table-kpia4>thead>tr>td, table.table-kpia4>thead>tr>th {
    border: 10px solid #ff0;
}

.table-kpia4>tbody>tr>td, .table-kpia4>tbody>tr>th, .table-kpia4>tfoot>tr>td, .table-kpia4>tfoot>tr>th, .table-kpia4>thead>tr>td, .table-kpia4>thead>tr>th {
    border: 10px solid #ff0;
}

table.table-kpia4 td {
    border: 10px solid #ff0;
}

.table-kpia4 td {
    border: 10px solid #ff0;
}

table.table-kpia4{
    position: absolute;
	margin: 0px;
	font-weight: normal;

	margin-top: 0mm;
	margin-bottom: 0mm;
	margin-left:0mm;
	margin-right:0mm;

  /*  height: 6.5cm;*/
  /*  height: 9.3cm;*/

	border: 0px solid green;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	
	font-size: 10pt;
	color: #000;
	background: #f0f;
	
   border: 20px solid #ff0055;
}