html,
html body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: "Arial, Helvetica";
	/* default font face for Microsoft is Arial and Apple is Helvetica */
	font-style: normal;
	/* either italic or normal */
	font-weight: normal;
	/* 100..900, bold, bolder, lighter, normal */
	font-size: 16px;
	height: 100%;
}

html p {
	margin: 3px 0 13px;
	line-height: 1.5em;
}

a {
	color: #229AA7;
	text-decoration: none;
	cursor: pointer;
}

img {
	vertical-align: middle;
}

form label {
	display: block;
}

#header {
	/* background: #343434; */
	/*padding: 10px 10px 5px;*/
	height: 45px;
}


#header h1 {
	display: inline;
	font-size: 24px;
	text-transform: uppercase;
	color: white;
}

#header_bar {
	/* background: #333; */
	/*	text-align: right;*/
	padding: 10px;
	font-size: 11px;
	color: #fff;
	/* text-shadow: 0px 1px 1px #000; */
}

#header_bar a {
	/* text-shadow: 0px 1px 1px #000; */
	color: #fff;
}

#header_title {
	display: inline-block;
	line-height: 40px;
}

#header_profile {
	text-align: right;
	/* display: inline-block; */
	float: right;
}

#header_profile .profile-circle {
	width: 32px;
	height: 32px;
	overflow: hidden;
	border-radius: 50%;
	display: inline-block;
}

#header_profile .profile-circle>img {
	width: 32px;
}

#header_profile .profile-username {
	font-weight: 100;
	font-size: 1.5em;
	/* display: inline-block; */
	float: left;
	margin-right: 10px;
	top: 5px;
	position: relative;
}

#header_profile>ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header_profile>ul>li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px
}

.language-selection select {
	font-size: 10px !important;
}

#header_profile .fa {
	font-size: 1.75em;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content .arrow-up {
	width: 5px;
	height: 5px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f9f9f9;
	float: right;
	margin-right: 7px;
	margin-top: 1px;
}

/* ---- Notification ------ */

#notifications .notification-badge {
	background-color: #ff4141;
	padding: 3px 2px;
	width: 20px;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	right: -10px;
	text-align: center;
}

#notifications .dropdown-content {
	min-width: 300px;
	display: none;
	position: absolute;
	right: 0;
	min-width: 300px;
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
	z-index: 999;
	background-color: transparent;
	border-radius: 4px;
	text-align: left;
	padding-top: 4px;
}

#notifications .dropdown-notification-menu div.msg {
	color: #525252 !important;
	padding: 10px;
	text-decoration: none;
	display: block;
	font-size: inherit;
	letter-spacing: normal;
}

#notifications .dropdown-notification-menu div.msg.unread {
	background-color: #eee;
}

#notifications .dropdown-notification-menu div.msg:hover {
	background-color: #ddd;
}

#notifications .dropdown-notification-menu span.msg-time {
	color: #9c9c9c;
}

#notifications .dropdown-notification-menu span.msg-title a {
	text-decoration: underline;
}

#notifications .dropdown-notification-menu span.msg-title {
	display: block;
	margin-bottom: 5px;
}

#notifications .dropdown-notification-menu span.notification-menu-header {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	display: block;
	text-align: center;
	color: #222;
	font-weight: bold;
	letter-spacing: 1px;
}

#notifications .dropdown-notification-menu a.see-all {
	padding: 10px;
	display: block;
	text-align: center;
}

#notifications .dropdown-notification-menu a {
	color: #222 !important;
}

#notifications .dropdown-content .dropdown-notification-menu {
	background-color: #f9f9f9;
	margin-top: 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
	height: 334px;
}

#notifications .dropdown-notification-content {
	height: 265px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

#notifications .dropdown-content .arrow-up {
	margin-right: 1px;
}

/* --- Profile Dropdown -------------*/

.profile-dropdown .dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	min-width: 180px;
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
	z-index: 99;
	background-color: transparent;
	border-radius: 4px;
	text-align: left;
	padding-top: 4px;
}

.profile-dropdown .dropdown-content a {
	color: #7d7d7d !important;
	padding: 8px 10px;
	text-decoration: none;
	display: block;
	font-size: 1.2em;
}

.profile-dropdown .dropdown-content a:hover {
	background-color: #ddd;
}

.profile-dropdown:hover .dropdown-content {
	display: block;
}

.profile-dropdown .dropdown-content .profile-dropdown-menu {
	background-color: #f9f9f9;
	margin-top: 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

.profile-dropdown .dropdown-content>.profile-dropdown-menu>span.divider {
	height: 1px;
	background-color: #ccc;
	padding: 0;
	display: block;
}

.profile-dropdown .dropdown-content>.profile-dropdown-menu>span.header {
	display: block;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	color: #5a5a5a;
}



.push {
	height: 45px;
}

#footer_fill {
	height: 45px;
	clear: both;
	display: block;
}

#footer {
	display: block;
	bottom: 0px;
	left: 0px;
	width: 100%;
	float: left;
	padding: 0;
	color: #fff;
	/* text-shadow: 0px 1px 1px #000; */
	font-size: 12px;
	background: #353535;
	height: 35px;
	/*
	margin-top: 10px;
	position: relative;
	*/
	position: fixed;
	/* fixed at the bottom */
	/*z-index: 91;*/
	/* Commented out by George on 20210515 to place chatbox to the end of DOM document body */
}

#footer .footer_text {
	padding: 10px 10px 10px 15px;
	display: block;
}

h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
}

h1 {
	font-weight: 100;
	margin: 0;
	padding: 0;
}

h3 {
	margin: 15px 0 10px;
	font-weight: 100;
	padding: 0;
}


/* MENU STYLES */
#container_menu {
	margin-bottom: 40px;
	/* min-height: 64px; */
	/* background-color: #C9DCE4; */
	/* border-bottom: 1px solid #C9DCE4; */
}

/* #container_menu #menu{
	background: #353535;
} */

ul#top_menu,
ul#top_menu ul,
ul#top_menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#top_menu {
	margin-left: 30px;
	white-space: nowrap;
	/* Added by George on 20160412 to ensure top level menu stay one line. */
	overflow-x: hidden;
	/* Added by George on 20160412 to allow horizontal scrolling */
}

ul#top_menu>li {
	/*float: left;*/
	display: inline-block
		/* Modified by George to display:inline-block instead of float:left. This will allow them to respect white-space:nowrap in its parent <ul> */
}

.top_menu_arrow.left {
	cursor: pointer;
	position: fixed;
	left: 0;
}

.top_menu_arrow.right {
	cursor: pointer;
	position: fixed;
	right: 0;
}

ul#top_menu>li>a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #eee;
	text-align: right;
	font-size: inherit;
	font-weight: bold;
	text-transform: uppercase;
	/* font-weight: bold; */
	/* text-shadow: 0px 1px 3px #000; */
	margin-right: 5px;
}

ul#top_menu.lvl1>li.current>a,
ul#top_menu.lvl1>li.hover>a {
	color: #fff;
	-webkit-border-top-right-radius: 3px;
	-khtml-border-radius-topright: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-khtml-border-radius-topleft: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	/* text-shadow: 0px 1px 3px #fff; */
}

ul#top_menu.lvl1>li.current>a,
ul#top_menu.lvl1>li.current.hover>a {
	/* background: #cce6ec url('../images/effects-glow-top-1.png') top left repeat-x; */
	background-color: #565656;
}

ul#top_menu.lvl1>li.hover>a {
	/* background: #bddbdf url('../images/effects-glow-top-1.png') top left repeat-x; */
	background-color: #565656;
}

ul#top_menu>li>ul.lvl2 {
	position: absolute;
	left: 0;
	width: 100%;
	display: none;
	background-color: #757575;
}

ul#top_menu>li.hover>ul.lvl2 {
	display: block;
	z-index: 3;
	position: absolute;
}

ul#top_menu>li.current>ul.lvl2 {
	display: block;
	z-index: 2;
	position: absolute;
}

ul#top_menu>li.current>ul.lvl2,
ul#top_menu>li.current.hover>ul.lvl2 {
	background: #565656;
}

ul#top_menu ul.lvl2>li {
	float: left;
}

ul#top_menu ul.lvl2>li>a {
	display: block;
	text-transform: none;
	padding: 11px;
	/* margin: 6px 5px; */
	font-size: inherit;
	color: #FFFFFF;
	/* -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; */
	position: relative;
}

ul#top_menu ul.lvl2>li.has_sub>a {
	padding-right: 20px;
}

