/****************************************************************/
/* z-index allocated as follows :                               */
/*  0 -  9 = Main page                                          */
/* 10 - 13 = Nav/Sidebar/buttonbar components                   */
/* 14      = Nav/Sidebar/buttonbar click mask                   */
/* 15 - 19 = Nav/Sidebar/Buttonbar slide-on panels              */
/* 20 - 29 = Modal overlays                                     */
/* 30      = Tooltips/Notification click mask                   */
/* 31 - 39 = Tooltips/Notification messages                     */
/****************************************************************/


*
{
	font-size: 12pt;
	font-family: /*"Segoe UI Light",*/ "Calibri Light", /*"Segoe UI",*/ "Calibri", Arial;
/*	font-weight:100;	*/
}

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



div {
	-webkit-overflow-scrolling: touch !important;
}


.AM,
.TIMEDOUT
{
	display: none !important;
}

.AMTIMEDOUT
{
	display: inline !important;
}


/* MOBILE mode */
@media all and (max-width: 767px)
{

	img._MOBILE { display: inline-block; }
	img._DESKTOP { display: none !important; }

//DP-01.2-10
	div._MOBILE { display: block; }
	div._DESKTOP { display: none !important; }
//DP-01.2-10
}


/* DESKTOP mode */
@media all and (min-width: 768px)
{
	img._MOBILE { display: none; }
	img._DESKTOP { display: inline-block; }


}


	div._MOBILE { display: none; }
	div._DESKTOP { display: block; }

	span._MOBILE { display: none !important; }
	span._DESKTOP { display: inline; }

	input._MOBILE { display: none; }
	input._DESKTOP { display: inline-block; }

	div.button_bar {
			left: 200px;
			right: 0px;
	}

	html, body { font-size: 14pt; }


	div.sidebanner { max-height: none; }

	td._MOBILE { display: none; }
	td._DESKTOP { display: table-cell; }
	.navigation_bar
	{
		position: fixed;
		top: 70px;
		bottom: 0px;
		left: 0px;
	}

	div.nav_bar_title {
		position: absolute;
		left: 0px;	/*130px;		*/
		right: 0px;
		color: rgb(237,237,237);
		font-size: 22pt;
		font-weight: none;
		height:68px;
		white-space: nowrap;
		display: inline;
	}

	.navigation_bar ul.nav_bar_menu {
		top: 100px !important;
		display: none;
	}

div.pageheader {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 70px;
	z-index: 10;
	background: rgb(0,0,0);
	/* background: #fff url('../images/top_banner_bg.png') repeat-x center 0;*/
	text-align: center;
}

div.navigation_bar
{
/*	position: fixed;	*/
/*	padding-top: 100px;	*/
	padding-top: 30px;
	top: 70px;
/*	left: 0px;	*/
	width: 210px;
	bottom: 0px;
	background: #eeeeee;
	display: inline;
	overflow-y: auto;
}

div.navbaroption
{
	position: relative;
	height: 38px;
	width: 200px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	white-space: nowrap;
/*	background-color: #ff0000;	*/
}

#navbaricon
{
	position: absolute;
	background-color: #000000;
	left: 2px;
	height: 34px;
	width: 34px;
	border: 5px;
	padding: 2px;
	border-radius: 8px 0px 0px 8px;
	cursor: pointer;
}

img.navbaricon
{
	position: absolute;
	top: 3px;
	left: 3px;
}

div.navbartext
{
	display: inline;
	position: absolute;
	left: 40px;
	top: 0px;
	height: 29px;
	width: 156px;
	padding: 8px 0px 1px 6px;
	background-color: #ffffff;
	color: rgb(120,160,120);
	font-size: 17px;
	font-weight: normal;
}

div.navbarbubble {
	display: inline-block;
	position: absolute;
	top: -6px;
	right: 10px;
	max-width: 36px;
	min-width: 18px;
	height: 18px;
	border-radius: 50%;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: center;
	padding-top: 2px;
	padding-right: 1px;
	text-align: center;
	text-shadow: 1px 1px #000000;
	background-color: rgb(120,200,120);
}

div.navbarspacer
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 11px;
}

div.navbargap
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 22px;
}

div.navbaroption:not(.navbarinactive):not(.navbarcurrent):hover #navbaricon
{
	background-color: rgb(120,200,120);
	cursor: pointer;
}

div.navbaroption:not(.navbarinactive):not(.navbarcurrent):hover div.navbartext
{
/*	background-color: #c08080;	*/
	color: rgb(120,200,120);
	cursor: pointer;
}

div.navbaroption:not(.navbarinactive):not(.navbarcurrent):hover div.navbarbubble
{
	background-color: rgb(160,240,160);
}

div.navbaroption.navbarinactive #navbaricon
{
	background-color: rgb(210,220,210);
	cursor: default;
}

div.navbaroption.navbarinactive div.navbartext
{
	color: rgb(210,220,210);
	cursor: default;
}

div.navbaroption.navbarcurrent #navbaricon
{
	background-color: rgb(120,160,120);
	cursor: pointer;
}

div.navbaroption.navbarcurrent div.navbartext
{
	border: 1px solid rgb(120,160,120);
	height: 27px;
	cursor: pointer;
}


/*---------------------------- Main Page Content -----------------------------*/


.form_message {
	font-size: 24pt;
	color: rgb(32,82,93);
}


table.calculation label,
table.calculation p,
table.calculation h1
{
	color: rgb(255,255,255);
	font-size: 13pt;
	font-weight: normal;
	display: inline;
	padding: 0px 16px 0px 17px;
}

table.calculation h1
{
	padding: 0px;
}

table.calculation label
{
	display: block;
	text-align: right;
	white-space: nowrap;
}
table.calculation label:after {
	content: " ";
}

table.calculation label.required:after {
	color: red;
	content: "*";
}

table.calculation tr
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

table.calculation td
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

table.calculation input.quantity
{
	size: 11;
	maxlength: 11;
	max: 999999.9999;
	min: -999999.9999;
	width: 150px;
}

table.calculation input.price
{
	size: 13;
	maxlength: 13;
	max: 99999999.9999;
	min: -99999999.9999;
	width: 170px;
}

table.calculation input.extcost
{
	size: 14;
	maxlength: 14;
	max: 9999999999.99;
	min: -9999999999.99;
	width: 180px;
}

table.calculation input.extvat
{
	size: 14;
	maxlength: 14;
	max: 9999999999.99;
	min: -9999999999.99;
	width: 180px;
}


div.page_title_bar_top
{
	position: fixed;
	top: 70px;
	left: 215px;
	height: 16px;
	right: 0px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
/*	background-color: rgb(255,0,0);	*/
	color: rgb(0,0,0);
	vertical-align: top;
}

div.page_title_bar_top a
{
	font-size: 14px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	vertical-align: top;
}

div.page_title_bar_top a:link,
div.page_title_bar_top a:visited,
div.page_title_bar_top a:link:active,
div.page_title_bar_top a:visited:active
{
	color: rgb(90,110,90);
	text-decoration: none;
}

div.page_title_bar_bottom
{
	position: fixed;
	top: 83px;
	left: 215px;
	height: 21px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
/*	background-color: rgb(0,255,0);	*/
}

div.page_title_bar_bottom p
{
	display: inline;
	color: rgb(170,185,170);
	font-size: 19px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	vertical-align: bottom;
}

/*-------------------------- Content Panel -----------------------------------*/

