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: 14px;
	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: 14px;
	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: 14px;
}

.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;
	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: 14px;
	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: 14px;
	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: 12px;
	font-weight: normal;
	color: #888;
}

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

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

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


.summary_table th{
	background: #E7E1CF;
	border-bottom: 1px solid #d9d3bd;
	font-weight: bold;
}

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

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

.summary_table td.thin, .summary_table th.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: 0 5px;
	line-height: 1.5em;
	margin: 0;
}

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

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

table.table_form div.field{
	margin-left: 160px;
	font-size: 12px;
	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: 14px;
	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;
}

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

.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: 14px;
	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 {
	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;
}

.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: 14px;
	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: 14px;
	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% !important;
	}

	#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); }