ul#top_menu ul.lvl2>li.has_sub>a>span {
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	height: 39px;
	width: 16px;
	background-image: url('../images/has_sub.png');
	background-position: center center;
	background-repeat: no-repeat;
}

/* ul#top_menu  ul.lvl2 > li.has_sub.hover > a > span{
	background-color: #d4e8ea;
	border-left: 1px solid #c5dcdf;
} */

/* ul#top_menu li.current > ul.lvl2 > li.current > a, ul#top_menu li.current > ul.lvl2 > li.hover > a{
	background: #c7e4e7 url('../images/effects-glow-top-1.png') top left repeat-x;
	border: 1px solid #a7cdd1;
	margin: 5px 4px;
	-moz-box-shadow: 0px 0px 1px #fff;
	-webkit-box-shadow: 0px 0px 1px #fff;
	box-shadow: 0px 0px 1px #fff; 
	For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#fff')";
	For IE 5.5 - 7
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#fff');
} */

ul#top_menu ul.lvl2>li.current>a,
ul#top_menu ul.lvl2>li.hover>a {
	/* background: #b9dee2 url('../images/effects-glow-top-1.png') top left repeat-x; */
	background-color: #A1A1A1;
	/* border: 1px solid #89becd; */
	/* margin: 5px 4px; */
	/* -moz-box-shadow: 0px 0px 1px #fff;
	-webkit-box-shadow: 0px 0px 1px #fff;
	box-shadow: 0px 0px 1px #fff; */
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#fff')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#fff'); */
}

ul#top_menu ul.lvl3 {
	margin-top: 0px;
	position: absolute;
	min-width: 150px;
	max-width: 160px;
	background-color: #A1A1A1;
	display: none;
}

ul#top_menu ul.lvl3 li {
	position: relative;
}

ul#top_menu ul.lvl3 ul {
	left: 150px;
	top: 0px;
	position: absolute;
	background-color: #BDBDBD;
	display: none;
	width: 150px;
}

ul#top_menu ul.lvl2 li.hover>ul {
	display: block;
}

ul#top_menu ul.lvl3 li a {
	padding: 10px;
	display: block;
	font-size: inherit;
	color: #fff;
	white-space: normal;
	/* border-top: 1px solid #b4d3d9; */
}

ul#top_menu ul.lvl3 li.hover>a {
	/* background: #d0eef4 url('../images/effects-glow-top-1.png') top left repeat-x; */
	background-color: #EEEEEE;
	color: #838383;
}

ul#top_menu ul.lvl3 li.has_sub>a {
	padding-right: 20px;
	background-image: url('../images/has_sub_right.png');
	background-position: right center;
	background-repeat: no-repeat;
}

/* END MENU STYLES */

#container_header {
	background-color: #353535;
	/*margin-bottom: 5px;*/
	/*
	box-shadow: 0 3px 5px rgba(0,0,0,0.26);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.26);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.26);
	*/
}

#container {
	/*position: relative;*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -45px;
}

#container_main {
	/*position: absolute;  auto move down when header div above overflowed */
	width: 100%;
	padding: 50px 5px 50px 5px;
	font-size: inherit;

	/*background: #fff url('../images/bg.png') bottom right no-repeat;*/
}

#container_location {
	margin-bottom: 10px;
	overflow: hidden;
	padding: 5px 0;
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid #ccc;
	/*box-shadow: 0 1px 2px rgba(0,0,0,.1);*/
	/* border-radius: 3px; */
}

.location_bar {
	float: left;
	padding: 0 15px;

}

/*#container_content_part{
	border: 1px solid #ccc; //George: border look nice when no background image
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	border-radius: 3px; 
}*/

.container_content {
	/*border: 1px solid #ccc;*/
	/* George: border look nice when no background image */
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.1);*/
	overflow-x: hidden;
	/*padding: 2px 3px;*/
	padding-top: 5px;
	position: relative;
	/*background-color: rgba(255,255,255,0.8);*/
	/* border: 1px solid #cacaca;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px; */
	/* -moz-box-shadow: 0px 0px 3px #dadada;
	-webkit-box-shadow: 0px 0px 3px #dadada;
	box-shadow: 0px 0px 3px #dadada;*/
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#dadada')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#dadada'); */
}

.container_content h2 {
	padding: 0;
	margin: 0 0 20px;
}

#container_left {
	float: left;
	width: 230px;
	margin-right: 15px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-right: 5px;
}

#container_left:hover .ui-resizable-handle {
	background-color: #dedede;
}

#container_left .block {
	border: none;
	/* -moz-box-shadow: 0px 0px 3px #dadada; */
	/* -webkit-box-shadow: 0px 0px 3px #dadada; */
	/* box-shadow: 0px 0px 3px #dadada; */
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#dadada')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#dadada'); */
}

#container_left .block .content {
	font-size: 11px;
	padding: 5px;
	background-color: #fff;
}


#container_right {
	float: right;
	width: 200px;
	margin-right: 5px;
	margin-top: 10px;
}


#container_right .block {
	border: none;
	-moz-box-shadow: 0px 0px 3px #dadada;
	-webkit-box-shadow: 0px 0px 3px #dadada;
	box-shadow: 0px 0px 3px #dadada;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#dadada')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#dadada');
}

#container_right .block .content {
	font-size: 11px;
}

/* default login style */

#login-body {
	background-color: #f0f0f0;
}

#login-wrap {
	width: 400px;
	margin: 0 auto;
	display: block;
	border: 1px solid #ddd;
	padding: 20px;
	margin-top: 5%;
	background-color: #fff;

	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-webkit-animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: bounceIn;
	-moz-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	animation-name: bounceIn;
	animation-fill-mode: both;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

#login-wrap>h1 {
	font-size: 20px;
	padding-bottom: 15px;
}

#login-wrap .input[type="text"],
#login-wrap .input[type="password"] {
	padding: 10px;
	width: 100%;
}

#login-wrap .buttons {
	margin-top: 10px;
}

#login-wrap label {
	font-size: 15px;
	margin-bottom: 5px;
	color: #646464;
}

/* Notifcation */

#notification_button {
	display: block;
	float: right;
	margin-right: 20px;
	font-size: 11px;
	color: #fff;
	/* text-shadow: 0px 1px 1px #000; */
	text-decoration: none;
	padding: 11px 11px 11px 25px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

#notification_button:hover {
	background-color: #757575;
}

.show_popup {
	background-image: url('../images/dn.gif');
	background-position: 8% 50%;
	background-repeat: no-repeat;
}

.hide_popup {
	background-image: url('../images/up.gif');
	background-position: 8% 50%;
	background-repeat: no-repeat;
}

#notification_popup {
	/*position: absolute;*/
	/*bottom: 40px;*/
	/*right: 20px;*/
	background: #F8F7E1;
	/*border: 1px solid #B3A672;*/
	margin: 0;
	padding: 0;
	/*width: 300px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;*/
	filter: alpha(opacity=90);
	/* internet explorer */
	-khtml-opacity: 0.9;
	/* khtml, old safari */
	-moz-opacity: 0.9;
	/* mozilla, netscape */
	opacity: 0.9;
	/* fx, safari, opera */
	/*overflow: hidden;*/
	/*max-height: 500px;*/
	z-index: 99;
}

#notification_popup:hover {
	filter: alpha(opacity=100);
	/* internet explorer */
	-khtml-opacity: 1.0;
	/* khtml, old safari */
	-moz-opacity: 1.0;
	/* mozilla, netscape */
	opacity: 1.0;
	/* fx, safari, opera */
}

#notification_popup li {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

#notification_popup li .msg img.read {
	position: absolute;
	top: 8px;
	right: 8px;
}

#notification_popup li a,
#notification_popup li span.msg {
	font-size: 10px;
	line-height: 1.5em;
	text-shadow: none;
}

#notification_popup li span.msg {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 6px;
	margin: 1px;
	background: #FFFFFF;
	/* -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px; */
}

#notification_popup li span.unread {
	background: #EAE282;
	border-radius: 0;
}

#notification_popup li#notification_view_all span.msg {
	background: #EFE3B5;
}

#notification_scrollbox {
	position: absolute !important;
	width: 300px;
	height: 300px;
	bottom: 35px;
	right: 20px;
	/*top: -305px;*/
	/*left:75%;*/
	border: 1px solid #B3A672;
	/* -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px; */
	overflow: hidden;
	background-color: #F8F7E4;
}

/* ------- end notification ----- */

.block {
	padding: 0;
	margin: 0 0 5px;
	font-size: 12px;

}

body ul,
body ol {
	margin: 0;
	padding: 0px 30px;
}