div.contentpanel
{
	position: fixed;
	left: 230px;
	right: 0px;
	top: 105px;
	bottom: 60px;
	margin-right: 20px;
	overflow-x: auto;
	overflow-y: auto;
}

div.contentpanel.nobuttonbar
{
	bottom: 0px;
}

.form_panel {
	background: rgb(170,185,170);
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	overflow: hidden;
/*	overflow: scroll;	*/
	text-align: left;
}

.form_header {
	padding: 5px;
	border-radius: 5px;
	text-align: left;
	font-size: 13pt;
	font-weight: bold;
}

.form_header:hover {
	cursor: normal;
}

.form_header_clickable:hover,
.form_header_openable:hover
{
/*	background: rgb(65,164,187);		*/
	cursor: pointer;
}

/*----------------------------- Button Bar -----------------------------------*/

div.button_bar {
	position: absolute;
	bottom: 0px;
	height: 50px;
	padding-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	overflow: auto;
/*	background:#fff url('../images/bottom_panel_bg.png') repeat-x center 0;*/
}

div.button {
	display: inline;
	margin: 5px;
	padding: 5px;
}

/*------------------------------ Help Panel ----------------------------------*/

.help_panel_container {
	position:fixed;
	right: 0px;
	bottom: 60px;
}

.help_panel {
	z-index: 15;
	padding: 0px;
	max-width: 0px;
	position: relative;
	width: auto;
	height: auto;
	right: 0px;
	top: 0px;
	background: #e8e8e8;
	box-shadow: -10px 10px 5px rgb(200,200,200);
	border: 2px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.help_panel_body {
	overflow: hidden;
}

.help_panel_tab {
	z-index: 16;
	position: absolute;
	left: -46px;
	display: block;
	bottom: 15px;
	overflow: hidden;
	cursor: pointer;
}

.help_panel_iframe {
	text-align: left;
	padding: 6px;
	background: #e8e8e8;
	background-position: center;
	min-width:350px;
	height:400px;
	overflow:hidden;
	border: 2px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.help_panel_list {
	text-align: left;
	height:350px;
	overflow:auto;
}

.help_panel_list a {
	color: rgb(0,0,0);
	vertical-align: text-top;
}

.help_panel_content {
	text-align: left;
	height:250px;
	overflow:auto;
	margin-left: 10px;
}

.help_panel_content a {
	color: rgb(0,0,0);
	vertical-align: text-top;
}

.help_panel_h1 {
	font-size: 22pt;
	background-color: rgb(194,105,72);
	margin-left: 10px;
	padding-left: 10px;
	color: rgb(255,255,255);
}

.help_panel_h2 {
	font-weight: bold;
}

.help_panel_ul {
	list-style-image: url("../images/info-icon.png");
}

.help_panel_ul li {
	margin: 15px 0;
	line-height: 10px;
}

.help_panel_back {
	position: absolute;
	bottom: 10px;
}

/*---------------------------- Navigation Bar --------------------------------*/

/*====================*/
/* Top Navigation Bar */
/*====================*/
div.nav_bar {
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	position:absolute;
	width:100%;
	height: 100px;
	z-index:12;
	background: rgb(0,0,0);
	display: inline;
	overflow:visible;
}

#nav_bar_img {
	height:95px;
	float:left;
	padding:5px 0px 0px 5px;
}

#nav_bar_img:hover {
	cursor:pointer;
}

#nav_bar_doc_count {
	float:right;
	text-align:center;
	color:white;
	font-size:18pt;
	padding:25px 50px 0px 0px;
}

#nav_bar_doc_count:hover {
	cursor:pointer;
}

#nav_bar_doc_count.disabled {
	color: grey;
}

#nav_bar_doc_count.disabled:hover {
	cursor:default;
}


.nav_bar ul.nav_bar_menu_fixed
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style: none;
	position: absolute;
	bottom: 0px;
	right: 15px;
	clear: both;
}

.nav_bar ul.nav_bar_menu_fixed li
{
	position: relative;
	display: block;
	float: left;
	font-size: 16pt;
	background: black;
	padding: 3px 11px 3px 11px;
	margin: 0px;
	color: white;
}

ul.nav_bar_menu_fixed
{
	padding: 0px;
	margin: 0px;
	border-top: 1.0pt solid rgb(131,131,131);
	border-bottom: 1.0pt solid rgb(131,131,131);
}

@media all and (max-width: 1080px)
{
	.nav_bar ul.nav_bar_menu_fixed li
	{
	font-size: 12pt;
	}
}

@media all and (max-width: 875px)
{
	.nav_bar ul.nav_bar_menu_fixed li
	{
	font-size: 10pt;
	}
}

.navigation_bar ul.nav_bar_menu
{
	position:fixed;
	margin:0px;
	padding: 0px 0px 0px 0px;
	right:0px;
	z-index:40;
	background: rgb(237,237,237);
}

.navigation_bar ul.nav_bar_menu li.active
{
	font-size: 12pt;
	list-style: none;
	white-space: nowrap;
	padding: 6px 11px 3px 11px;
	margin: 0px;
	background: rgb(237,237,237);
}

.navigation_bar ul.nav_bar_menu li.active:hover
{
	background: rgb(100,100,100);
	color: white;
	text-decoration: none;
}

.navigation_bar ul.nav_bar_menu li.inactive
{
	font-size: 16pt;
	list-style: none;
	white-space: nowrap;
	padding: 6px 11px 3px 11px;
	margin: 0px;
	background: rgb(237,237,237);
}

.nav_bar_back ul li, .nav_bar_more ul li, .nav_bar_links ul li
{
	position: relative;
	display: block;
	float: left;
	font-size: 14pt;
	font-weight: bold;
	height: 35px;
	padding: 3px 11px 0px 11px;
	margin: 0px;
	color: rgb(230,230,240);
	z-index: 13;
}

.nav_bar>ul>li:hover
{
	color: black;
	background: white;
	cursor: pointer;
}

.nav_bar>ul>li.nav_bar_has_child:hover
{
	color: white;
	background: black;
	cursor: pointer;
}

.nav_bar>ul>li.inactive
{
	color: grey;
	cursor: default;
}

.nav_bar>ul>li.inactive:hover
{
	color: grey;
	background: black;
	cursor: default;
}

/*----------*/
/* Sub Menu */
/*----------*/
.nav_bar_menu_fixed .nav_bar_has_child ul {
	display: none;
}

.nav_bar_menu_fixed .nav_bar_has_child:hover>ul {
	position: absolute;
	display: block;
	/* top: 25px; */
	margin: 2px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	/* width:200px; */
}

.nav_bar_has_child:hover>ul li {
	float:none;
	white-space: nowrap;
}

.nav_bar_has_child:hover>ul li:hover {
	color: black;
	background: white;
}

/*
.navigation_bar_handle {
	position: absolute;
	top: 0px;
	left: 190px;
	bottom: 0px;
	display: inline;
}

div.navigationbutton {
	margin: 5px;
	display: block;
}

.navigation_bar ul {
	margin: 0;
	padding: 0;
	clear: both;
}
*/

