/* RESET EVERYTHING */
* { margin: 0; padding: 0;  vertical-align: baseline; }
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

/* HTML TAGS */
table {     border-collapse: collapse; }
h1, h2, h3 {  	font-weight: normal;      font-size: 18px;     margin-top: 20px;  }
textarea, input, input[type="text"], input[type="password"] {     font-family: Arial,Helvetica,sans-serif;     font-size: 11px; }
a { text-decoration: none; color: #3D75AE; }

/* Placeholder Styles */
input::-webkit-input-placeholder {l/* Chrome/Opera/Safari/Edge */
	color: #999;
	font-size: 80%;
}
input::-ms-input-placeholder { /* Microsoft Edge */
   color: #999;
	font-size: 80%;
}
input:-ms-input-placeholder {/* IE 10+ */
	color: #999;
	font-size: 80%;
}
input::-moz-placeholder {/* Firefox 19+ */
	opacity: 1; /*Firefox by default has an opacity object that usually is ideal to reset so it matches webkit*/
	color: #999;
	font-size: 80%;
}
input:-moz-placeholder {/* Firefox 18- */
	opacity: 1; /*Firefox by default has an opacity object that usually is ideal to reset so it matches webkit*/
	color: #999;
	font-size: 80%;
}
input::placeholder {
	color: #999;
	font-size: 80%;
}

button, input[type="submit"], input[type="image"], input[type="reset"] {     cursor: pointer; }
button, input[type="submit"] {     font-family: Arial,Helvetica,sans-serif; }

/* BODY  */
body.default {     color: #333333;     font-family: Arial,Helvetica;     font-size: 13px;     background-color: #F8F8F8;     line-height: 22px; }
#body {  	padding: 80px 50px 80px 30px;  	 }

/* GENERAL STYLES  */
sup {
    vertical-align: super;
    font-size: smaller;
}
.clear {     clear: left;     display: block; }
.act {     box-shadow: 0 1px 0 #EAEAEA; }
.error { clear: both; margin: 20px 0px;  color: #FFF; padding: 10px 20px; text-align: center;  background-color:#900; }
.warning {   background-color: #ff0000; -moz-linear-gradient(center top , #5BA5CB 0%, #ff0000 100%) repeat scroll 0 0 transparent; color: #000; padding: 5px 15px; 	 margin: 10px 0px;  }
.success {   background-color: #3A70AB; -moz-linear-gradient(center top , #5BA5CB 0%, #3A70AB 100%) repeat scroll 0 0 transparent; color: #FFF; padding: 5px 15px; 	 margin: 10px 0px;  }
.blank {   background-color: #F8F8F8; }

.bGreen {
	background-color: #28a745;
	background: -moz-linear-gradient(center top , #5BA5CB 0%, #28a745 100%) repeat scroll 0 0 transparent;
	border: 1px solid #4eaf3e;     
	box-shadow: 0 1px 2px 0 #7dd266 inset; 
}
.bGreen:hover {
	background-color: #208737;
}

.bBlue {
	background-color: #007bff;     
	background: -moz-linear-gradient(center top , #5BA5CB 0%, #007bff 100%) repeat scroll 0 0 transparent;
	border: 1px solid #3E76AF;    
	box-shadow: 0 1px 2px 0 #66B2D2 inset;
}
.bBlue:hover {
	background-color: #006ee3;
}

.bRed { 
	background-color: #dc3545;     
	background: -moz-linear-gradient(center top , #5BA5CB 0%, #dc3545 100%) repeat scroll 0 0 transparent;
	border: 1px solid #bf2e3c;    
	box-shadow: 0 1px 2px 0 #66B2D2 inset;
}

.bRed:hover {
	background-color: #bf2e3c !important;
}

.bGold { 
	background-color: #ffc107;     
	background: -moz-linear-gradient(center top , #5BA5CB 0%, #ffc107 100%) repeat scroll 0 0 transparent;
	border: 1px solid #dea909;    
	box-shadow: 0 1px 2px 0 #66B2D2 inset;
	text-shadow: none !important;
	color: #000000 !important;
}

.bGold:hover {
	background-color: #dea909 !important;
}

.buttonM {
	padding: 7px 15px; 
}

a.buttonM:hover, a.buttonM:focus, a.buttonM:active {
	text-decoration: none !important;
	color: #ffffff !important;
}

.resbGreen {      background-color: #57ab3a;     background: -moz-linear-gradient(center top , #5BA5CB 0%, #3A70AB 100%) repeat scroll 0 0 transparent;     border: 1px solid #3E76AF;     box-shadow: 0 1px 2px 0 #66B2D2 inset; }
.resbRed {      background-color: #ab3a3a;     background: -moz-linear-gradient(center top , #5BA5CB 0%, #3A70AB 100%) repeat scroll 0 0 transparent;     border: 1px solid #3E76AF;     box-shadow: 0 1px 2px 0 #66B2D2 inset; }

.resbuttonM {     padding: 7px 15px; }
.buttonS, .buttonM, .buttonL, .buttonH, .resbuttonM, [class*="tablectrl"] {
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;  
	display: inline-block; 
	font-size: 11px;  
	font-weight: bold; 
	line-height: 14px;  
	text-shadow: 0 -1px #6F6F6F;
}

.valign_middle {vertical-align: middle;}

/* NAVIGATION */
#nav {  	background: #333 url("../../images/hdr-bg.png") top left repeat; 	height: 56px; 	position: fixed;  top:0px;  left: 0px; right: 0px; 	border-bottom: 1px solid #FFF; z-index:100; }
.logo {  	background: transparent url("../images/HeaderLogoAdmin.png") top left no-repeat; 	display: block; 	width: 175px;	height: 80px; 	text-indent: -1000px; 	overflow: hidden;     position: absolute;     top: 0px;     left: 0px;  }
ul.menu { 	position: absolute; 	top: 2px; 	right:40px; 	list-style: none; }
ul.menu li { background: transparent url("../images/divider.png") top left no-repeat;} 
ul.menu a {  	color: #DDD;  	text-decoration: none;   	height: 13px; 	line-height: 13px; 	display: block; 	padding: 18px 20px 24px 20px; 	 	text-shadow: 1px 1px 01px #000; }
ul.menu a:hover { color: #FFF; text-shadow: none; }
ul.menu li { float: left; }
ul.menu li a.icon { padding-left: 35px; display: block; background: transparent none 13px 17px no-repeat;  }
#nav ul.menu .companies-icon { background-image:  url("../images/icons/light/icon-companies.png");  }
#nav ul.menu .products-icon { background-image:  url("../images/icons/light/icon-cog2.png");  }
#nav ul.menu .orders-icon { background-image:  url("../images/icons/light/icon-cart5.png");  }
#nav ul.menu .reports-icon { background-image:  url("../images/icons/light/icon-chart3.png");  }
#nav ul.menu .purchases-icon { background-image: url("../images/icons/light/icon-money3.png"); }
#nav ul.menu .admins-icon { background-image:  url("../images/icons/light/icon-users.png");  }
#nav ul.menu .siteadmin-icon { background-image:  url("../images/icons/light/icon-admin.png");  }
#nav ul.menu .exit-icon { background-image:  url("../images/icons/light/icon-exit.png");  }
.newOrders { background-color: #3A70AB;  color: #FFF; border-radius: 10px; font-size: 11px; font-weight: bold; padding: 2px 7px 2px 5px ; text-shadow: 0 0 1px #333;   border: 1px solid #5BA5CB; margin-left: 10px; margin-right: -5px; }
.error_bubble { 
	background-color: #ff0000;
	color: #FFF;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 7px 2px 5px ;
	text-shadow: 0 0 1px #333;
	border: 1px solid #000000;
}
.statbubble {
	background-color: #3A70AB;
	color: #FFF;
	border-radius: 10px;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 7px 2px 5px;
	text-shadow: 0 0 1px #333;
	border: 1px solid #5BA5CB;
	margin-left: 10px;
	margin-right: 10px;
}
.resPoints { background-color: #ffffff;  color: #000000; border-radius: 10px; font-size: 11px; font-weight: bold; padding: 2px 7px 2px 7px ;    border: 1px solid #004900;  }
.redX { background-color: #9E0000;  color: #000000; border-radius: 10px; font-size: 11px; font-weight: bold; padding: 2px 7px 2px 7px ;    border: 1px solid #004900;  }


/* WIDGETS */
.widget > [class*="whead"] h6 {     display: block;     float: left;     font-size: 12px;     font-weight: bold;     padding: 8px 14px 7px; }
.widget {     background: none repeat scroll 0 0 #F7F7F7;     border: 1px solid #CDCDCD;     border-radius: 3px 3px 3px 3px;     box-shadow: 0 2px 2px -2px #CCCCCC;     margin-top: 15px;     position: relative; }
.widget > [class*="whead"] {     border-bottom: 1px solid #CDCDCD;     box-shadow: 0 1px 0 #FFFFFF;     position: relative;     text-shadow: 0 1px #FFFFFF; }
.whead {     background: -moz-linear-gradient(center top , #F8F8F8 0%, #E8E8E8 100%) repeat scroll 0 0 transparent;     color: #636363; }
.widget .tOptions {     border-left: 1px solid #CDCDCD;     cursor: pointer;     float: right;     padding: 11px 12px 10px;     position: absolute;     right: 0;     top: 0;     height: 17px; }
.widget .tOptions:active, .act {     background: none repeat scroll 0 0 #F5F5F5; }


/* DATA TABLES */
.dataTables_wrapper {     clear: both;     position: relative; }
table.dataTable {     clear: both;     margin: 0 auto;     width: 100%; }
table.dataTable thead tr:first-child {     border-top: medium none;     margin: 0;     padding: 0; }
table.dataTable tr {     border-top: 1px solid #DFDFDF; }
table.dataTable tbody tr td:first-child, table.dataTable thead tr th:first-child {     border-left: medium none; }
table.dataTable tbody tr td, table.dataTable thead tr th {     border-left: 1px solid #DFDFDF; }
table.dataTable thead th {     box-shadow: 0 1px 0 #FFFFFF inset;     color: #909090;     cursor: pointer;     font-size: 11px;     font-weight: normal;     padding: 3px 18px 2px 10px; }
.sorting {     background: url("../images/tables/sort_both.png") no-repeat scroll right center #EEEEEE; }
table.dataTable tbody tr td, table.dataTable thead tr th {     border-left: 1px solid #DFDFDF; }
table.dataTable tr.odd { }
table.dataTable tr {     border-top: 1px solid #DFDFDF; }
table.dataTable tbody tr td:first-child, table.dataTable thead tr th:first-child {     border-left: medium none; }
table.dataTable tbody tr td, table.dataTable thead tr th {     border-left: 1px solid #DFDFDF; }
table.dataTable td {     padding: 7px 11px; }
.shownpars .tablePars {     display: block; }
.tablePars {     border-bottom: 1px solid #D5D5D5;     box-shadow: 0 1px 0 #FFFFFF inset;     clear: both;     color: #636363;     font-size: 11px;     height: 61px;     padding: 0 16px; }
.tableFooter {     background: -moz-linear-gradient(center top , #F8F8F8 0%, #EFEFEF 100%) repeat scroll 0 0 transparent;     border-top: 1px solid #CDCDCD;     clear: both;     color: #636363;     font-size: 11px;     height: 36px;     padding: 8px 12px; }
.paging_full_numbers a.paginate_button {     background: -moz-linear-gradient(center top , #F9F9F9 0%, #EEEEEE 100%) repeat scroll 0 0 transparent; }
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {     border: 1px solid #D3D3D3;     border-radius: 3px 3px 3px 3px;     box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 #DFDFDF;     color: #919191;     cursor: pointer;     font-size: 11px;     margin: 0 3px;     padding: 4px 7px; }
.paginate_button_disabled, .paginate_button_disabled:active {     background: none repeat scroll 0 0 #EAEAEA !important;     box-shadow: none !important;     color: #C5C5C5 !important;     font-weight: normal !important; }
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {     border: 1px solid #D3D3D3;     border-radius: 3px 3px 3px 3px;     box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 #DFDFDF;     color: #919191;     cursor: pointer;     font-size: 11px;     margin: 0 3px;     padding: 4px 7px; }
.paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button:active {     background: none repeat scroll 0 0 #6F6F6F;     border-color: #646464;     box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #FFFFFF;     color: #FFFFFF;     font-weight: bold; }
.paging_full_numbers {     height: 22px;     line-height: 22px; }
.dataTables_paginate {     float: right;     margin-top: 7px; }
dataTables_info {     clear: both;     float: left;     padding: 6px 0;     width: 20%; }
.dataTables_filter input[type="text"] {     background: none repeat scroll 0 0 #F9F9F9;     border: 1px solid #D7D7D7;     box-shadow: 0 1px 0 #FFFFFF;     margin-left: 15px;     padding: 5px 20px 5px 7px;     width: 180px; }
.dataTables_filter label > span {     display: block;     float: left;     padding-top: 1px; }
.dataTables_length {     float: right;     margin-top: 15px; }
.showentries {     float: left;     margin: 4px 15px 0 0; }
.dataTables_filter {     float: left;     font-size: 11px;     margin: 18px 0;     position: relative;     text-align: left; }
.dataTables_filter {     font-size: 11px;     text-align: left; }
.dataTables_info {     clear: both;     float: left;     padding: 6px 0; }
.sorting {     background: url("../images/tables/sort_both.png") no-repeat scroll right center #EEEEEE; }
.sorting_asc {     background: url("../images/tables/sort_asc.png") no-repeat scroll right center #EEEEEE; }
.sorting_desc {     background: url("../images/tables/sort_desc.png") no-repeat scroll right center #EEEEEE; }


/* LOGIN */
.loginWrapper {     -moz-perspective: 800px;     left: 50%;     margin: -124px 0 0 -120px;     position: absolute;     text-align: center;     top: 50%;     width: 240px; }
#login {     z-index: 100; }
.loginWrapper form {     display: block;     margin: 0 auto;     width: 236px; }
.loginWrapper form {     -moz-animation: 2s ease 0s normal none infinite pulse;     -moz-backface-visibility: hidden;     -moz-transform-style: preserve-3d;     -moz-transition: all 0.8s ease 0s;     height: 100%;     left: 0;     position: absolute;     top: 0;     width: 100%; }
.loginWrapper input[type="text"], .loginWrapper input[type="password"] {     border: 1px solid #D7D7D7;     box-shadow: 0 0 0 2px #EBEBEB;     color: #858585;     display: inline-block;     font-size: 11px;     margin-top: 15px;     padding: 7px 27px 7px 9px;     width: 198px; }
.loginWrapper input.loginEmail {     margin-top: 50px;      background: url("../images/icons/loginEmail.png") no-repeat scroll 213px 7px #FBFBFB; }
.loginPassword {     background: url("../images/icons/loginLock.png") no-repeat scroll 214px 7px #FBFBFB; }


/* FORM  */
.formRow input[type="text"], .formRow input[type="number"], .dateISO {
	font-size: 14px;
	color: #000000;
	height: 20px;
	padding: 3px 5px; 
	width: 500px; 
}
.formRow select {
	font-size: 14px;
	color: #000000;
	height: 32px;
	padding: 3px 5px; 
	width: 500px; 
}
.formRow {
	padding: 15px 0px;
	border-bottom: 1px solid #CCC;
	width:540px; 
	border-top: 1px solid #FFF;
}
.formRow:first-child {
	border-top: 0px;
}
.formRow:last-child {
	border-bottom: 0px; 
}
.formRowname input[type="text"] {
	font-size: 14px;
	height: 20px;
	padding: 3px 5px; 
	width: 225px;
}

/* FORM for Qty Selecter */
.formRow2 .text { font-size: 14px; padding: 3px 5px; width: 500px; }
.formRow2 select { width: 50px; }

/* FORM for Accounting Section of Company Profile */
.formRow3 .text { font-size: 14px; padding: 3px 5px; width: 100px; }
.formRow3 select { font-size: 14px; padding: 3px 5px; width: 120px; }
.formRow3 { padding: 15px 0px; border-bottom: 1px solid #CCC;  width:540px;  border-top: 1px solid #FFF; }
.formRow3:first-child { border-top: 0px; }
.formRow3:last-child { border-bottom: 0px; }
.formRow3 .notes {
	width: 500px;
	font-size: 12px;
	padding: 15px;
	border: 2px solid #cdcdcd;
	line-height: normal;
	background-color: #ECECEC;
}
.formRow3 td { padding-bottom: 3px; }

/* FORM for Accounting tab of Site Administration */
.formRow4 .text {
	font-size: 14px; 
	padding: 3px 5px; 
	width: 200px; }
.formRow4 {
	padding: 15px 0px;
	width:100%;
}
.formRow4 select { 
	font-size: 14px; 
	padding: 3px 5px;
	width: 120px; }

/* Form rows for company copy */
.formRow5 input[type="text"], .formRow5 input[type="number"], .dateISO {
	font-size: 14px;
	color: #000000;
	height: 20px;
	padding: 3px 5px; 
	width: 500px; 
}
.formRow5 {
	padding: 15px 0px;
	width:540px; 
}

/* CL-EDITOR */
.cleditorMain iframe {     border: medium none;     margin: 0;     padding: 0; }
.cleditorMain textarea {     border: medium none !important;     box-shadow: none !important;     color: #363636;     font-size: 12px;     height: 127px;     margin: 0;     outline: medium none;     padding: 10px;     resize: none;  }
.cleditorToolbar {     background: url("../images/elements/wysiwyg/toolbar.gif") repeat scroll 0 0 transparent; }
.cleditorGroup {     float: left;     height: 26px; }
.cleditorButton {     background: url("../images/elements/wysiwyg/buttons.gif") repeat scroll 0 0 transparent;     float: left;     height: 24px;     margin: 1px 0;     width: 24px; }
.cleditorDisabled {     opacity: 0.3; }
.cleditorDivider {     background: none repeat scroll 0 0 #CCCCCC;     float: left;     height: 23px;     margin: 1px 0;     width: 1px; }
.cleditorPopup {     background-color: white;     border: 1px solid #999999;     cursor: default;     font: 10pt Arial,Verdana;     position: absolute;     z-index: 10000; }
.cleditorList div {     padding: 2px 4px; }
.cleditorColor {     padding: 1px 0 0 1px;     width: 150px; }
.cleditorColor div {     float: left;     height: 14px;     margin: 0 1px 1px 0;     width: 14px; }
.cleditorPrompt {     background-color: #F6F7F9;     font-size: 8.5pt;     padding: 10px; }
.cleditorPrompt input[type="text"], .cleditorPrompt textarea {     font: 8.5pt Arial,Verdana;     margin: 5px 0;     width: auto; }
.cleditorMsg {     background-color: #FDFCEE;     font-size: 8.5pt;     padding: 4px;     width: 150px; }
.cleditorMain { border: 1px solid #CCC; }
.logControl input[type="submit"] {     float: right; }
.logControl .memory {     float: left;     margin-top: 5px; }
.logControl {     margin-top: 15px; }
#remember1 { margin-right: 10px; }




ul.tabs { 
	background: -moz-linear-gradient(center top , #F8F8F8 0%, #E8E8E8 100%) repeat scroll 0 0 transparent;
    color: #636363;
    display: block;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 40px; 
    border: 1px solid #CDCDCD;
}
ul.tabs li { float: left;
	height: 40px;
	padding: 0px;
	margin: 0px;
	border-right: 1px solid #CDCDCD;
}
ul.tabs li a {
	line-height: 40px;
	display: block;
	padding: 0px 20px;
}
ul.tabs li a.selected { 
	background-color:#FFF;
	border-bottom: 1px solid #FFF;
	height: 41px;
}
.tabContainer { padding: 20px 40px;     border: 1px solid #CDCDCD; border-top: 0px;  background-color: #FFF; display: none; }

.crumbtrail { font-size: 10px; color: #999; font-size: 11px; margin-bottom: -20px;  }

.crumbtrail a {  color: #999;  }
.crumbtrail ul { list-style: none; margin: 0; padding: 0;}
.crumbtrail ul li { margin: 0; padding: 0 5px 0 0; float: left;  }

.loginWrapper .error { margin-top: 60px; }

/* REPORTS */
.date-range {
	font-size: 14px !important;
	width: 75px !important;
}

/* JQUERY UI OVERRIDES */
.ui-widget-header {
	background: none;
	border: none;
	border-bottom: 1px solid lightgray;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #333;
}
.ui-widget-header .ui-icon {
	background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/smoothness/images/ui-icons_222222_256x240.png);
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: none;
	border: 1px solid #333;
	cursor: pointer;
}

textarea.notes {
	border: 1px solid #000000;
	border-radius: 3px;
	height: 100px;
	width: 100%;
	resize: none;
}

.success-check {
	background: url(../images/tick.png) no-repeat 185px 27px;
}

input[type=submit][disabled=disabled],
button[disabled=disabled] {
	cursor: default;
	opacity: .5;
}

/* MESSAGES */
.nNote { border-radius: 2px 2px 2px 2px; margin: 10px 0; }
#sidebar .nNote { border-left: medium none; border-radius: 0 0 0 0; border-right: medium none; box-shadow: 0 1px 1px #F5F5F5; margin: 0; }
.nNote p { font-weight: bold; margin: 0; padding: 10px 25px; text-align: center; text-shadow: 0 1px 0 #FFFFFF; }
.nMessage p { font-size: 11px; } .nWarning { background: -moz-linear-gradient(center top , #FFEDBC 0%, #FBE5A8 100%) repeat scroll 0 0 transparent; border: 1px solid #F2D083; box-shadow: 0 1px 2px #FFF0C7 inset, 0 1px 1px #DFDFDF; color: #826200; }
.nSuccess { 
	background: #D6EFA1;
	background-image: linear-gradient(bottom, #D6EFA1 0%, #D0E69D 100%);
	background-image: -o-linear-gradient(bottom, #D6EFA1 0%, #D0E69D 100%);
	background-image: -moz-linear-gradient(bottom, #D6EFA1 0%, #D0E69D 100%);
	background-image: -webkit-linear-gradient(bottom, #D6EFA1 0%, #D0E69D 100%);
	background-image: -ms-linear-gradient(bottom, #D6EFA1 0%, #D0E69D 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #D6EFA1),
		color-stop(1, #D0E69D)
	);
	border: 1px solid #C1D779; box-shadow: 0 1px 2px #E3F4BF inset, 0 1px 1px #DFDFDF; color: #4F7307; 
} 
.nFailure { 
	background: #F0B5A1;
	background-image: linear-gradient(bottom, #F0B5A1 0%, #DE9E8A 100%);
	background-image: -o-linear-gradient(bottom, #F0B5A1 0%, #DE9E8A 100%);
	background-image: -moz-linear-gradient(bottom, #F0B5A1 0%, #DE9E8A 100%);
	background-image: -webkit-linear-gradient(bottom, #F0B5A1 0%, #DE9E8A 100%);
	background-image: -ms-linear-gradient(bottom, #F0B5A1 0%, #DE9E8A 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #F0B5A1),
		color-stop(1, #DE9E8A)
	);
	border: 1px solid #DFA59B; box-shadow: 0 1px 2px #FBB5B5 inset, 0 1px 1px #DFDFDF; color: #7D2A1C; 
}
.nFailure > p { text-shadow: 0 1px 0 #DDDDDD; }
.nInformation { background: -moz-linear-gradient(center top , #DEEDF9 0%, #CDE5F7 100%) repeat scroll 0 0 transparent; border: 1px solid #BCD9F3; box-shadow: 0 1px 2px #E9F3FB inset, 0 1px 1px #DFDFDF; color: #4579AA; }

.show_select {
	padding: 5px;
	border-radius: 2px;
}
#footer_bar {
	width:100%;
	height:35px;
	position:fixed;
	bottom:0;
	left:0;
	background-color: #ffffff;
	border-top: 2px solid #000000;
	text-align: center;
	align-content: center;
	font-family: 'PT Sans', sans-serif;
	color: #000000;
	text-decoration: none;
	z-index: 100;
}

#footer_wrapper {
	position: absolute;
	width: 1000px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding-top: 2px;
}
#footer_table {
	width: 100%;
}

#footer_table a {
	color: #000000;
	text-decoration: none;
	text-decoration-color: #000000;
}
#r_notes {
	border-spacing: 0;
	border: 2px solid #8a8989;
	border-radius: 5px !important;
	font-family: 'PT Sans', sans-serif !important;
	color: #8a8989;
	width: 900px;
}

#r_notes td.rnotes_title {
	color: #8a8989;
	padding: 5px;
	text-align: center;
	background-color: #ffffff;
	letter-spacing: 1px;
	font-family: 'PT Sans', sans-serif !important;
	font-size: 18px;
	font-weight: bold;
	border-bottom: none;
	border-right: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#r_notes td.section_title {
	color: #ffffff;
	padding: 5px;
	background-color: #8a8989;
	letter-spacing: 1px;
	font-family: 'PT Sans', sans-serif !important;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #8a8989;
	border-top: 2px solid #8a8989;
	border-right: none;
}

#r_notes td.version_bug {
	color: #C82525;
	font-family: 'PT Sans', sans-serif !important;
	font-weight: bold;
	background-color: #ffffff;
	padding: 5px 10px;
	white-space: nowrap;
	vertical-align: top;
	border-bottom: 1px dashed #dddddd;
	border-right: 1px dashed #dddddd;
}

#r_notes td.version_new_feature {
	color: #078C07;
	font-family: 'PT Sans', sans-serif !important;
	font-weight: bold;
	background-color: #ffffff;
	padding: 5px 10px;
	white-space: nowrap;
	vertical-align: top;
	border-bottom: 1px dashed #dddddd;
	border-right: 1px dashed #dddddd;
}

#r_notes td.version_general {
	color: #8a8989;
	font-family: 'PT Sans', sans-serif !important;
	font-weight: bold;
	background-color: #ffffff;
	padding: 5px 10px;
	white-space: nowrap;
	vertical-align: top;
	border-bottom: 1px dashed #dddddd;
	border-right: 1px dashed #dddddd;
}

#r_notes td.version_notes {
	color: #3F3F3F;
	font-family: 'PT Sans', sans-serif !important;
	background-color: #ffffff;
	padding: 5px 15px;
	vertical-align: top;
	border-bottom: 1px dashed #dddddd;
}

#r_notes ul {
	padding-left: 30px;
	list-style-position: outside;		
	list-style-type: circle;
}

#r_notes tr:last-child td:first-child {
	border-bottom: none;
	border-bottom-left-radius: 5px;
}

#r_notes tr:last-child td:last-child {
	border-bottom: none;
	border-bottom-right-radius: 5px;
}

div.indent {
	margin-left: 20px;
}

/* Start - Solid outline, round corners, white background, charcoal column header with bold white text, thin dashed dividers in body
	   Example is result table for client lookup 
	   Format: whitecell_                                                                                 
	                    _b = body (white background)                                                      
	                    _h = header (charcoal background, bold white text)                                   
	                    _rrss = this represents the corners of that cell, r=round, s=square, starting top left and going around clockwise
                             _ssds = this represents the border, s=2px solid, d=1px dashed, starting top and going around clockwise */
		table.whitebox {
			border-collapse: separate !important;
		}

		table.whitebox input[type="text"]
		{
			border: 1px solid #000000;
			border-radius: 2px;
			padding: 3px 6px;
		}

		table.whitebox input[type="number"]
		{
			border: 1px solid #000000;
			border-radius: 2px;
			padding: 3px 6px;
		}

		/* header cells */
		td.whitecell_h_ssss_nnss{
			font-size:14px;
			font-weight: bold;
			color:#ffffff;
			letter-spacing: 1px;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border-bottom: 2px solid #000000;
			border-left: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_h_ssss_nnsn{
			font-size:14px;
			font-weight: bold;
			letter-spacing: 1px;
			color:#ffffff;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border-bottom: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_h_ssss_ndsn{
			font-size:14px;
			font-weight: bold;
			letter-spacing: 1px;
			color:#ffffff;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border-right: 1px dashed #999999;
			border-bottom: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_h_ssss_nssn{
			font-size:14px;
			font-weight: bold;
			letter-spacing: 1px;
			color:#ffffff;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border-right: 2px solid #000000;
			border-bottom: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_h_ssss_ssss{
			font-size:14px;
			font-weight: bold;
			letter-spacing: 1px;
			color:#ffffff;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_h_rrss_ssss{
			font-size:14px;
			font-weight: bold;
			letter-spacing: 1px;			
			color:#ffffff;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			border: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_h_rsss_ssss{
			font-size:14px;
			font-weight: bold;
			letter-spacing: 1px;			
			color:#ffffff;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border-top-left-radius: 10px;
			border: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_h_srss_sssn{
			font-size:14px;
			font-weight: bold;
			letter-spacing: 1px;			
			color:#ffffff;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border-top-right-radius: 10px;
			border-top: 2px solid #000000;
			border-right: 2px solid #000000;
			border-bottom: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_h_ssss_sssn{
			font-size:14px;
			font-weight: bold;
			letter-spacing: 1px;			
			color:#ffffff;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border-top: 2px solid #000000;
			border-right: 2px solid #000000;
			border-bottom: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_h_ssss_nsss{
			font-size:14px;
			font-weight: bold;
			letter-spacing: 1px;			
			color:#ffffff;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border-left: 2px solid #000000;
			border-right: 2px solid #000000;
			border-bottom: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_h_ssss_ndss{
			font-size:14px;
			font-weight: bold;
			letter-spacing: 1px;			
			color:#ffffff;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border-right: 1px dashed #999999;
			border-left: 2px solid #000000;
			border-bottom: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_h_ssrr_nsss{
			font-size:14px;
			font-weight: bold;
			letter-spacing: 1px;			
			color:#ffffff;
			background: #333 url("../images/hdr-bg.png") top left repeat;
			border-right: 2px solid #000000;
			border-left: 2px solid #000000;
			border-bottom: 2px solid #000000;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}

		/* body cells */
		td.whitecell_b_rrss_ssds{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			border-top:2px solid #000000;
			border-right: 2px solid #000000;
			border-bottom: 1px dashed #999999;
			border-left: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_nsds{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-right: 2px solid #000000;
			border-bottom: 1px dashed #999999;
			border-left: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssrr_nsss{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			border-right: 2px solid #000000;
			border-bottom: 2px solid #000000;
			border-left: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_nnds{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-bottom: 1px dashed #999999;
			border-left: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_nndn{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-bottom: 1px dashed #999999;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_nddn{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-right: 1px dashed #999999;
			border-bottom: 1px dashed #999999;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_ndds{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-right: 1px dashed #999999;
			border-bottom: 1px dashed #999999;
			border-left: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_ndss{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-right: 1px dashed #999999;
			border-bottom: 2px solid #000000;
			border-left: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_ndsn{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-right: 1px dashed #999999;
			border-bottom: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_nssn{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-right: 2px solid #000000;
			border-bottom: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_nsdn{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-right: 2px solid #000000;
			border-bottom: 1px dashed #999999;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_ndnn{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-right:  1px dashed #999999;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_nnnn{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_nsns{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-right: 2px solid #000000;
			border-left: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_sssr_ndss{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-bottom-left-radius: 10px;
			border-right: 1px dashed #999999;
			border-bottom: 2px solid #000000;
			border-left: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssrs_nssn{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-bottom-right-radius: 10px;
			border-right: 2px solid #000000;
			border-bottom: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		td.whitecell_b_ssss_nnsn{
			font-size:13px;
			color:#000000;
			background-color: #ffffff;
			border-bottom: 2px solid #000000;
			padding-left:10px;
			padding-right:10px;
			padding-top: 3px;
			padding-bottom: 3px;
		}

	/* End - Solid outline, round corners, white background, charcoal column header with bold white text, thin dashed dividers in body */

/* End - Table beautification types */

/* Begin - inner page navigation */
.linkright {
	float: right;
}

#submenu_container {
	position: absolute;
	display: block;
	margin-top: -20px;
	margin-left: -40px;
}
.submenu_title {
	position: relative;
	display: inline-block;
	background: #333 url("../../images/hdr-bg.png") top left repeat;
	color: #ffffff;
	margin: 0px;
	border-right: 1px #333 solid;
	border-bottom: 1px #333 solid;
	padding: 5px 15px;
}
.submenu_button {
	position: relative;
	display: inline-block;
	background-color: #e4e4e4;
	margin: 0px;
	border-right: 1px #333 solid;
	border-bottom: 1px #333 solid;
	padding: 5px 15px;
}
.submenu_button_last {
	position: relative;
	display: inline-block;
	background-color: #e4e4e4;
	margin: 0px;
	border-right: 1px #333 solid;
	border-bottom: 1px #333 solid;
	border-bottom-right-radius: 5px;
	padding: 5px 15px;
}
.submenu_button:hover, .submenu_button_last:hover {
	background-color: #ffffff;
}

.email_field_container {
	display:inline-block;
	width: 150px;
	border: 1px solid #cdcdcd; 
	border-radius: 10px;
	text-align: center; 
	vertical-align: top;
	margin-left: 5px;
	padding-bottom: 50px;
}

.email_field_header {
	background-color: #333;
	color: #ffffff;
	font-weight: bold;
	padding:5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.email_field_fields {
	padding-top: 5px;
}

/* End - inner page navigation */

.selectCategory {
    font-weight: bold;
    font-style: italic;
}
    
.selectSubCategory {
    font-style: italic;
}

.basicroundeddiv{
			display:inline-block;
			vertical-align: top;
			width: 265px;
			border: 2px solid #ffffff;
			border-radius: 10px;
			padding-left:10px;
			padding-right:10px;
			padding-bottom:10px;
		}

.basicroundeddiv_large{
			display:inline-block;
			vertical-align: top;
			text-align: left;
			width: auto;
			border: 2px solid #ffffff;
			border-radius: 10px;
			padding-left:10px;
			padding-right:10px;
			padding-bottom:10px;
		}

.basicroundeddivheader{
			display:block;
			left: -10px;
			width: 100%;
			background-color: #8a8989;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			padding:10px;
			position: relative;
			letter-spacing: 1px;
		}
.specialroundeddivheader{
			display:block;
			left: -10px;
			width: 261px;
			background-color: #8a8989;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			padding:10px;
			position: relative;
			letter-spacing: 1px;
		}

select.smooth {
	height: 25px;
	border-radius: 3px;
	border: 1px solid #000000;
}

input.smooth {
	height: 25px !important;
	border-radius: 3px;
	border: 1px solid #000000;
}

.validate_error {
	padding: 5px 10px;
	width: 400px;
	background-color: #dc3545;
	color: #ffffff;
	border-radius: 5px;
	margin-top: 5px;
}

.dataTables_filter label {
  padding-left: 10px;  /* adjust to your liking */
  display: inline-flex; /* keep label and input aligned nicely */
  align-items: center;  /* vertically center text and input */
  gap: 6px;             /* space between label text and input */
  font-weight: 500;     /* optional: make label text a bit bolder */
}

.dataTables_filter input {
  width: 250px;       /* wider input */
  padding: 6px 10px;  /* padding for better feel */
  font-size: 14px;    /* font size */
  border: 1px solid #ccc;
  border-radius: 4px;
}

.header_btn {
	padding: 3px 6px;
	border-radius: 5px;
}