.block .content hr {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d3d3d3;
	border-left: 0;
	border-right: 0;
	margin: 5px 0;
}

.block .content {
	color: #333;
	line-height: 1.3em;
}

.container_content_sub {
	float: left;
	width: 100%;
}

.no_border {
	border: none;
}

.req {
	color: #EFA608;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

.inline {
	display: inline;
}

.hidden {
	display: none;
}

.align_right {
	text-align: right;
}

.align_center {
	text-align: center;
}

.css_right,
.float_right {
	float: right;
}

.css_left,
.float_left {
	float: left;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 0px;
	font-size: 0px;
}

.hide {
	display: none;
}

/*Nick added .show-notification for backend Notification display*/
.show,
.show_block,
.show-notification {
	display: block !important;
}

.show_inline {
	display: inline;
}

/* list css */

ul.list,
ul.list_links {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list li,
ul.list-striped li {
	padding: 5px;
}

ul.list.inline li {
	display: inline-block;
}

ul.list_links li a {
	margin: 0;
	padding: 0;
}

ul.list_links li a {
	margin: 0;
	padding: 6px;
	font-size: 11px;
	display: block;
}

ul.list-striped li:nth-child(odd),
ul.list_links li:nth-child(odd) a {
	background-color: #fff;
}

ul.list-striped li:nth-child(even),
ul.list_links li:nth-child(even) a {
	background-color: #f2f0e7;
}

ul.list-striped li:nth-child(odd):hover,
ul.list_links li:nth-child(odd) a:hover,
ul.list-striped li:nth-child(even):hover,
ul.list_links li:nth-child(even) a:hover {
	background-color: #D9ECF1;
	font-weight: bold;
}


ul.unpad,
ul.unpad ul {
	margin: 0;
	padding: 0;
}


.input {
	border: 1px solid #CBD9DB;
	color: #333;
	/*
	padding: 4px;
	font-size: 12px;
*/
	padding: 6px 4px;
	font-size: 16px;
}

.input_error {
	border: 1px solid #DF6F74;
}

/* select.input{
	padding: 3px;
} */

.dataTables_wrapper select[name^="DataTables"] {
	color: #333;
	padding: inherit;
}

.input_50,
.input_90,
.input_300,
.input_600 {
	color: #555;
}

.input_50 {
	width: 50px;
}

.input_90 {
	width: 90px;
}

.input_150 {
	width: 150px;
}

.input_300 {
	width: 300px;
}

.input_600 {
	max-width: 600px;
	width: 100%;
}

.input_100_per {
	width: 100%;
}


.note {
	display: block;
	font-size: 12px;
	color: #918272;
	padding: 3px 0px 5px;
	font-style: italic;
}


.location_bar .label {
	display: block;
	float: left;
	padding: 5px;
	font-size: 11px;
	color: #bbb;
}

.location_bar .location {
	display: block;
	float: left;
	padding: 5px 0px;
	margin-right: 10px;
	text-align: left;
	font-size: inherit;
	color: #888;
}


.location_bar .location.next {
	padding: 5px 20px 5px 0px;
	background: url('../images/right.gif') center right no-repeat;
}

body .location_bar .current a {
	font-weight: bold;
}

.location_bar .location a {
	color: #777;
}

.toolbar {
	/* border-top: 1px solid #fafafa; */
	/* border-bottom: 1px solid #e3e3e3; */
	padding: 2px 10px 2px 10px;
	display: inline-block;
	width: 100%;
	/*font-size: 11px;*/
}

.toolbar a {
	font-size: 12px;
}

.sub_toolbars .toolbar {
	background: #fff;
	padding: 5px 10px;
}

.search_bar .label {
	display: block;
	float: left;
	padding: 6px 15px 6px 0;
	font-size: 11px;
	font-weight: bold;
	color: #a5a5a5;
}

.toolbar.info_bar {
	padding: 6px 10px;
	font-size: 12px;
	color: #aaa;
}

.container_content .action_bar h2 {
	font-size: 20px;
	float: left;
	padding: 5px 10px;
	margin: 2px 0 4px;
	line-height: unset;
	font-weight: bold;
	/*text-shadow: 0px 1px 0px #fff;*/
	/*color: #777;*/
	background-color: rgba(231, 225, 206, 0.8);
	/* #e7e1ce */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

/* .toolbar .actions{
} */

.toolbar .actions a {
	display: block;
	float: right;
	margin: 2px;
	padding: 5px 10px;
	border: 1px solid #d9d3bd;
	font-size: 11px;
	color: #777;
	background-color: #e7e1ce;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.toolbar .actions a.icon {
	padding: 5px 10px 5px 26px;
	background-position: 5px 50%;
	background-repeat: no-repeat;
}

.toolbar .actions a:hover {
	background-color: #E3F8FA;
	border-color: #BED8DB;
	color: #777;
}

.toolbar .actions input {
	display: block;
	float: right;
	margin: 2px 0;
	padding: 5px 10px;
	border: 1px solid #fff;
	font-size: 11px;
	color: #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.toolbar .actions input.icon {
	padding: 5px 10px 5px 26px;
	background-position: 5px 50%;
	background-repeat: no-repeat;
}

.toolbar .actions input:hover {
	background-color: #E3F8FA;
	border-color: #BED8DB;
	color: #777;
}


.section div.buttons {
	border: none;
	margin: 0 4px 10px;
	height: 25px;
}

html .container_content div.buttons {
	padding: 0;
	border: none;
	margin: 10px 0 20px 0;
	/*height: 25px;*/
}

.container_content .section_content {
	padding: 10px;
	/* overflow: hidden; */
	/* page select menu issue*/
}

#section_content {
	padding: 10px;
}

#section_content_part {
	margin-right: 0px;
}

div.buttons select {
	font-size: 16px;
	margin: 5px 0;
}

a.button_container,
span.button_container {
	display: block;
	text-decoration: none;
	float: left;
	background: url('../images/button2.png') no-repeat center left;
	cursor: pointer;
}

a.button_container:hover {
	text-decoration: none;
}

a.button_container .content,
span.button_container input {
	display: block;
	margin: 0 0 0 15px;
	background: url('../images/button2.png') no-repeat center right;
	color: #444;
	border: none;
	font-size: 10px;
}

a.button_container .content {
	line-height: 0;
	padding: 16px 15px 14px 0;
}

span.button_container input {
	padding: 9px 15px 6px 0;
}


a.button_container:hover,
a.button_container:hover .content {
	background-image: url('../images/button2_hover.png');
	color: #bfa204;
}

span.button_container:hover,
span.button_container:hover input {
	background-image: url('../images/button2_hover.png');
	color: #bfa204;
}

.button {
	margin-top: -2px;
}

/*
.button, input.button{
	vertical-align: middle;
	display: inline;
	text-decoration: none;
	font-weight: normal;
	margin: 0 0 0 5px;
	padding: 4px 7px;
	border: none;
	background: #a43912;
	height: 22px;
	font-size: 10px;
	color: white;
	cursor: pointer;
	cursor: hand;
}

.button:hover, input.button:hover{
	background: #b9d8ee url('../images/gui_bg2.gif') center left repeat-x;
}
*/
#container form,
#container iframe {
	margin: 0;
	padding: 0;
}