/*
.navigation_bar>ul>li {
/ *	margin-left: 14px;
	padding-left: 15px;		* /
	height:40px;
	background-image: url('../images/navigation-bar-bullet-closed.png');
	background-repeat: no-repeat;
	background-position: left center;
	list-style: none;
	color: rgb(65,164,187);
	font-size: 12pt;
	font-weight: bold;
	text-align:left;
	margin: 10px 0 6px 7px;
}

.navigation_bar>ul>li:hover {
	cursor: pointer;
	text-decoration:underline;
}

.navigation_bar>ul>li.inactive {
	background-image: url('../images/navigation-bar-bullet-pale-closed.png');
	color: #cee8e5;
	cursor: default;
}

.navigation_bar>ul>li.inactive:hover {
	cursor: default;
	text-decoration:none;
}

.navigation_bar>ul>li.withchildren {
	background-image: url('../images/navigation-bar-bullet-open.png');
	background-repeat: no-repeat;
	background-position: left center;
}

.navigation_bar>ul>li.child {
	margin-left: 24px;
	padding-left: 25px;
}

.navigation_bar a,
.navigation_bar a:link,
.navigation_bar a:visited {
	color: #29ACA0;
	background: none;
	height: auto;
}

.navigation_bar li.inactive a,
.navigation_bar li.inactive a:link,
.navigation_bar li.inactive a:visited {
	color: #cacaca;
}

.navigation_bar li.active>a {
	font-weight: bold;
}

.navigation_bar ul.subMenu {
	margin-top: 6px;
}

.navigation_bar ul.subMenu li a,
.navigation_bar ul.subMenu li a:link,
.navigation_bar ul.subMenu li a:visited {
	color: #323232;
}

.navigation_bar ul.subMenu li.inactive a,
.navigation_bar ul.subMenu li.inactive a:link,
.navigation_bar ul.subMenu li.inactive a:visited {
	color: #cacaca;
}

.navigation_bar_separator {
	border-top: 1.0pt solid rgb(131,131,131);
	margin: 1em 14px 0 1em;
	padding-top: 4px;
}

.navigation_bar ul.nav_bar_menu div.navigation_bar_separator
{
	border-top: 0.0pt;
	margin: 8px 0px 0px 0px;
	padding-top: 4px;
}

.navigation_bar_footer {
	margin: 1em;
}
*/

/*----------------------------- Side Panel -----------------------------------*/

div.sidebanner {
	position: absolute;
	top: 0px;
	right: 0px;
	margin-bottom: 60px;
	width: 0px;	/*100px;*/
	bottom: 0px;
	overflow: auto;
	margin-top: 100px;
	z-index: 11;
}

div.sidebanner_fixed {
	position: absolute;
	top: 0px;
	right: 0px;
	margin-bottom: 60px;
	width: 0px; /*100px;*/
	bottom: 0px;
	overflow: auto;
	margin-top: 100px;
	z-index: 11;
}


div.sidebanneritem {
	margin: 5px;
	display: block;
}

img.sidebanneritem:hover {
	cursor: pointer;
}

.side_banner_separator {
	border-top: 1.0pt solid rgb(131,131,131);
	margin: 1em 14px 0 1em;
	padding-top: 1em;
}

/*----------------------------- Left Side Panel ------------------------------*/

div.leftsidebanner {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-bottom: 60px;
	width: 200px;
	bottom: 0px;
	z-index: 13;
	overflow: auto;
	margin-top: 100px;
}

div.leftsidebanneritem {
	margin: 5px;
	display: block;
	min-height: 25px;
	color: rgb(65,164,187);
	font-size: 14pt;
	font-family: 'Helvetica Light', Helvetica;
}

div.leftsidebannertext {
	color: rgb(65,164,187);
	font-size: 14pt;
	font-family: 'Helvetica Light', Helvetica;
}

.leftsidebannertext:hover {
	cursor: pointer;
	text-decoration:underline;
}

.leftsidebanneritem.report {
	font-size: 10pt;
}

.leftsidebanneritem.report:hover {
	cursor: pointer;
	text-decoration:underline;
}

.leftsidebanneritem.active:hover {
	cursor: pointer;
	text-decoration:underline;
}

.leftsidebanner.inactive:hover {
	cursor: default;
	text-decoration:none;
}

.leftsidebanner_circles {
	width:100%;
}

.leftsidebannercircleBase {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	color:#fff;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	background:#000;
	white-space: pre-wrap;
	font-size:12pt;
	font-weight: bold;
	font-family: 'Helvetica Light', Helvetica;
	opacity: 0.5; /* Make them less bold */
}

.leftsidebanner_circles tr:hover .leftsidebannercircleBase {
	opacity: 1.0; /* Make circle opaque when mouse moves over associated table row */
}

.leftsidebannercircleBase:hover {
	cursor:pointer;
}

.leftsidebannercircle_quotes_os {
	background: rgb(105, 145, 172); /*Blue: #6991ac*/
}

.leftsidebannercircle_quotes_ac {
	background: rgb(134, 167, 188); /* Light blue: #86a7bc */
}

.leftsidebannercircle_po_received {
	background: rgb(103, 113, 121); /* Grey: #677179 */
}

.leftsidebannercircle_invoices_os {
	background: rgb(223, 124, 95); /* Light orange: #df7c5f */
}

.leftsidebannercircle_invoices_paid {
	background: rgb(214, 92, 55); /* Orange: #d65c37 */
}