/*table.long_width_data_table{
	overflow-x:auto !important;
}

table th, table td {
	box-sizing: initial;
}

table.data_table {
	width: 100%;
	/* border: 1px solid #fff;
	background: #fff;
}

table.data_table thead tr,
table.data_table tfoot tr{
	background: #e7e1ce url('../images/shine_bg.png') left center repeat-x;
}

table.data_table thead th,
table.data_table tfoot th{
	text-align: left;
	padding: 6px 10px;
	background-color: transparent;
	font-size: 16px;
	font-weight: normal;
	color: #888;
}

table.data_table thead th{
	background-position: right center;
	background-image: url("../images/arrow-unsorted.png");
	background-repeat: no-repeat;
	border-bottom: 1px solid #d9d3bd;
	cursor: pointer;
}

table.data_table.scrollx thead th {
	white-space: nowrap;
}

table.data_table thead th.thin{
	background-position: center center;
}

table.data_table thead th:hover{
	color: #7b761e;
	font-weight: bold;
}

table.data_table tfoot th{
	border-top: 1px solid #d9d3bd;
}

table.data_table thead th.sorting_asc,table.data_table thead th.sorting_desc{
	font-weight: bold;
	color: #7b761e;
}

table.data_table thead th.sorting_asc{
	background-image: url("../images/arrow-asc.png");
}

table.data_table thead th.sorting_desc{
	background-image: url("../images/arrow-desc.png");
}

table.data_table td{
	padding: 10px 10px;
	color: #555;
	vertical-align: middle;
}

table.data_table.scrollx td {
	white-space: nowrap;
}

table.data_table tr:hover td{
	background-color: #f5ebab;
	color: #444;
}

table.data_table tr:hover td.sorting_1{
	background-color: #ece19b;
	color: #444;
}

table.data_table tr.group{
	font-weight: bold;
	background-color: #ddd;
}


.highlight td{
	background:  rgb(240, 230, 157) !important;
	vertical-align: middle;
}

table.data_table .even td{
	background:  #f1eddf;
}

table.data_table .odd td{
	background:  #fff;
	vertical-align: middle;
}


table.data_table .even td.sorting_1{
	background: #e5dfcb;
}

table.data_table .odd td.sorting_1{
	background: #ece7d6;
}

table.data_table td.thin, table.data_table th.thin {
	padding-left:3px;
	padding-right:3px;
	width: 20px;
	text-align: center;
}

table.data_table td.thin_50, table.data_table th.thin_50{
	width: 50px;
	padding-left:8px;
	padding-right:3px;
}

table.data_table .icon{
	margin-right: 5px;
}

.dataTables_wrapper{
	border: 1px solid #d9d3bd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.dataTables_filter{
	text-align: right;
	background: #e7e1ce;
	padding: 5px 10px;
	border-bottom: 1px solid #d9d3bd;
	font-size: 11px;
	color: #777;
	min-height: 30px;
}

.dataTables_length{
	float: left;
	margin: 2px 10px;
	font-size: 11px;
	color: #777;
}

.dataTables_info{
	float: right;
	margin: 10px 10px;
	font-size: 11px;
	color: #777;
}

.dataTables_paginate{
	background: #e7e1ce;
	border-top: 1px solid #d9d3bd;
	padding: 5px 0;
	width: 100%;
	height: 1.8em;
	display: block;
	box-sizing: initial;
}

.dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_active,
.dataTables_paginate .ellipsis {
	float: left;
	display: block;
	padding: 3px 6px;
	border: 1px solid #ccc;
	background: #ece1bd url('../images/downlight_bg.png') left top repeat-x;
	font-size: 11px;
	color: #777;
	margin-right: -1px;
	cursor: pointer;
}

.dataTables_paginate .ellipsis {
	cursor: default;
}

.dataTables_paginate .paginate_active{
	background-color: #fff;
	font-weight: bold;
	color: #666;
}

.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button.current {
	background-color: #fff;
	color: #666;
}

.dataTables_paginate .paginate_button.first{
	margin-left: 7px;
	-webkit-border-bottom-left-radius: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-khtml-border-radius-topleft: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
}

.dataTables_paginate .paginate_button.last{
	-webkit-border-bottom-right-radius: 3px;
	-khtml-border-radius-bottomright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-khtml-border-radius-topright: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}*/

.action_button {
	padding: 3px 6px;
	border: 1px solid #ccc;
	background: #ece1bd url('../images/downlight_bg.png') left top repeat-x;
	font-size: 11px;
	color: #777;
	cursor: pointer;

}

.action_button:hover,
.action_button:active {
	background-color: #fff;
	color: #666;
}


.admin_table_section,
.panel_main {
	width: 850px;
	background: #DEF2F7;
	margin: 5px 0;
}

.panel_sub {
	width: 850px;
	background: #E7F9F8;
	margin: -5px 0 5px;
}


.admin_table_section .content,
.panel_main .content,
.panel_sub .content {
	padding: 10px;
}

.admin_table_wrapper {
	border: 1px solid #d9d3bd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.admin_table {
	margin: 0;
	padding: 1px;
	width: 100%;
}

.admin_table td,
.admin_table th {
	text-align: left;
	padding: 6px 10px;
	background-color: transparent;
	font-size: 12px;
	font-weight: normal;
	color: #888;
}

.admin_table td {
	padding: 5px 10px;
	color: #555;
}

.admin_table tr:nth-child(even) td {
	background: #f1eddf;
}

.admin_table tr:nth-child(odd) td {
	background: #fff;
}


.admin_table th {
	background: #e7e1ce url('../images/shine_bg.png') left center repeat-x;
	border-bottom: 1px solid #d9d3bd;
}

.admin_table tr:hover td {
	background-color: #f5ebab;
	color: #444;
}

.admin_table td.thin,
.admin_table th.thin {
	padding-left: 3px;
	padding-right: 3px;
	width: 20px;
	text-align: center;
}

.admin_table td.hide,
.admin_table th.hide {
	padding-left: 0px;
	padding-right: 0px;
	width: 0px;
}

.admin_table td.thin_100,
.admin_table th.thin_100 {
	width: 100px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}

.admin_table_wrapper .pagination {
	background: #e7e1ce;
	border-top: 1px solid #d9d3bd;
	padding: 5px 10px;
	height: 1.8em;
	display: block;
}

.pagination a,
.pagination b,
.pagination strong {
	float: left;
	display: block;
	padding: 3px 6px;
	border: 1px solid #ccc;
	font-size: 11px;
	margin-right: -1px;
	cursor: pointer;
}

.pagination a {
	background: #ece1bd url('../images/downlight_bg.png') left top repeat-x;
	color: #777;
}

.left_pagination {
	float: right;
}


.pagination b {
	background-color: #fff;
	color: #666;
}

.pagination strong {
	background: #ece1bd url('../images/downlight_bg.png') left top repeat-x;
	color: #777;
}

.align_center {
	text-align: center;
}


.summary_table_wrapper {
	border: 1px solid #d9d3bd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	width: 30%;
	min-width: 270px;
	float: left;
	margin: 0 5px 5px 0;
}

.summary_table_wrapper .heading {
	background: #e7e1ce url('../images/shine_bg.png') left center repeat-x;
	padding: 8px;
	border-bottom: 1px solid #d9d3bd;
	font-size: bold;
	font-weight: bold;
	color: #888;
}

.summary_table_wrapper.full {
	width: auto;
	float: none;
}


.summary_table {
	padding: 1px;
	width: 100%;
	margin: 0;
}

.summary_table td,
.summary_table th {
	text-align: left;
	padding: 6px 10px;
	background-color: transparent;
	font-size: 16px;
	font-weight: normal;
	color: #000;
}

.summary_table td {
	padding: 10px;
	color: #000;
}

.summary_table tr:nth-child(even) td {
	background: #9eb6f3;
}

.summary_table tr:nth-child(odd) td {
	background: #fff;
}


.summary_table th {
	background: #466fa9;
	border-bottom: 1px solid #466fa9;
	font-weight: bold;
	color: white;
}

.summary_table th.heading {
	background: #e7e1ce url('../images/shine_bg.png') left center repeat-x;
}

.summary_table tr:hover td {
	background-color: #aaede0;
	color: #444;
	font-weight: 600;
}

.summary_table td.thin,
.summary_table th.thin,
th.thin,
td.thin {
	padding-left: 3px;
	padding-right: 3px;
	width: 20px;
	text-align: center;
}



/* table td .field_textarea.small{

} */

table td .field_textarea.medium {
	height: 80px;
}

table td .field_textarea.large {
	height: 120px;
}

table td .field_text.small {
	min-width: 70px;
	width: 70px;
}

table td .field_text.medium {
	width: 150px;
}

/* table td .field_text.large{
} */

table td .field_select.small {
	width: 120px;
}

table td .field_select.medium {
	width: 180px;
}

/* table td .field_select.large{
} */

table.table_form,
table.table_form_clear {
	width: 100%;
	margin-bottom: 15px;
}

table.table_form>th {
	font-size: 11px;
	color: #7B9EA8;
	background: #E9F1F2;
	font-weight: bold;
	padding: 5px 20px;
	text-align: left;
	border-top: 1px solid #D7E8E9;
}

table.table_form>tr:nth-child(even)>td,
table.table_form>tbody>tr:nth-child(even)>td {
	background: #fff;
}

table.table_form>tr:nth-child(odd)>td,
table.table_form>tbody>tr:nth-child(odd)>td {
	border-top: 1px solid #E6EEEF;
	background: #F1F4F4;
}


table.table_form tr>td {
	vertical-align: top;
	padding: 8px 0 10px;
}

table.table_form td td {
	padding: 3px;
	vertical-align: middle;
}

/* table.table_form td.blank{
} */

table.table_form .field,
table.table_form .label {
	vertical-align: top;
	height: 100%;
}

table.table_form.vertical_form .label {
	width: 100%;
	font-size: 12px;
	text-align: left;
	float: none;
	padding: 0 5px;
	line-height: 1.5em;
	margin: 0;
	margin-bottom: 10px;
}

table.table_form .label {
	width: 150px;
	font-size: 12px;
	text-align: right;
	float: left;
	padding: 3px 5px;
	line-height: 1.5em;
	margin: 0;
}

table.table_form div.label label {
	display: block;
	color: #4D898E;
	/*	font-size: 12px;*/
	font-size: 16px;
	margin-top: 0px;
	/* margin-bottom: 5px; */
}

table.table_form.vertical_form div.field {
	margin-left: 0;
	font-size: 16px;
	color: #333;
	padding: 0 5px;
	line-height: 1.5em;
}

table.table_form div.field {
	margin-left: 160px;
	font-size: 16px;
	color: #333;
	padding: 0 5px;
	line-height: 1.5em;
}

table.table_form a {
	text-decoration: underline;
	/*color:#62acd1;*/
}

table.table_form .field_text,
table.table_form .field_textarea,
table.table_form .field_select {
	width: 75%;
	min-width: 100px;
}

table.table_form_clear fieldset {
	border-width: 1px 1px 0 0;
	border-style: dashed;
	border-color: #aaa;
	margin: 0;
	padding: 0;
}

table.table_form_clear fieldset legend {
	font-size: 11px;
	color: #999;
	background: #fff;
	padding: 0 15px;
	font-weight: bold;
}

table.table_form td.active .note,
table.table_form td.active.hover .note {
	color: #BA9938;
}

table.table_form td.hover .note {
	color: #999;
}

table.table_form .note,
table.table_form_clear .note {
	/*width:100%;*/
	color: #ccc;
	font-style: normal;
}

table.table_form td.active .input {
	-moz-box-shadow: 0px 0px 3px #FDB51B;
	-webkit-box-shadow: 0px 0px 3px #FDB51B;
	box-shadow: 0px 0px 3px #FDB51B;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#FDB51B')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#FDB51B');
}

table.table_form .field_item {
	margin-top: 10px;
}

table.table_form .table_form_listing {
	width: 90%;
}

table.table_form .table_form_listing th,
table.table_form .table_form_listing td {
	padding: 5px;
}

table.cols_2>tbody>tr>td,
table.cols_2>tr>td {
	width: 50%;
}

table.cols_3>tbody>tr>td,
table.cols_3>tr>td {
	width: 33%;
}


h3.header_form {
	padding: 5px 20px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0 0;
	background: #E3EEEF;
	border-top: 1px solid #BEDBDE;
	color: #60828B;
}

hr.hr_form {
	padding: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
	height: 0;
	margin: 0;

}

.form_controls {
	text-align: center;
	padding: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	background: #a3a3a3;
}


.full {
	width: 100%;
}

input.full {
	width: 95%;
}

a.selected {
	font-weight: bold;
	text-decoration: underline;
}

.dir_path {
	color: #555;
	background: #FFFFCF;
	margin: 0 0 10px;
	width: 850px;
}

.dir_path span {
	display: block;
	padding: 10px;
}


.info_box,
.error_box,
.success_box,
.warning_box {
	margin: 5px 0 10px;
}

.info_box ul,
.error_box ul,
.success_box ul,
.warning_box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.info_box div,
.error_box div,
.success_box div,
.warning_box div {
	padding: 10px 10px 10px 40px;
	margin: 3px 0;
	font-size: 11px;
	font-style: italic;
	border: 1px solid;
	background: 10px center no-repeat;
}

.info_box div {
	background-color: #D8E8EF;
	background-image: url('../images/info_box.png');
	border-color: #99CBDF;
	color: #1D7D9F;
}

.error_box div {
	background-color: #EFA9A4;
	background-image: url('../images/error_box.png');
	border-color: #DF6F74;
	color: #9F261D;
}

.success_box div {
	background-color: #A0E0C0;
	background-image: url('../images/success_box.png');
	border-color: #1BBE99;
	color: #226656;
}

.warning_box div {
	background-color: #FAE0A5;
	background-image: url('../images/warning_box.png');
	border-color: #F4B525;
	color: #C28D15;
}

.info_box a,
.error_box a,
.success_box a,
.warning_box a {
	text-decoration: underline;
}

.px300 {
	width: 300px;
}


.html_editor {
	display: block;
	width: 98%;
}

.editor {
	text-align: left;
	width: 99%;
	margin: 0;
	padding: 0;
	border: 0;
	background: #f4f4f4;
	overflow: auto;
}

.layout_preview,
.theme_preview {
	background: #fff;
	padding: 2px;
	border: 1px solid #aaa;
}

#file_manager_container {
	position: relative;
	height: 400px;
}

#file_manager_container iframe {
	width: 100%;
	height: 100%;
	overflow: auto;
}

#file_manager_container h2 {
	background-color: #EAECEE;
	margin: 0;
}

#access_container .group {
	margin: 0 0 5px 5px;
	border: 1px #bbb solid;
	width: 300px;
	float: left;
	padding: 1px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 3px #dadada;
	-webkit-box-shadow: 0px 0px 3px #dadada;
	box-shadow: 0px 0px 3px #dadada;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#dadada')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#dadada');
}

#access_container .group.active {
	border: 1px #ccbc86 solid;
}

#access_container .group .header {
	background: #e6e6e6 url('../images/effects-shine-top-1.png') bottom left repeat-x;
	font-weight: bold;
	border: none;
}

#access_container .group.active .header {
	background: #eee1b4 url('../images/effects-shine-top-1.png') bottom left repeat-x;
	border: none;
}

#access_container .group div {
	background: #f6f6f6;
	padding: 5px 10px;
	position: relative;
	vertical-align: middle;
	border-top: 1px solid #e3e3e3;
}

#access_container .group div.zebra {
	background: #eee;
}

#access_container .group.active div {
	background: #faf8f1;
	border-top: 1px solid #e9dfbd;
}

#access_container .group.active div.zebra {
	background: #f2e9c8;
}



#access_container .group input {
	clear: right;
	float: right;

}

/* #access_container .group span{
} */

#body_login {
	background: #ddd;
}

#container_login {
	margin: 100px auto;
	border: 1px solid #ccc;
	width: 330px;
	font-size: 12px;
	padding-top: 40px;
	background: #fff;
}

#container_login .pad {
	padding: 0px 40px 10px;
}

#container_login h2 {
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
	font-weight: 100;
	text-transform: uppercase;
}

#container_login input.text {
	width: 100%;
}

#container_login input.button {
	margin: 0 10px;
}

#container_login .buttons {
	background: #fff;
	text-align: center;
	padding: 0px 40px 40px;
}

#container_login .info_box,
#container_login .error_box {
	width: 100%;
}


.display_options_block span {
	display: block;
	margin-top: 5px;
}

.display_options_block select {
	display: block;
	width: 100%;
}

.display_options_block input {
	margin-top: 10px;
}

#options_container div {
	padding: 5px 0;
}

#container_right .block,
#container_left .block,
.homepage .block {
	margin-bottom: 10px;
	/* background: #fff url('../images/block_bg.png') top left repeat-x; */
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	/* -webkit-border-radius: 5px; */
	-khtml-border-radius: 5px;
	/* border-radius: 3px; */
	/* padding-bottom: 5px; */
	/*box-shadow: 0 1px 2px rgba(0,0,0,.1);*/
}


.homepage .block {
	-moz-box-shadow: 0px 0px 3px #dadada;
	-webkit-box-shadow: 0px 0px 3px #dadada;
	box-shadow: 0px 0px 3px #dadada;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#dadada')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#dadada');
}

#container_right .block .block_label,
#container_left .block .block_label,
.homepage .block .block_label {
	font-size: 13px;
	display: block;
	/* font-weight: bold; */
	color: #777;
	background-color: #EAEBF0;
	border-bottom: 1px solid #d3d3d3;
	/* border-top: 1px solid #fff; */
	-webkit-border-top-left-radius: 3px;
	-khtml-border-radius-topleft: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-khtml-border-radius-topright: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}


#container_right .block .content .block_label,
#container_left .block .content .block_label {
	border-top: none;
}

#container_right .block .block_label a,
#container_left .block .block_label a {
	color: #888;
}

#container_right .block .padded,
#container_left .block .padded,
.homepage .block .padded {
	padding: 7px 10px;
}



#container_left .blocks_accordion .msg {
	font-size: 11px;
	margin: 5px;
	color: #999;
	display: block;
	line-height: 1.5em;
	text-align: center;
}

.block_scroller_block .content {
	/*padding: 10px;*/
	overflow: hidden;
}