div.alert_bubble {
	display: inline;
	position: relative;
	top: -14px;
	left: -5px;
	background-image: url(../images/alert.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 3px;
	width: 15px;
	max-width: 30px;
	height: 15px;
	max-height: 15px;
	display: inline-block;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 1px 1px #000000;
}

/*-------------------------------- Buttons -----------------------------------*/
/* Based on results of google search for 'css style buttons' */

input[type="submit"]:disabled, input[type="button"]:disabled {
}

input[type="button"],
input[type="submit"]
{
	font-size: 16pt;
	font-family: /*"Segoe UI Light",*/ "Calibri Light", /*"Segoe UI",*/ "Calibri", Arial;
	height: 35px;
	min-width: 80px;
	border: none;
	outline: none;
	margin: 2px;
	border-radius: 5px;

	background-color: #101010; /*#02a8f4;	Blue */
	color: #ffffff;				/* White */
}

input[type="button"].in_array
{
	font-size: 12pt;
	height: 25px;
	min-width: 60px;
	margin: 0px;
	border-radius: 5px;
}

input[type="button"].in_form
{
	font-size: 13pt;
	height: 30px;
	min-width: none;
	margin: 0px;
	border-radius: 5px;
	padding: 0px;
}

input[type="button"]:hover,
input[type="submit"]:hover
{
	cursor:pointer;
	background-color: rgb(110,160,110);
}

input[type="button"]:active,
input[type="submit"]:active
{
	cursor:pointer;
	background-color: rgb(170,185,170);
	border: 1px solid #494b4f;	/* Black Not Quite */
}

input[type="button"]:disabled,
input[type="submit"]:disabled
{
	cursor: default;
	background-color: #101010;	/* #a7e1fb;	Blue */
	opacity:0.3;
	color: #ffffff;				/* White */
}

div.iconbubblewrap
{
	position: relative;
	display: inline;
}

div.iconbubble
{
	display: inline-block;
	position: absolute;
	top: -3px;
	right: -3px;
	max-width: 22px;
	min-width: 12px;
	height: 12px;
	border-radius: 50%;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: center;
	padding-top: 0px;
	padding-right: 1px;
	text-align: center;
	text-shadow: 1px 1px #000000;
	background-color: rgb(120,200,120);
}

div.btnbubblewrap
{
	position: relative;
	display: inline;
}

div.btnbubble
{
	display: inline-block;
	position: absolute;
	top: -16px;
	right: -4px;
	max-width: 36px;
	min-width: 18px;
	height: 18px;
	border-radius: 50%;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: center;
	padding-top: 2px;
	padding-right: 1px;
	text-align: center;
	text-shadow: 1px 1px #000000;
	background-color: rgb(120,200,120);
}


input[type="button"].copytext {
	width:				32px;
	height:				32px;
	background-image:	url(../images/Copy-Text.png);
}



input.bigger {
	font-size: 25pt;
}

input.feature_button {
	width: 160px;
	height: 100px;
}

img.settings
{
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 30px;
	height: 30px;
}

img.settings.pagination
{
	margin: 16px 0px 6px 4px;
}


/*--------------------------------- Mobile Buttons ---------------------------*/

input.mobile_button {
	border: 2px outset;
	border-radius: 8px;
	padding: 6px;
	background-color: #e8e8e8;
	/* background-position: center; */
	background-position: 2px 2px;
	background-repeat: no-repeat;
}

input.mobile_button:hover { background-color: #f8f8f8; }
input.mobile_button:active { border: 2px inset; background-position: 3px 3px; }
input.mobile_button:disabled { opacity: 0.4; }

input.mobile_annotated_button {
	border: 2px outset;
	border-radius: 8px;
	padding: 6px;
	background-color: #e8e8e8;
	/* background-position: center; */
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

input.mobile_annotated_button:hover { background-color: #f8f8f8; }
input.mobile_annotated_button:active { border: 2px inset; background-position: 1px 1px; }
input.mobile_annotated_button:disabled { opacity: 0.4; }


/*------------------------------------ Fields --------------------------------*/

/* Added for form field layout */
div.fieldparent, div.fieldparent_singleline {
	display: block;
	vertical-align: top;
}

div.dynamiclabelform {
	overflow-x: auto;
}

div.fieldparent_multiline {
	display: inline-block;
	vertical-align: top;
}

div.dynamiclabelcontainer {
	display: inline-block;
	vertical-align: top;
	text-align: right;
}

.dynamiclabel
{
	display: inline-block;
	text-align: right;
/*	vertical-align: top;*/
	margin: 5px;
	white-space: nowrap;
	color: rgb(255,255,255);
	font-size: 13pt;
}

div.dynamiclabel:after {
	content: " ";
	display: inline-block;
	width: 10px;
}

div.dynamiclabel.required:after {
	color: red;
	content: "*";
}

div.staticlabel {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	margin: 5px;
}

div.staticlabelcenter {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin: 5px;
}


div.field {
	display: inline-block;
}

div.validationerror	{
	color: #dd0000;
}

input[type="text"], input[type="email"], input[type="password"], input[type="number"] {
	background-color: #ffffff;
	border: 1.0pt solid rgb(131,131,131);
	-webkit-border-radius: 0px;
	        border-radius: 0px;
	margin: 2px;
	padding: 4px;
	width: 200px;
}

input[type=text].reason_text
{
	width: 400px;
}

table.calculation input[type=text].reason_text
{
	width: 600px;
}

input[type=text].inv_msg_text
{
	width: 400px;
}

input[type="text"].reason_text.middlealign {
/*	position: absolute;
	left: 0px;
	right: 0px;		*/
	margin: auto;
	padding-bottom: 10px;
	display: block;
}

input[type=text].credit_note_number
{
	width: 400px;
}

input[type="text"].credit_note_number.middlealign {
	margin: auto;
	padding-bottom: 10px;
	display: block;
}

input[type=text].csv_filename
{
	width: 400px;
}

input[type="text"].csv_filename.middlealign {
/*	position: absolute;
	left: 0px;
	right: 0px;		*/
	margin: auto;
	padding-bottom: 10px;
	display: block;
}

input[type="file"] {
	background-color: #ffffff;
	border: 1.0pt solid rgb(131,131,131);
	-webkit-border-radius: 0px;
			border-radius: 0px;
	margin: 2px;
	padding: 4px;
	width: 400px;
}

select {
	background-color: #ffffff;
	border: 1.0pt solid rgb(131,131,131);
	-webkit-border-radius: 0px;
	        border-radius: 0px;
	margin: 2px;
	padding: 4px;
	min-width: 200px;
}

textarea {
	background-color: #ffffff;
	border: 1.0pt solid rgb(131,131,131);
	-webkit-border-radius: 0px;
	        border-radius: 0px;
	margin: 2px;
	padding: 2px;
	overflow-x: hidden;
}

select, textarea {
	        box-sizing:content-box;
	    -ms-box-sizing:content-box;
	   -moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}

input[type="text"].mandatory:not(.error):not(.ng-invalid-error),
input[type="email"].mandatory:not(.error):not(.ng-invalid-error),
input[type="password"].mandatory:not(.error):not(.ng-invalid-error),
input[type="number"].mandatory:not(.error):not(.ng-invalid-error),
select.mandatory:not(.error):not(.ng-invalid-error)
{
	border: 1pt solid rgb(255,100,100);
}

input[type="text"].error,
input[type="email"].error,
input[type="password"].error,
input[type="number"].error,
input[type="file"].error
{
	border: 2pt solid rgb(255,0,0);
}

select.error {
	border: 2pt solid rgb(255,0,0);
}

textarea.error {
	border: 2pt solid rgb(255,0,0);
}

input:required:invalid {
	box-shadow: none;
}

div.dynamiccolumncell.error {
	border: 2pt solid rgb(255,0,0);
}

span.error {
	border: 2pt solid rgb(255,0,0);
}

/*
.form-input input.ng-invalid.ng-dirty {
}

.form-input input.ng-valid.ng-dirty {
}
*/

input.ng-invalid-required.modal-field {
	border: 2pt solid rgb(255,0,0);
}

input.ng-invalid-required.ng-dirty {
	border: 2pt solid rgb(255,0,0);
}

input.ng-invalid-error {
	border: 2pt solid rgb(255,0,0);
}

select.ng-invalid-required.ng-dirty {
	border: 2pt solid rgb(255,0,0);
}

select.ng-invalid-error {
	border: 2pt solid rgb(255,0,0);
}

textarea.ng-invalid-error {
	border: 2pt solid rgb(255,0,0);
}

input[type="checkbox"]/*, input[type="radio"]*/ {
	display: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

label {
}

span.label {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	margin: 5px;
}

div.checkbox
{
	display:inline-block;
	position: relative;
	min-width: 14px;
	min-height: 14px;
	margin: 6px 0px 0px 1px;
	padding: 0px;
	border-radius: 2px;
	cursor: pointer;
	border: 2px solid rgb(110,160,110);
}

div.checkbox.array
{
	margin: 2px 0px 0px 1px;
}

div.checkbox.checked
{
	background-color: rgb(110,160,110);
}

div.checkbox.unchecked
{
	background-color: rgb(255,255,255);
}

img.checkboxtick
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
}

div.checkbox.unchecked img
{
	display: none;
}

div.checkbox.disabled,
div.checkbox.disabled img
{
	cursor: default;
	opacity: 0.6;
}

div.checkbox.readonly
{
	cursor: default;
}

div.checkbox.error
{
	border: 2px solid rgb(255,0,0);
}


input.skinny {
	margin-top: 1px;
	margin-bottom: 1px;
}

input.small {
	width: 100px;
}

input.large {
	width: 300px;
}

input.normal {
	margin-top: 0px;
	margin-bottom: 5px;
}

input[disabled], input.disabled, input[readonly], input.readonly, textarea[readonly], textarea.readonly {
	box-shadow: inset 0px 0px 0px #404040;
	color:#5F5F5F;
	background-color: rgb(230,246,230);
}

textarea[disabled], textarea.disabled  {
	color:#5F5F5F;
	background-color: #E1E1E1;
	box-shadow: inset 0px 0px 0px #404040;
}

a {
	text-decoration: none;
/*	color: #404060; */
}

.reprintrequested
{
	color: rgb(255,255,255);
	font-size: 14pt;
	font-weight: bold;
	padding-top: 7px;
}

span.doc_link {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:underline;
	text-align: center;
}

span.doc_link:hover {
	cursor:pointer;
}

div.array_msg
{
	margin: 8px 0px 0px 20px;
}

div.array_msg p
{
	color: rgb(255,255,255);
	font-size: 14pt;
	font-style: italic;
}

div.panel_text	/* DP-01.4-05 */
{
	margin: 6px 0px 0px 20px;
}

div.panel_text p	/* DP-01.4-05 */
{
	margin: 2px 0px 0px 0px;
	color: rgb(255,255,255);
	font-size: 14pt;
	font-style: italic;
}

div.faq_answer
{
}

div.faq_answer p
{
	margin: 2px 16px 3px 16px;
	color: rgb(255,255,255);
	font-size: 14pt;
}


/*----------------------------------- Images ---------------------------------*/

img {
	vertical-align: middle;
}

img.logo {
	border: 1.0pt solid rgb(131,131,131);
	margin: 2px;
	padding: 4px;
	width: 100%;
	max-width: 200px;
	max-height: 100px;
}

.img_hover:hover {
	cursor:pointer;
}

/*------------------------------------ Tabs ----------------------------------*/
input.tab[type="button"] {
	background-color: #e5fdfd;
	-webkit-border-radius: 15px;
	        border-radius: 15px;
	border-top-left-radius:16px;
	border-top-right-radius:16px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	color: #ffffff;
	font-size: 26px;
	text-decoration: none;
	cursor: pointer;
	border: 1px outset #9adfee;
	box-shadow: 0px 0px 0px #000000;
	margin: 0px;
	text-shadow: 0px 0px 2px #c0c0c0, 2px 2px 2px #000000;
	z-index: 5;	/* This was to put the tabbed pane infront. Doesn't seem to work though */
}

input.tab_selected[type="button"] {
	background-color: #c5dddd;
	border-bottom: 0px;
	box-shadow: 5px 0px 3px -2px #000000;

	position: relative;
	top: 2px;

	margin: 1px;
}

input.tab:active {
	margin: 1px;
	margin-left: 1px;
	margin-bottom: 0px;
	position: relative;
	top: 0px;
	padding-bottom: 2px;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 1px;
}

div.tabbedpane {
	border: 1px outset #5a9fae;
	z-index: 1;
	box-shadow: 3px 3px 4px #000000;
	background-color: #c5dddd;
}

div.tabbedpaneheader {
	border: 0px;
	z-index: 2;
}


/*--------------------------------- Tables -----------------------------------*/

table {
}

table.icon_table {
	overflow: visible;
}

div.field_sorted_asc {
	background: url(../images/sorted_asc.png) center no-repeat;
	position: absolute;
	top: 0px;
	width: 100%;
	margin-top:0px;
	height:10px;
}

div.field_sorted_desc {
	background: url(../images/sorted_desc.png) center no-repeat;
	position: absolute;
	top: 0px;
	width: 100%;
	margin-top:0px;
	height:10px;
}

div.field_unsorted {
	margin-top:5px;
	height:10px;
}

thead {
	background-color: rgb(235,245,248);
	color: rgb(131,131,131);
	cursor: default;
}

thead tr th {
	vertical-align: top;
	background: inherit;
	font-size: 12pt;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
}

th.tablecell_numeric {
	text-align: right;
}

tr.blank_row {
}


tr.icon_row {
	overflow: visible;
}

table.list_table tr.array_row  {
	margin: 2px;
	white-space: nowrap;
	border-radius: 0px;
	padding: 0px;
	border: 1.0pt solid rgb(131,131,131);
	min-height:18px;
}

tr.array_row td {
	border-radius: 0px;
	background-color: #C8C8C8;
	padding: 2px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

tr.array_row:hover td {
	background: rgb(65,164,187);
	cursor: pointer;
}

td {
	overflow:hidden;
	text-overflow:ellipsis;
}

td.pagefooter {
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 40px;
	padding-top: 20px;
	overflow: auto;
	background:rgb(237,237,237);
	color: rgb(0,0,0);
	vertical-align: middle;
	text-align: center;
	font-size:8pt;
}

td.icon_cell {
	overflow: visible;
}

td.textarea_label {
	padding-top: 8px;
	vertical-align: text-top;
}

td.radio_label {
	padding-top: 0px;
	vertical-align: top;
}

td.tablecell_numeric {
	text-align: right;
}

td.validationerror	{
	color: #dd0000;
}

table.list_table tr.array_row td {
	background: rgb(235,245,248);
	margin: 3px;
	white-space: nowrap;
	border-radius: 0px;
	padding: 3px;
	display: table-cell;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	min-height:18px;
}

table.list_table tr.array_row:hover td {
	background: rgb(65,164,187);
	cursor: pointer;
}


div.dynamictablescroll {
	overflow-x: hidden;
	width: 100%;
}

div.dynamictable {
/*	margin: 0px;	*/
	margin: auto;
	padding: 0px;
	display: table;
	border-collapse: separate;
	border-spacing: 2px 1px;
/*	width: 100%;	*/
	width: 95%;
}

div.dynamictablerow {
	margin: 2px;
/*	white-space: nowrap; - Removed 2016-08-16 by DW	*/
	border-radius: 0px;
	padding: 0px;
	border: 1.0pt solid rgb(131,131,131);
}

div.dynamictablerow_hidden {
	visibility:hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

div.dynamictablerowhandle {
	padding: 2px;
	border-radius: 0px;
	background: rgb(255,255,255);
	position: relative;
}

div.dynamictablerowhandle.error {
	background: rgb(255, 0, 0);
}

div.dynamictablerowhandle:hover {
	background: rgb(50,100,50);
	cursor: pointer;
}

div.dynamictablerowhandle.unclickable:hover {
	background: rgb(255,255,255);
	cursor: inherit;
}

div.dynamictableheader {
	margin: 3px;
	white-space: nowrap;
	border-radius: 10px 10px 0px 0px;
	padding: 0px;
	color: rgb(131,131,131);
	background-color: rgb(110,140,110);
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	min-height: 40px;	/* NOTE:	This is a temporary hard-coded value for now!!!
									Javascript should be setting this per table based on content.	*/
}

div.dynamictableheader.clickable {
	overflow: visible;
}

div.dynamiccolumncellcontainer {
	/* display: inline-block; */
	position: absolute;
	/* background: rgb(235,245,248); */
	background-color: rgb(248,255,248);
	margin: 0px;
	white-space: nowrap;
	border-radius: 0px;
	padding: 0px;
	/* display: table-cell; */
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

div.dynamictableheader > div.dynamiccolumncellcontainer
{
	background-color: rgb(110,140,110);
}

div.dynamiccolumncellcontainer.clickable {
	overflow: visible;
}

div.dynamiccolumncellcontainer.clickable:hover {
	cursor: pointer;
/*	background-color: #a4abad;
	color: #ffffff;				*/
}

div.dynamiccolumncellcontainer.visible {
	overflow: visible;
}

div.dynamictableheader div.dynamiccolumncell {
/*	background: inherit;	*/
	background-color: rgb(110,140,110);
	font-size: 13pt;
	color: rgb(255,255,255);
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.dynamiccolumncellcontainer.blank {
	background: none;
}

div.dynamiccolumncell.blank {
	background: none;
}

div.dynamictableheader div.dynamiccolumnnumericcell {
	background: inherit;
	font-size: 12pt;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.dynamiccolumnnumericcell {
	float: right;
}

div.dynamictablefooter div.dynamiccolumncell {
	background: inherit;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.dynamiccolumncell, div.dynamiccolumnnumericcell {
	/* background: rgb(235,245,248); */
	margin: 3px;
	white-space: nowrap;
	border-radius: 0px;
	padding: 3px;
	display: table-cell;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	min-height:18px;
}

div.enterfilter
{
	color: rgb(255,255,255);
	font-size: 14pt;
}

._icon
{
/*	background: rgb(255,255,255) !important;	*/
}

._numeric {
	text-align: right;
	float: right;
}

._numerictotal {
	text-align: right;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	float: right;
}

._center_align {
	text-align: center;
	float: none;
}

._right_align {
	text-align: right;
	float: right;
}

div.dynamictablefooter {
	margin: 3px;
	white-space: nowrap;
	border-radius: 0px;
	padding: 3px;
	font-size: 14pt;
	height: 50px;
	position: relative;
}

/*--------- Drop Down Menu - Used for the Type Ahead and Date Picker ---------*/

.dropdown {
	position: relative;
}

.dropdown-toggle:focus {
	outline: 0;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 15;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #428bca;
	outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	color: #999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
	background-image: none;
}

/*------------------------ Expandable Lines Entry ----------------------------*/

.expandable {
	padding:0px;
	border:0px solid gray;
	overflow:hidden;
	height:auto;	/* NOTE : Need to specify this explicitly otherwise it doesn't work */
}

.collapsable_form {
	overflow:hidden;
	height: auto;
	width: 100%;
}

.collapsable_hidden {
	overflow:hidden;
	height: auto;
}

.expandable_form {
	overflow:hidden;
	height: auto;
}

.expandable_hidden {
	overflow:hidden;
	height: auto;
}

.normal_line {
	overflow:hidden;
	height: auto;
}

/*-------------------------- Animation Classes -------------------------------*/

._anim_shrink_y, ._anim_grow_y, ._anim_shrink_x, ._anim_grow_x, ._anim_nohide {
	overflow: hidden;
}

._anim_instant {
	overflow: visible;
}

/*----------------------------- Date Picker ----------------------------------*/

/* Calendar icon */
.datepicker_icon {
	margin-top: -3px;
	margin-left: -24px;
	margin-right:  7px;
}

.datepicker_icon:hover {
	cursor: pointer;
}

/* Button for the previous month */
.btn.btn-default.btn-sm.pull-left {
}

/* Icon for the previous month button */
.glyphicon-chevron-left:before {
	display: inline-block;
	content: url('../images/chevron-left-blue.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

/* Button for the next month */
.btn.btn-default.btn-sm.pull-right {
}

/* Icon for the next month button */
.glyphicon-chevron-right:before {
	display: inline-block;
	content: url('../images/chevron-right-blue.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

/* Standard button class */
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn:hover,
.btn:focus {
	color: #333;
	text-decoration: none;
}

.btn:active,
.btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	pointer-events: none;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	        box-shadow: none;
	opacity: 0.65;
}

/* Default button class */
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #fff;
	border-color: #ccc;
}

.btn-default .badge {
	color: #fff;
	background-color: #333;
}

/* Success button class, used for Done button */
.btn-success {
	color: #fff;
	background-color: #47a447;
	border-color: #398439;
	font-weight: bold;
	font-size: 12px !important;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn-success .badge {
	color: #5cb85c;
	background-color: #fff;
}

/* Info button class, used for Today button */
.btn-info {
	color: #fff;
	background-color: #39b3d7;
	border-color: #269abc;
	font-weight: bold;
	font-size: 12px !important;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

.btn-info.active {
	font-weight: normal;
	height: inherit;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
	background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
	background-color: #5bc0de;
	border-color: #46b8da;
}

.btn-info .badge {
	color: #5bc0de;
	background-color: #fff;
}

/* Danger button class, used for Clear button */
.btn-danger {
	color: #fff;
	background-color: #d2322d;
	border-color: #ac2925;
	font-weight: bold;
	font-size: 12px !important;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
	background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn-danger .badge {
	color: #d9534f;
	background-color: #fff;
}

/* Class for small buttons */
.btn-sm,
.btn-group-sm > .btn {
	padding: 2px 5px;
	font-size: 10px;
	line-height: 1.0;
	border-radius: 3px;
}

/* Group of buttons at the bottom of the popup */
.btn-group {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

/* Used for when the day is from a different month */
.text-muted {
	color: #DDD;
}

/* Text alignment */
.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

.text-info {
	color: #31708f;
}

/* Force elements to left, centre or right */
.pull-left {
	float: left !important;
}

.pull-center {
}

.pull-right {
	float: right !important;
}

/*----------------------- Tool Tips - used for help msgs ---------------------*/
.icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	vertical-align: middle;
}

.icon.error {
	display: inline-block;
	background: url('../images/error.png') no-repeat;
}

.icon.error.hidden {
	background: none;
}

.icon.help {
	display: inline-block;
	background: url('../images/help-icon.png') no-repeat;
	vertical-align: top;
}

.icon.help.hidden {
	background: none;
}

.icon.attachments {
	display: inline-block;
	background: url('../images/attachment-icon.png') no-repeat;
	vertical-align: top;
	min-width: 30px;
}

.icon.attachments:hover {
	cursor: pointer;
}

.icon.attachments.hidden {
	background: none;
}

.icon.status_history {
	display: inline-block;
	background: url('../images/History-icon-1.png') no-repeat;
	vertical-align: top;
}

.icon.status_history:hover {
	cursor: pointer;
}

.icon.status_history.hidden {
	background: none;
}

.icon.lookup {
	display: inline-block;
	background: url('../images/Lookup-icon-2.png') no-repeat;
	vertical-align: top;
}

.icon.lookup:hover {
	cursor: pointer;
}

.icon.lookup.hidden {
	background: none;
}

.icon.warning {
	display: inline-block;
	background: url('../images/warning.png') no-repeat;
}

.icon.warning.hidden {
	background: none;
}

.icon:hover .mytooltip, .icon:focus .mytooltip {
	display: inline-block;
}

.icon:hover .mytooltip.hidden {
	display: none;
}

.mytooltip {
	display: none;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: normal;
	position: absolute;
	padding: 4px;
	margin: 4px 0 0 4px;
	top: 20px;
	left: -200px;
	border: 1px solid #76B6D7;
	border-radius: 8px 8px 8px 8px;
	background: #bedffe;
	font-size: 12px;
	box-shadow: 0 1px 2px -1px #21759B;
	z-index: 31;
}

.mytooltip.top {
	top: -50px;
}

.icon.help {
	cursor: pointer;
}

.icon.help.hidden {
	cursor: inherit;
}

.help .mytooltip {
	border-color: #76B6D7;
	background-color: #bedffe;
	box-shadow-color: #21759B;
}

.warning .mytooltip {
	border-color: #cca863;
	background-color: #ffff70;
	box-shadow-color: #ac8c4e;
}

.error .mytooltip {
	border-color: #b50d0d;
	background-color: #e44d4e;
	box-shadow-color: #810606;
}

/*----------------- Angularjs Tool Tips - used for error msgs ----------------*/

.tooltip {
	position: absolute;
	z-index: 31;
	display: block;
/*	font-size: 10px;			*/
/*	line-height: 1.0;			*/
	visibility: visible;
	opacity: 0;

/*								*/
	line-height: 1.3;
	font-size: 11px;
}

.tooltip.in {
	opacity: 1.0;
}

.tooltip.top {
	padding: 5px 0;
	margin-top: -3px;
}

.tooltip.right {
	padding: 0 5px;
	margin-left: 3px;
}

.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px;
}

.tooltip.left {
	padding: 0 5px;
	margin-left: -3px;
}

.tooltip-inner {
	padding: 3px 8px;
/*	color: #000;				*/
/*	text-align: center;			*/
	text-decoration: none;
/*	background:#E1E1E1;			*/
/*	border: 1px solid #f00;		*/
	border-radius: 4px;

/*								*/
	color: #ffffff;
	background: #ff0000;
	text-align: left;
	white-space: normal;	/* DP-01.4-03 */
	max-width: 325px;
	border: 3px solid #000;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
/*	border-top-color: rgb(255, 0, 0);	*/
	border-top-color: rgb(0, 0, 0);
}

.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	left: 5px;
	border-width: 5px 5px 0;
	border-top-color: rgb(255, 0, 0);
}

.tooltip.top-right .tooltip-arrow {
	right: 5px;
	bottom: 0;
	border-width: 5px 5px 0;
	border-top-color: rgb(255, 0, 0);
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: rgb(255, 0, 0);
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: rgb(255, 0, 0);
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
/*	border-bottom-color: rgb(255, 0, 0);	*/
	border-bottom-color: rgb(0, 0, 0);
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	left: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: rgb(255, 0, 0);
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	right: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: rgb(255, 0, 0);
}


/*---------------- Modal Window - such as View Note and View PDF -------------*/

div.modalwindow
{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 500px;
	border: solid 1px rgb(0,0,0);
	border-radius: 4px 4px 4px 4px;
}

div.modalwindow.height200
{
	height: 200px;
}

div.modalwindow.height225	/* DP-01.4-05 */
{
	height: 225px;
}

div.modalwindow.height250
{
	height: 250px;
}

div.modalwindow.height275	/* DP-01.4-05 */
{
	height: 275px;
}

div.modalwindow.height300
{
	height: 300px;
}

div.modalwindow.height325	/* DP-01.4-05 */
{
	height: 325px;
}

div.modalwindow.height350	/* DP-01.4-05 */
{
	height: 350px;
}

div.modalwindow.height375	/* DP-01.4-05 */
{
	height: 375px;
}

div.modalwindow.height400
{
	height: 400px;
}

div.modaltitlebar
{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 28px;
	background-color: rgb(110,140,110);
	border-radius: 4px 4px 0px 0px;
/*	border: solid 1px rgb(0,0,0);	*/
}

div.modaltitletext
{
	position: absolute;
	color: rgb(255,255,255);
	left: 6px;
	top: 2px;
	font-size: 14pt;
	user-select: none;
	pointer-events: none;	/*growing support*/
}

div.modaltitleclose
{
	position: absolute;
	right: 6px;
	top: 1px;
	cursor: pointer;
}

.modal_close_gauze
{
	position: absolute;
	top: 29px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background-color: rgba(10,10,10,0.3);
	display: none;
	z-index: 3;
}

.modal_close_dialog
{
	position: absolute;
	top: 0px;
	right: 0px;
	max-width: 500px;
	height: 70px;
	margin: 3px;
	padding: 10px;
	background-color: rgba(155,180,155,0.94);
	color: rgb(255,255,255);
	border-radius: 4px;
	border: 2px solid rgb(0,0,0);
	display: none;
	z-index: 3;
}

.modal_close_dialog.initial
{
	opacity: 0;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
	-webkit-transform-origin: 98% 1%;
	    -ms-transform-origin: 98% 1%;
	     -o-transform-origin: 98% 1%;
	        transform-origin: 98% 1%;
	-webkit-transition: -webkit-transform 0.25s, opacity 0.25s ease-out;
	   -moz-transition:    -moz-transform 0.25s, opacity 0.25s ease-out;
	     -o-transition:      -o-transform 0.25s, opacity 0.25s ease-out;
	        transition:         transform 0.25s, opacity 0.25s ease-out;
}

.modal_close_dialog.open
{
	opacity: 1;
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
	        transform: rotate(0deg);
	-webkit-transform-origin: 98% 1%;
	    -ms-transform-origin: 98% 1%;
	     -o-transform-origin: 98% 1%;
	        transform-origin: 98% 1%;
	-webkit-transition: -webkit-transform 0.25s, opacity 0.25s ease-out;
	   -moz-transition:    -moz-transform 0.25s, opacity 0.25s ease-out;
	     -o-transition:      -o-transform 0.25s, opacity 0.25s ease-out;
	        transition:         transform 0.25s, opacity 0.25s ease-out;
}

.modal_close_dialog_buttonbar
{
	position: absolute;
	bottom: 10px;
	left: 0px;
	right: 0px;
	min-height: 30px;
	text-align: center;
}

div.modalbody
{
	position: absolute;
	top: 28px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: rgb(0,0,0);
	border-radius: 0px 0px 4px 4px;
	padding: 10px;
	background-color: rgb(255,255,255);
	overflow-x: hidden;
	overflow-y: auto;
}

.withbuttonbar div.modalbody
{
	border-radius: 0px 0px 0px 0px;
	border-width: 1px 0px 1px 0px;
	bottom: 60px;
}

div.modalbody.withstatusbar
{
	border-radius: 0px 0px 0px 0px;
	border-width: 1px 0px 1px 0px;
	bottom: 23px;
}

.withbuttonbar div.modalbody.withstatusbar
{
	border-radius: 0px 0px 0px 0px;
	bottom: 83px;
}

.modal-footer
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 10px;
	margin-top: 0px;
	text-align: center;
/*	border-top: 2px solid #e5e5e5;	*/
	min-height: 40px;
}

.withbuttonbar .modal-footer
{
	background-color: rgb(255,255,255);
}

.withstatusbar .modal-footer
{
	bottom: 23px;
}

.modal-footer .button_bar
{
	left: 0px !important;
	right: 0px !important;
}

.modal-footer .btn + .btn
{
	margin-bottom: 0;
	margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn
{
	margin-left: -1px;
}

.modal-footer .btn-block + .btn-block
{
	margin-left: 0;
}

div.modalstatusbar
{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 23px;
	padding: 0px 0px 0px 3px;
	border-radius: 0px 0px 4px 4px;
	background-color: rgb(100,100,100);
	color: rgb(255,255,255);
	overflow: hidden;
}

div.modalstatuslight
{
	position: absolute;
	display: table-cell;
	left: 3px;
	top: 5px;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	padding: 3px 3px 3px 3px;
	background-color: rgb(100,100,100);
}

div.statusinfo div.modalstatuslight
{
	background-color: rgb(150,150,150);
}

div.statuserror div.modalstatuslight
{
	background-color: rgb(240,0,0);
}

div.statuswarning div.modalstatuslight
{
	background-color: rgb(240,240,0);
}

div.statussuccess div.modalstatuslight
{
	background-color: rgb(0,150,0);
}

div.statusworking div.modalstatuslight
{
	visibility: hidden;
}

div.modalstatusworking
{
	position: absolute;
	display: inline;
	left: 1px;
	top: 0px;
	width: 28px;
	height: 22px;
	visibility: hidden;
}

div.statusworking div.modalstatusworking
{
	visibility: visible;
}

div.modalstatustext
{
	position: absolute;
	display: inline;
	left: 22px;
	bottom: 1px;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: bottom;
}

div.statusworking div.modalstatustext
{
	left: 30px;
}

div.modal_div {
	display: inline;
}

.modal-open {
	overflow: hidden;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
	display: none;
	overflow: auto;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.modal.fade .modal-dialog
{
/*	-webkit-transition: -webkit-transform 1.5s ease-out;
	   -moz-transition:    -moz-transform 1.5s ease-out;
	     -o-transition:      -o-transform 1.5s ease-out;
	        transition:         transform 1.5s ease-out;
	-webkit-transform: translate(0px, -1000px);
	    -ms-transform: translate(0px, -1000px);
	        transform: translate(0px, -1000px);		*/
//vDP-01.4-04
/*	-webkit-transform: rotate(-270deg) scale(0.01,0.01);
	    -ms-transform: rotate(-270deg) scale(0.01,0.01);
	        transform: rotate(-270deg) scale(0.01,0.01);
	-webkit-transition: -webkit-transform 0.2s ease-out;
	   -moz-transition:    -moz-transform 0.2s ease-out;
	     -o-transition:      -o-transform 0.2s ease-out;
	        transition:         transform 0.2s linear;*/
	-webkit-transform: scale(0.85);
	   -moz-transform: scale(0.85);
	     -o-transform: scale(0.85);
	        transform: scale(0.85);
	opacity: 0;
	-webkit-transition:  -webkit-transform 0.15s ease-out, opacity 0.15s ease-out;
	   -moz-transition:     -moz-transform 0.15s ease-out, opacity 0.15s ease-out;
	     -o-transition:       -o-transform 0.15s ease-out, opacity 0.15s ease-out;
	        transition:          transform 0.15s ease-out, opacity 0.15s ease-out;
//^DP-01.4-04
}

.modal.in .modal-dialog {
//vDP-01.4-04
//	-webkit-transform: translate(0, 0);
//	    -ms-transform: translate(0, 0);
//	        transform: translate(0, 0);
	opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
//^DP-01.4-04
}

.modal-dialog {
	position: relative;
	width: auto;
	height: auto;
	margin: 10px;
}

.modal-content {
	position: relative;
	background-color: rgb(235,245,248);
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 10px;
	outline: none;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.faded
{
	opacity: 0.50;
	 -webkit-transition: opacity 0.50s linear;
		-moz-transition: opacity 0.50s linear;
		  -o-transition: opacity 0.50s linear;
			 transition: opacity 0.50s linear;
}


/* Based on .modal-content */

.notification-content
{
	position: relative;
	background-color: rgb(110,160,110);
	color: rgb(255,255,255); /* White: #ffffff */
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 50;
	background-color: #000;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop.in {
	opacity: 0.5;
}

.modal-header {
	min-height: 16.42857143px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
	margin-top: -2px;
}

.modal-title {
	line-height: 1.42857143;
	font-size: 14pt;
	font-weight: bold;
	color: rgb(255,255,255);
	margin: 10px 0px 10px 0px;
	text-align: center;
}

.modal-body {
	position: relative;
/*	padding: 20px;*/
}

/* Only apply the following styles to devices with a viewport of 768px or greater */
@media (min-width: 768px) {
	.modal-dialog {
		width: 60%;
		margin: 30px auto;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
	.modal-sm {
		width: 40%;
	}

	.modal-md {
		width: 60%;
	}
}

/* Only apply the following styles to devices with a viewport of 992px or greater */
@media (min-width: 992px) {
	.modal-md {
		width: 60%;
		height: 60%;
	}

	.modal-lg {
		width: 80%;
		height: 80%;
	}
	.modal-xl {
		width: 95%;
		height: 95%;
	}
}

.modal-dlg .modal-sm
{
	width: 500px;
	overflow: auto;
	height: auto;
	display: block;
}

/*---------------- Pagination bar when displaying multiple pages -------------*/

input[type=range].itemsperpageslider
{
	display: inline-block;
/*	margin: 0px 0px 15px 0px;	*/
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	-webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track
{
	height: 5px;
	background: rgb(60,60,60);
	border: none;
	border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb
{
	-webkit-appearance: none;
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: rgb(110,140,110);
	margin-top: -4px;
}

input[type=range]:focus
{
	outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track
{
	background: rgb(60,60,60);
}


input[type=range]
{
	/* fix for FF unable to apply focus style bug  */
	border: 1px solid white; 
	/*required for proper track sizing in FF*/
	width: 300px;
}

input[type=range]::-moz-range-track
{
	width: 300px;
	height: 5px;
	background: rgb(60,60,60);
	border: none;
	border-radius: 3px;
}

input[type=range]::-moz-range-thumb
{
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: rgb(110,140,110);
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring
{
	outline: 1px solid white;
	outline-offset: -1px;
}



input[type=range]::-ms-track
{
/*	width: 300px;	*/
	height: 5px;
	background: transparent;
	/*leave room for the larger thumb to overflow with a transparent border */
	border-color: transparent;
	border-width: 6px 0;
	/*remove default tick marks*/
	color: transparent;
}

input[type=range]::-ms-fill-lower
{
	background: rgb(60,60,60);
	border-radius: 10px;
}

input[type=range]::-ms-fill-upper
{
	background: rgb(60,60,60);
	border-radius: 10px;
}

input[type=range]::-ms-thumb
{
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: rgb(110,140,110);
}

/*
input[type=range]:focus::-ms-fill-lower
{
	background: rgb(60,60,60);
}

input[type=range]:focus::-ms-fill-upper
{
	background: rgb(60,60,60);
}
*/





.pagination {
	display: inline-block;
	padding-left: 0px;
	margin: 15px 0px 0px 0px;
	border-radius: 4px;
}

.pagination > li {
	display: inline;
}

.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: rgb(100,200,100);
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #2a6496;
	background-color: #eee;
	border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 2;
	color: rgb(255,255,255);
	cursor: default;
	background-color: rgb(150,200,150);
	border-color: rgb(0,40,0);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #999;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 14px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none;
}

.pager li {
	display: inline;
}

.pager li > a,
.pager li > span {
	display: inline-block;
	padding: 0px 4px;
	background-color: #ff0000; /* #fff; */
	border: 1px solid #00ff00; /* #ddd; */
	border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
	text-decoration: none;
	background-color: #eee;
}

.pager .next > a,
.pager .next > span {
	float: right;
}

.pager .previous > a,
.pager .previous > span {
	float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
	color: #999;
	cursor: not-allowed;
	background-color: #fff;
}