.block_scroller_block .content div {
	overflow: hidden;
}

.block_scroller_block .content .scroller_horizontal {
	white-space: nowrap;
}

.block_html_block .content,
#container_left .block_html_block .content,
#container_right .block_html_block .content {
	padding: 10px;
}

.block.block_vertical_menu .content ul {
	margin: 0;
}

#homepage_left {
	float: left;
	width: 49%;
}

#homepage_right {
	margin-left: 50%;
}


.tabs_container .tabs {
	font-size: 11px;
}

.tabs_container .content {
	font-size: 12px;
}

.width_full {
	width: 100%;
}


.property_table .property {
	padding: 3px 20px 3px 0px;
	color: #666;
	width: 130px;
	display: block;
	/*float: left;*/
}

.property_table .value {
	padding: 3px 0px 3px 20px;
	/*display: block;*/
}

/*.divider{
	padding: 5px;
}*/

.divider hr {
	border: none;
	height: 1px;
	background: #ccc;
}

div.preview {
	float: right;
	text-align: center;
	width: 200px;
	padding: 0 0 10px 10px;
	margin: 0 0 10px 10px;
	background: #fff;
}

/* div.preview img{
} */

.data_label {
	font-weight: bold;
	color: #444;
}

.data_value {
	color: #80796b;
}

.field_header {
	border-bottom: 1px solid #ddd;
	width: 100%;
	margin: 20px 0 10px;
	float: left;
}

.field_header span {
	background: #fff;
	margin-bottom: -0.5em;
	margin-top: -0.7em;
	margin-left: 0px;
	float: left;
	padding: 0 10px 0 0;
	color: #999;
	font-weight: bold;
}

.context_menu {
	z-index: 100;
}


/*#workspace_header{

	position: absolute;
	top: 20px;
	left: 10px;

	*padding: 5px 10px;
}*/


#workspace_header .current {
	font-size: 24px;
	color: #fff;
	display: -webkit-inline-box;
	/*added by shero 20170920*/
	/* font-weight: bold;
	text-shadow: 0px 2px 4px #000; */
	/*	float: left;*/
}

#workspace_header .switch {
	font-size: 11px;
	color: #E8E8E8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	/*
  float: left;
  display: block;
*/
	margin-top: 3px;
	margin-left: 10px;
	/* text-shadow: 0px 1px 1px #222; */
	border: 1px solid #E2E2E2;
}

#workspace_header .switch:hover {
	/* background: #C8C8C8; */
	color: #888;
	border-color: #888;
}

#workspace_switch_list .row {
	margin: 5px;
	border: 1px solid #aaa;
	background: #eee;
	padding: 10px;
}

#workspace_switch_list .row h3 {
	font-size: 16px;
	font-weight: 100;
	margin: 0;
	padding: 0;
}

#workspace_switch_list .row .info {
	font-size: 11px;
	color: #999;
	font-style: italic;
	display: block;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 5px 0;
}

#workspace_switch_list .row .description {
	font-size: 12px;
	color: #333;
	margin-bottom: 10px;
}

#workspace_switch_list .row .link {
	font-size: 11px;
	background: #999;
	color: #fff;
	padding: 3px;
}



#targets_list_container,
.targets_list_container {
	overflow: auto;
	margin-top: 5px;
	margin-right: 40px;
	border: 1px solid #ddd;
	background: #eee;
	height: 130px;
	font-size: 11px;
	color: #333;
	width: 300px;
}

#targets_list,
#targets_list li,
.targets_list,
.targets_list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#targets_list a,
.targets_list a {
	display: block;
	padding: 3px 5px 3px 24px;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	color: #333;

	text-decoration: none !important;
}

#targets_list a.highlight,
.targets_list a.highlight {
	background-color: #F2EDC9;
	font-weight: bold;
}

#targets_list a:hover,
.targets_list a:hover {
	background-color: #FBF6D6;
	font-weight: bold;
}


#permissions_list_container {
	overflow: auto;
	margin-right: 40px;
	border: 2px solid #aaa;
	background: #eee;
	height: 130px;
}

.permissions_list {
	display: none;
}

.permission_item {
	padding: 3px 5px;
	border-bottom: 1px solid #ccc;
	background: #f3f3f3;
}

#permissions_list_container label {
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 11px;
	color: #333;
}

a.target_user {
	background: url('../images/user.png') 1% 50% no-repeat;
}

a.target_division {
	background: url('../images/admin/folder.png') 1% 50% no-repeat;
}

a.target_group {
	background: url('../images/group.png') 1% 50% no-repeat;
}

a.target_workspace {
	background: url('../images/workspace.png') 1% 50% no-repeat;
}

#targets_list a.accepted {
	background-color: #d7f1ef;
}

#targets_list a.declined {
	background-color: #eccece;
}

/* #targets_list a.accepted.target_user{
	background-image: url('../images/user_accepted.png');
} */

#targets_list a.declined.target_user {
	background-image: url('../images/user_declined.png');
}

/* #targets_list a.accepted.target_group{
	background-image: url('../images/group_accepted.png');
} */

#targets_list a.declined.target_group {
	background-image: url('../images/group_declined.png');
}

/* #targets_list a.accepted.target_workspace{
	background-image: url('../images/workspace_accepted.png');
} */

#targets_list a.declined.target_workspace {
	background-image: url('../images/workspace_declined.png');
}


/*
   Note: There is a conflicting ".row" class in framework.css from architect UI
   Solution: Explictly define here what you need e.g. margin-left, margin-rigtn.
 */
#container_right .block .row,
#container_left .block .row {
	padding: 4px 6px 6px;
	margin-left: auto;
	margin-right: auto;
}

#container_right .block .row.border,
#container_left .block .row.border {
	border-bottom: 1px solid #ddd;
}

#container_right .block .row label,
#container_left .block .row label {
	font-size: 11px;
	font-weight: bold;
	color: #777;
	margin: 0 0 2px 2px;
	display: block;
}

#container_right .block .row input,
#container_right .block .row select,
#container_right .block .row textarea,
#container_left .block .row input,
#container_left .block .row select,
#container_left .block .row textarea {
	font-size: 12px;
}


#activity_stream {
	background-color: rgba(255, 255, 255, 0.8);
}

#activity_stream .item {
	padding: 5px 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 5px;
}

#search_block {
	position: absolute;
	top: 30px;
	right: 10px;
	background: #343434;
}

#search_block_text {
	font-size: 12px;
	padding: 3px;
	margin-right: 5px;
	background: #fff url('../images/effects-shadow-top-1.png') bottom left repeat-x;
	border: 1px solid #fff;
	color: #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

#search_block_types {
	font-size: 12px;
	padding: 3px;
	margin-right: 5px;
	color: #666;
}

#search_block_button {
	font-size: 11px;
	padding: 3px;
}

#activity_stream .preview {
	float: left;

}

#activity_stream .msg {
	display: block;
	padding: 4px;
	margin-left: 40px;
	color: #333;
}

#activity_stream .time {
	font-style: italic;
	color: #999;
	font-size: 11px;
	margin-left: 5px;
}

.activity_bar ul#activity_types {
	margin: 0;
	padding: 0;
	list-style: none;
}

.activity_bar ul#activity_types li {
	margin: 0 10px 0 5px;
	padding: 0;
	float: left;
	padding: 5px;
}

.activity_bar ul#activity_types li a {
	color: #aaa;
	font-size: 11px;
}

.activity_bar ul#activity_types li.current a {
	color: #333;
	font-weight: bold;
}

.activity_bar .label {
	display: block;
	float: left;
	padding: 5px;
	font-size: 11px;
	color: #bbb;
}


#profile_pic {
	text-align: center;
}

#profile_pic img {
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
	margin-right: 10px;
}


.block_type_1 {
	margin-bottom: 10px;
	border: 1px solid #BEDBDE;
}

.block_type_1 div.block_label {
	padding: 10px;
	font-weight: bold;
	background: #E3EEEF;
	border-top: 1px solid #BEDBDE;
	color: #60828B;
}

/* .block_type_1 div.content{
	padding: 5px;
} */

.table_type_1 {
	border: none;
	margin: 0px;
	padding: 0;
	width: 100%;
}

.table_type_1 th.label {
	width: 140px;
	text-align: left;
	font-weight: bold;
	color: #777;
	padding-bottom: 3px;
}

.table_type_1 td.data {
	text-align: left;
	color: #333;
	padding-bottom: 3px;
	padding-left: 10px;
}

.ui-datepicker-trigger {
	display: none;
}

#ui-datepicker-div {
	display: none;
	z-index: 100 !important;
}

.link {
	background: none !important;
	border: none;
	padding: 0 !important;
}


.web_statistic_setting td {
	border-color: white;
	border-style: solid;
	border-width: 1px;
	padding: 6px;
}

.loading {
	background-image: url('../images/admin/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
	height: 50px;
	width: 50px;
	background-color: #fff;
	padding: 5px;
	margin: 0 auto;
	border-radius: 50%;
}

.loading.size-64 {
	background-image: url('../images/admin/loading64.gif');
	min-height: 80px;
	width: 80px;
}

/*Fix for footer border*/
.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: none !important;
}

/*remove default up / down arrow*/
table.dataTable thead .sorting {
	background-image: none !important;
}

.dataTables_wrapper {
	position: relative;
	clear: both;
	_height: 302px;
	zoom: 1;
	/* Feeling sorry for IE */
}

div.dataTables_wrapper div.dataTables_processing {
	top: 15%;
	left: 45%;
	border: 1px solid #ffcccc8c;
	color: #ff8d8d;
	background: #fff5f5;
	height: 50px;
	width: 250px;
	box-shadow: 0px 0px 100px 1000px #00000020;
	cursor: progress;
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 45%;
	width: 54px;
	height: 54px;
	/*
	margin-left: -125px;
	margin-top: -15px;
*/
	padding-bottom: 20px;
	border: 1px solid #B1B1B1;
	text-align: center;
	color: #999;
	font-size: 16px;
	background-color: white;
	z-index: 99;
}

.sort_none {
	background-image: none !important;
	cursor: default !important;
}

.page_load_hide {
	display: none;
}

/* Buttons (Submit, Save, Save & Close) */
/* comma means OR */
input[type="submit"].ui-button.ui-state-default,
input[type="submit"].button {
	/*background: #2672ec;*/
	/* light blue */
	background: dodgerblue;
	/* royalblue; steelblue; deepskyblue; */
	color: white;
	border: none;
	border-radius: 4px;
	padding: 8px 16px;
}

.ui-button-text-only .ui-button-text {
	/*white-space: pre;*/
	padding: 8px 16px;
}

button.ui-button.ui-state-default,
button.button {
	background: grey;
	color: white;
	border: none;
	border-radius: 4px;
}

a.button {
	background: grey;
	color: white;
	border: none;
	border-radius: 4px;
	padding: 10px 20px;
	font-size: 1em;
}

/* Buttons (Back, Reset, Close) */
a.ui-button.ui-state-default,
input.ui-button.ui-state-default {
	/*background: #888888; /* grey */
	background: grey;
	color: white;
	border: none;
	border-radius: 4px;
}

a.ui-button.ui-state-default {
	padding: 0px;
}

input.ui-button.ui-state-default {
	padding: 8px 16px;
}

input[type="reset"].ui-button.ui-state-default {
	padding: 10px 20px;
}

input.ui-button.ui-state-default:hover {
	background: #e03838;
}

/* Tabs */
.sys-tabs {
	padding: 0px;
	background: none;
	border-width: 0px;
}

.sys-tabs .ui-tabs-nav {
	padding-left: 0px;
	background: transparent;
	border-width: 0px 0px 1px 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.sys-tabs .ui-tabs-panel {
	border-width: 0px 1px 1px 1px;
	border: none;
	/*padding: 1em 0;*/
	/* George: create a gap between tab and the div below */
	background-color: #fff;
	/* George: fill up the gap with white color */
}

.sys-tabs .ui-state-default {
	/* border:none; */
	background-image: none;
	/* George: hide jquery-ui default image */
}

.sys-tabs .ui-state-active {
	border: 1px solid #AAA;
}

.sys-tabs .ui-tabs-nav .ui-tabs-active {
	margin-bottom: 0;
}

.sys-tabs .ui-widget-header .ui-state-active {
	background: #ffffff;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	outline: none;
	color: #333;
	font-size: 16px;
}

.ui-widget {
	font-family: inherit;
	font-size: inherit;
}


/* fixed box sizing issue */
#cboxLoadedContent,
#cboxContent,
.sub_handle {
	box-sizing: initial !important;
	-webkit-box-sizing: initial !important;
	-moz-box-sizing: initial !important;
}

.panel-list {
	list-style: none;
	padding: 5px;
	margin: 0;
}

.panel-list li {
	border-bottom: 1px solid #E0E0E0;
	padding: 5px 0;
}

/*admin charm menu*/
.admin_menu {
	position: fixed;
	top: 0;
	z-index: 10000;
	background: #333;
}

.left {
	left: 0;
}

.right {
	right: 0;
}

.admin_icon {
	margin-top: -30px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.admin_menu>.multilevelpushmenu_wrapper {
	position: absolute;
	overflow: hidden;
	min-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

.admin_menu>.multilevelpushmenu_wrapper .levelHolderClass {
	position: absolute;
	overflow: hidden;
	top: 0;
	background: #333333;
	/* opacity:0.9; */
	width: auto;
	min-height: 100%;
	font-size: 1em;
	zoom: 1;
	height: 100%;
	overflow-y: auto;
}

.admin_menu>.multilevelpushmenu_wrapper .ltr {
	margin-left: -100%;
	left: 0;
	-moz-box-shadow: 5px 0 5px -5px #444444;
	-webkit-box-shadow: 5px 0 5px -5px #444444;
	box-shadow: 5px 0 5px -5px #444444;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164, direction=90, strength=2);
}

.admin_menu>.multilevelpushmenu_wrapper .rtl {
	margin-right: -100%;
	right: 0;
	-moz-box-shadow: 5px 0 5px 5px #1f4164;
	-webkit-box-shadow: 5px 0 5px 5px #1f4164;
	box-shadow: 5px 0 5px 5px #1f4164;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164, direction=270, strength=2);
}

.admin_menu>.multilevelpushmenu_wrapper .multilevelpushmenu_inactive {
	background: #333333;
	/* opacity:0.9; */
}

.admin_menu>.multilevelpushmenu_wrapper h2 {
	font-size: 16px;
	line-height: 4em;
	font-weight: bold;
	color: white;
	padding: 0 .4em 0 .4em;
	border-bottom: 1px solid #555;
	background-color: #333333;
}

.admin_menu>.multilevelpushmenu_wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.admin_menu>.multilevelpushmenu_wrapper li {
	/* text-align:center; */
	cursor: pointer;
	/* border-top: 1px solid #295685; */
	/* float:left; */
	/* width:49%; */
	background-color: #444;
	border-top: 1px solid #555;
	border-bottom: 1px solid #2a2a2a;
}

/* .admin_menu > .multilevelpushmenu_wrapper li:first-child {
	border-top: 1px solid #295685;
} */

/* .admin_menu > .multilevelpushmenu_wrapper li:last-child {
	border-bottom: 1px solid #295685;
} */

.admin_menu>.multilevelpushmenu_wrapper li:hover {
	background-color: #333333;
}

.admin_menu>.multilevelpushmenu_wrapper a {
	display: block;
	outline: none;
	overflow: hidden;
	font-size: 12px;
	line-height: 1em;
	padding: 10px;
	text-decoration: none;
	color: #fff;
	text-align: left;
}

.admin_menu>.multilevelpushmenu_wrapper a:hover {
	color: #ffe;
}

.admin_menu>.multilevelpushmenu_wrapper .backItemClass {
	display: block;
	padding: .4em .4em .4em .4em;
	background-color: #444;
	border-top: 1px solid #555;
	border-bottom: 1px solid #2a2a2a;
}

.admin_menu>.multilevelpushmenu_wrapper .backItemClass:hover {
	background-color: #333;
}

.admin_menu>.multilevelpushmenu_wrapper .floatRight {
	float: right;
}

.admin_menu>.multilevelpushmenu_wrapper .floatLeft {
	float: right;
}

.admin_menu>.multilevelpushmenu_wrapper .cursorPointer {
	cursor: pointer;
	line-height: 4em;
}

.admin_menu>.multilevelpushmenu_wrapper .iconSpacing_ltr {
	padding: 0 .4em 0 0;
}

.admin_menu>.multilevelpushmenu_wrapper .iconSpacing_rtl {
	padding: 0 0 0 .4em;
}

.li_style {
	width: 50%;
	float: left;
	/* height:150px; */
}

.preview_container .preview_image {
	max-width: 300px;
	max-height: 200px;
}

table.table_transparent.vertical-form .label,
table.table_form.vertical-form .label {
	width: 100%;
	text-align: left;
}

table.table_transparent.vertical-form div.field,
table.table_form.vertical-form div.field {
	margin-left: 0px;
}

.help-box {
	/*
	padding: 15px;
	border: 1px solid #DDD;
	margin-bottom: 10px;
*/

	padding: 15px;
	background-color: #dceffd;
	margin-bottom: 20px;
}

/* ------------ datatable responsive ---------------- */

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
	top: 3px;
	left: 5px;
}

/* ------------ jquery ui dialog css ----------------*/

.dialog-css-editor .ui-widget-header {
	border: 0;
	border-bottom: 1px solid #AAA;
	border-radius: 0;
	background: none;
}

.dialog-css-editor .ui-dialog-buttonpane {
	margin-top: 0px;
	padding: 0px;
}

.dialog-css-editor .ui-button-text-only .ui-button-text {
	padding: 5px 15px;
}


/* -------------------- transparent table -------------------------------*/


table.table_transparent,
table.table_form_clear {
	width: 100%;
	margin-bottom: 15px;
}

table.table_transparent th {
	font-weight: bold;
	padding: 8px 0 10px;
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
}


table.table_transparent td {
	vertical-align: top;
	padding: 8px 0 10px;
}

table.table_transparent td td {
	padding: 0;
}


table.table_transparent .field,
table.table_transparent .label {
	vertical-align: top;
	height: 100%;
}

table.table_transparent .label {
	width: 150px;
	font-size: 12px;
	text-align: right;
	float: left;
	padding: 0 5px;
	line-height: 1.5em;
	margin: 0;
}

table.table_transparent div.label label {
	display: block;
	color: #4D898E;
	font-size: 16px;
	margin-top: 2px;
	margin-bottom: 5px;
}

table.table_transparent div.field {
	margin-left: 160px;
	font-size: 12px;
	color: #333;
	padding: 0 5px;
	line-height: 1.5em;
}

table.table_transparent a {
	text-decoration: underline;
	/*color:#62acd1;*/
}

table.table_transparent .field_text,
table.table_transparent .field_textarea,
table.table_transparent .field_select {
	width: 75%;
	min-width: 100px;
}

table.table_form_clear fieldset {
	border-width: 1px 1px 0 0;
	border-style: dashed;
	border-color: #aaa;
	margin: 0;
	padding: 0;
}

table.table_form_clear fieldset legend {
	font-size: 11px;
	color: #999;
	background: #fff;
	padding: 0 15px;
	font-weight: bold;
}

table.table_transparent td.active .note,
table.table_transparent td.active.hover .note {
	color: #BA9938;
}

table.table_transparent td.hover .note {
	color: #999;
}

table.table_transparent .note,
table.table_form_clear .note {
	width: 100%;
	color: #ccc;
	font-style: normal;
}

table.table_transparent td.active .input {
	-moz-box-shadow: 0px 0px 3px #FDB51B;
	-webkit-box-shadow: 0px 0px 3px #FDB51B;
	box-shadow: 0px 0px 3px #FDB51B;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#FDB51B')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#FDB51B');
}

table.table_transparent .field_item {
	margin-top: 10px;
}

table.table_transparent .table_form_listing {
	width: 90%;
}

table.table_transparent .table_form_listing th,
table.table_transparent .table_form_listing td {
	padding: 5px;
}

table.cols_2>tbody>tr>td,
table.cols_2>tr>td {
	width: 50%;
}

table.cols_3>tbody>tr>td,
table.cols_3>tr>td {
	width: 33%;
}


/* --------------------end transparent table ----------------------------------*/

@media screen and (max-width: 768px) {

	table.table_form .label,
	table.table_transparent .label {
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
		float: none;
	}

	table.table_form div.field,
	table.table_transparent div.field {
		margin: 0;
	}

	#container_left {
		float: none;
		width: 100%;
	}

	.container_content {
		overflow-x: visible;
	}
}

@media screen and (max-width: 481px) {
	.input {
		width: 100%;
	}

	#login-wrap {
		width: 100%;
		margin-top: 100px;
	}

	/* added by nick for all select2 responsiveness 20190214 */
	.select2 {
		width: 100% !important;
	}
}

/* George: Who know what is this for? Is it thrying to make room for 3rd level menu line?
   Nick : Not sure. 20190214 
@media screen and (max-width: 1030px) {

	#container_menu {
		margin-bottom:40px;
	}
}


@media screen and (max-width: 540px) {

	#container_menu {
		margin-bottom:70px;
	}
}
*/

.tabs_bar ul,
.tabs_bar ol {
	padding: 0px;
}

.fullscreen-dashboard {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	/* background: #fff !important; */
}


/*
.button{
    border: 1px solid #d3d3d3;
	font-weight: normal;
	color: #555555;
    padding: .4em 1em;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.button:hover {
	border: 1px solid #999999;
    background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
*/

#div_edit {
	border: 1px solid #ddd;
	margin-top: 10px;
	padding: 10px;
	display: block;
	background-color: #E6E6E6;
	position: relative;
}

#div_edit>#update_btn {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#div_edit label {
	display: block;
	font-weight: bold;
}

.div_edit_left {
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	background-color: #fff;
	height: 260px;
	min-width: 160px;
	overflow-y: auto;
}

.div_edit_right {
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	padding: 10px;
	display: inline-block;
	background-color: #fff;
}

.action-panel>* {
	display: inline-block;
}

#edit_action>.column {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
}

#edit_action>.column>.edit-option {
	margin-bottom: 8px;
}

#list_users>div {
	padding: 3px 0px;
}

#list_users>div:hover {
	text-decoration: underline;
}

.multi-edit-title {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
}

/* example table fields at users setting page */

.table-fields {
	width: 450px;
}

.table-fields>thead th:first-child {
	text-align: left;
}

.table-fields>thead {
	border-bottom: 1px solid #888;
}

.table-fields>tbody td:first-child {
	text-align: left;
}

.table-fields>thead th,
.table-fields>tbody td {
	padding: 5px;
}

.table-fields>tbody td {
	text-align: center;
}

.table-fields>tbody tr:hover {
	background-color: #D1ECFF;
}

.table-fields>tbody td>input[type="checkbox"] {
	display: block;
	margin: 0 auto;
}

/* end table fields */

/* select-2 select dropdown */
.select2-container {
	margin-top: -3px !important;
}

.select2-container .select2-selection--single {
	height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 32px !important;
}

/* end select-2 select dropdown */

.invalid-row td {
	background: #ffafaf !important;
}

/* for import modules */
.notice_box {
	padding: 10px;
	background-color: #FFD1D1;
	margin-bottom: 5px;
}

/*-------added by Shero 20170920 to adjust the admin menu and oercome the menu overflow breadcrumb issues-------*/
#header_bar {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
}

ul#top_menu>li>a {
	padding: 8px;
}

ul#top_menu ul.lvl2>li>a {
	padding: 8px;
}

ul#top_menu ul.lvl3 li a {
	padding: 8px;
}

ul#top_menu {
	overflow: hidden;
}

ul#top_menu>li>a {
	display: -webkit-inline-box;
}

ul#top_menu>li {
	display: inline;
}

/*ul#top_menu > li > div{
    position: fixed;
    display: -webkit-box;
	}*/

ul#top_menu>li>a {
	display: inline-block;
}

/* ul#top_menu > li.hover > ul.lvl2 {
    position: absolute;
	} */

/* ul#top_menu > li > ul.lvl2,ul#top_menu > li.current.hover > ul.lvl2 {
	   position: static;
	  left: 0;
	  float: left
	} */
ul#top_menu>li.current>div>ul.lvl2 {
	display: block;
	z-index: 2;
}

ul#top_menu ul.lvl3 {
	z-index: 999;
}

/*-------end admin menu-------*/
#container_main {
	padding-top: 5px
}

.toolbar {
	padding: 0px 7px 0px 11px;
}

#container_location {
	margin-bottom: 5px;
	padding: 3px 0;
}

/*-------end added by Shero 20170920 to adjust the admin menu and oercome the menu overflow breadcrumb issues-------*/

/* added by nick to show disabled color for select (dropdownlists) */
select:disabled {
	background-color: rgb(235, 235, 228);
}

/* Display Ajax Loading Div */
.ajax-loader {
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
	top: 0;
	z-index: 9999999;
	background: #00000033;
}

/* Fixed progressbar padding issue: Raj 20260107 */
.jq-toast-wrap .jq-toast-loader,
.jq-toast-wrap .close-jq-toast-single {
	margin: 0px !important;
	padding: 0px !important;
}


@media only screen and (max-device-width: 768px) {
	.jstree-default .jstree-anchor {
		height: auto !important;
		white-space: normal;
	}
}