html, body { margin: 0; padding: 0; height: 100%; }
body { font-family: Arial; font-size: 12px; color: #3a3a3a; }
a:link, a:visited, a:active { text-decoration: none; }
p { margin: 0; }
ul { margin: 0; padding: 0; }
/*#wrapper { min-width: 1000px; min-height: 100%; background: url(layout/site/content_bottom.gif) repeat-x left bottom; }*/
.wrapper { position: relative; }

#head {background: #416d7b; float: left; width: 100%; }

/*-----Navigation Start-----*/
.cssmenu,.cssmenu ul,.cssmenu ul li,.cssmenu ul li a,.cssmenu #head-mobile { padding: 0; display:block; position:relative; -webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.cssmenu:after,.cssmenu > ul:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.cssmenu { float: left; width: 100%; }
.navBox { float: left; }
.cssmenu > ul > li { float:left; border-right: 1px solid #4e7986 }
.cssmenu > ul > li > a { padding: 19px 13px; font-size:11px; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }

.cssmenu  ul > li:hover > a,.cssmenu ul li.active a { background: #355965; }
.cssmenu > ul > li.has-sub > a:after { position:absolute; top:22px; right:11px; display:none; background:#ddd; content:'';}
.cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:none;/*width:2px;height:8px;*/background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; }
.cssmenu > ul > li.has-sub:hover > a:before { top:23px; height:0; }
.cssmenu ul ul { position:absolute; left:-9999px; margin-top: 0; background: #355965; z-index: 2; min-width: 180px; }
.cssmenu li:hover > ul{left:auto; }
.cssmenu ul ul ul{margin-left:100%;top:0; }
.cssmenu ul ul li a { padding: 10px 15px; font-size:13px; white-space: nowrap; font-weight: 500; color: #fff; }
.cssmenu ul ul li:last-child > a,.cssmenu ul ul li.last-item > a { border-bottom:0; }
.cssmenu ul ul li:hover > a,.cssmenu ul ul li a:hover { color:#fff; background: #457a8c; }
.cssmenu ul ul li.has-sub > a:after{position:absolute;top:19px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}
.cssmenu ul ul li.has-sub > a:before{position:absolute;top:16px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
.cssmenu ul ul li.has-sub:hover,.cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
.cssmenu ul ul ul li.active a{border-left:1px solid #333;}
.cssmenu > ul > li.has-sub > ul > li.active > a,.cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
/*-----Navigation End-----*/

/*-----Login Page Css Start-----*/
.loginBody { position: fixed; left: 0; top: 0; width: 100%; height: 100%; 
background: #a7cfdc; /* Old browsers */
background: -moz-linear-gradient(45deg, #a7cfdc 0%, #a7cfdc 50%, #6997a7 50%, #6997a7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #a7cfdc 0%,#a7cfdc 50%,#6997a7 50%,#6997a7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #a7cfdc 0%,#a7cfdc 50%,#6997a7 50%,#6997a7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdc', endColorstr='#6997a7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.loginTitle .fa-lock { font-size: 60px; color: #fff; }
	
.loginForm { max-width: 300px; width: 100%; border-radius: 7px; position: absolute; left: 50%; top: 50%; 
 transform: translate(-50%,-50%); box-shadow: 0px 10px 15px 0 #537480; text-align: center; padding: 25px; background: #32505a; }
.loginForm input[type="submit"] { margin: 30px 0 5px 0; display: block; padding: 15px; color: #fff; width: 100%; background: #16282d; font-weight: 600; font-size: 13px; cursor: pointer; text-transform: uppercase; border: 1px solid #16282d; }
.loginForm input[type="submit"]:hover { background-color: transparent; border: 1px solid #16282d; }
	
.inpGroup { position: relative; display: table; border-collapse: separate; margin-top: 25px; }
.inpGroup p { padding: 13px; font-size: 16px; color: #fff; font-weight: normal; line-height: 1; text-align: center; background: #16282d; border: none;  border-radius: 0; display: table-cell; width: 1%; }
.inpGroup input { display: table-cell; padding: 14px; color: #000; border: none; width: 100%; font-weight: 600; box-sizing: border-box; }
.inpGroup input::placeholder { color: #000; }
/*-----Login Page Css End-----*/

.userloginCntr { float: right; position: relative; cursor: pointer; }
.userloginCntr .fa-user-circle-o { color: #fff; font-size: 30px; vertical-align: middle; }
.userloginCntr p { color: #fff; font-size: 12px; padding: 10px; border-left: 1px solid #4e7986; font-weight: 600; text-transform: capitalize; }
.userloginCntr p:hover { background: #355965; }
.userlogin { position: absolute; top: 50px; background: #457a8c; width: 170px; right: 0; z-index: 2; }
.userlogin a { color: #fff; padding: 10px 15px; display: block; }
.userlogin a:hover { background: #355965; }
.userlogin i { font-size: 16px; width: 20px; }

.new_messages:link, .new_messages:visited, .new_messages:hover, .new_messages:active {
	color: #9ef185;
	font-weight: bold;
	padding: 0 0 0 20px;
	display: block;
	background: url(layout/site/new_messages.gif) no-repeat left center;
}
#server_details {
	float: left;
	margin: 0;
	padding: 5px 0 0;
	font-size: 10px;
	color: #6f818e;
	width: 100%;
}
#server_details dl, #server_details dt, #server_details dd {
	margin: 0;
	padding: 0;
	display: inline;
}
#server_details dl {
	display: block;
}
#menus_wrapper { float: left; }

.drop {
	display: inline-block !important;
	float: none !important;
	width: 100%;
	background: url(layout/site/more_right.gif) no-repeat -1000px !important;
}
.drop span {
	display: block;
	background: url(layout/site/more_left.gif) no-repeat -1000px !important;
	float: left;
	width: 100%;
	padding: 0 !important;
}
.drop span span {
	display: block;
	background: url(layout/site/drop.gif) no-repeat -1000px !important;
	padding: 0 !important;
}
#search_wrapper {
	float: left;
	clear: both;
}
#search_wrapper {
	position: absolute;
	top: 117px;
	left: -4px;
	width: 177px;
	height: 43px;
	background: url(layout/site/search_bg.gif) no-repeat;
	float: left;
	padding: 7px 12px 0 10px;
}
#search_wrapper .form, #search_wrapper fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#search_wrapper .form {
	background: url(layout/site/search_form.gif) no-repeat;
	padding: 3px 3px 0 6px;
	height: 21px;
}
#search_wrapper fieldset {
	width: 100%;
	overflow: hidden;
}
#search_wrapper label {
	float: left;
	background: url(layout/site/search_label.gif) no-repeat left center;
	padding: 2px 0 2px 15px;
	width: 120px;
}
#search_wrapper input.text {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	width: 100%;
	font-size: 11px;
}
#search_wrapper .go {
	float: right;
}
#search_wrapper .go {
	display: block;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
#search_wrapper .go input {
	width: 1000px;
	height: 1000px;
	position: absolute;
	top: -100px;
	left: -100px;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}
#search_wrapper .go {
	width: 23px;
	height: 18px;
	background: url(layout/site/go.gif) no-repeat;
	float: right;
}
#search_wrapper_menu {
	margin: 0;
	padding: 2px 0 0;
}
#search_wrapper_menu li {
	float: left;
	font-size: 10px;
	margin: 0;
	padding: 0 8px 0 7px;
	list-style: none;
	background: url(layout/site/search_wrapper_li.gif) no-repeat right center;
}

/* end head */


/* start content */
#content {
	width: 100%;
	min-height: 400px;
	height: 100%;
	padding: 23px 0 47px;
	background: url(layout/site/content_top.gif) repeat-x;
}
#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* start page */

#page {
	float: right;
	margin-left: -263px;
	width: 100%;
}
#page .innerhome {
	margin-left: 10px;
	padding: 0 11px 0 0;
}
#page .inner {
	margin-left: 10px;
	padding: 0 11px 0 0;
}

.title_wrapper {
	background: #6997a7;
	padding: 0;
	color: #fff;
	width: 100%;
	display: inline-block; 
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/*.title_wrapper:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }*/

.title_wrapper h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 35px;
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	white-space: nowrap;
}
.section {
	padding: 10px 0 17px;
	clear: left;
}
.section_menu {
	float: right;
	margin: 0;
	padding: 5px 0 0;
}
.section_menu li {
	float: left;
	list-style: none;
	padding: 0 0 0 5px;
}
.section_menu select {
	height: 22px;
}
.section_menu a:link, .section_menu a:visited, .section_menu a:hover, .section_menu a:active {
	display: block;
	line-height: 30px;
	background: url(layout/site/middle_tab.png) repeat-x;
	white-space: nowrap;
	float: left;
	font-size: 14px;
	color: #5c757e;
}
.section_menu a span {
	display: block;
	background: url(layout/site/left_tab.png) no-repeat;
}
.section_menu a span span {
	display: block;
	background: url(layout/site/right_tab.png) no-repeat right top;
	padding: 0 15px;
}
.section_menu a:hover {
	background-position: 0 -60px;
	text-decoration: none;
	color: #4e9cb8;
}
.section_menu a:hover span {
	background-position: 0 -60px;
}
.section_menu a:hover span span {
	background-position: right -60px;
}
.section_menu a.active:link, .section_menu a.active:visited, .section_menu a.active:hover, .section_menu a.active:active {
	background-position: 0 -30px;
	color: #333e42;
}
.section_menu a.active:link span, .section_menu a.active:visited span, .section_menu a.active:hover span, .section_menu a.active:active span {
	background-position: 0 -30px;
}
.section_menu a.active:link span span, .section_menu a.active:visited span span, .section_menu a.active:hover span span, .section_menu a.active:active span span {
	background-position: right -30px;
}
.scb {
	height: 10px;
	margin: 0 10px;
	background: #e7f3f8 url(layout/site/scb.png) repeat-x;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	min-height: 1px;
}
.scb_left {
	width: 10px;
	height: 10px;
	display: block;
	overflow: hidden;
	background: url(layout/site/scb_left.png);
	position: absolute;
	top: 0;
	left: -10px;
}
.scb_right {
	width: 10px;
	height: 10px;
	display: block;
	overflow: hidden;
	background: url(layout/site/scb_right.png);
	position: absolute;
	top: 0;
	right: -10px;
}
.sct {
	background: #e7f3f8;
}
.sct_left {
	background: url(layout/site/sct_left_right.gif) repeat-y;
}
.sct_right {
	background: url(layout/site/sct_left_right.gif) repeat-y right top;
}
.sct_left .sct_left {
	background: url(layout/site/sct_left.gif) no-repeat;
}
.sct_left .sct_left .sct_right {
	background: url(layout/site/sct_right.gif) no-repeat right top;
	min-height: 30px;
	padding: 15px 15px 5px;
}
/* end page */

/* start sidebar */
#sidebar {
	width: 246px;
	float: left;
}
#sidebar .inner {
	padding: 0 0 0 11px;
}
#sidebar .sct {
	background: #cbe2ed;
}
#sidebar .sct_left, #sidebar .sct_right {
	background-image: url(layout/site/sct_left_right2.gif);
}
#sidebar .sct_left .sct_left {
	background-image: url(layout/site/sct_left2.gif);
}
#sidebar .sct_left .sct_left .sct_right {
	background-image: url(layout/site/sct_right2.gif);
}
#sidebar .title_wrapper_left {
	background-image: url(layout/site/title_wrapper_left2.png);
}
#sidebar .title_wrapper_right {
	background-image: url(layout/site/title_wrapper_right2.png);
}
#sidebar .scb_left {
	background-image: url(layout/site/scb_left2.png);
}
#sidebar .scb_right {
	background-image: url(layout/site/scb_right2.png);
}
#sidebar .scb {
	background-image: url(layout/site/scb2.png);
	background-color: #cbe2ed;
}
#sidebar .sct_left .sct_left .sct_right {
	padding: 0 2px 0;
}
.sidebar_menu {
	margin: 0;
	padding: 5px 0 0;
	width: 100%;
	overflow: hidden;
}
.sidebar_menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
	background: url(layout/site/sidebar_menu_bg.gif) no-repeat left bottom;
}
.sidebar_menu li.last {
	background: none;
}
.sidebar_menu a:link, .sidebar_menu a:visited, .sidebar_menu a:hover, .sidebar_menu a:active {
	color: #194d65;
	display: block;
	line-height: 23px;
	padding: 0 0 6px 22px;
	background: url(layout/site/sidebar_lk_bg.gif) no-repeat 13px 8px;
}
.todo_list {
	margin: 0;
	padding: 0;
}
.todo_list li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.todo_list dl, .todo_list dt, .todo_list dd {
	margin: 0;
	padding: 0;
}
.todo_list dl {
	padding: 6px 14px 11px 33px;
	background: url(layout/site/sidebar_menu_bg.gif) no-repeat left bottom;
	zoom: 1;
}
.todo_list dl.last {
	background: none;
	padding-bottom: 0;
}
.todo_list dt {
	color: #194d65;
	font-weight: bold;
	position: relative;
	top: 0;
	left: 0;
}
.order {
	display: block;
	width: 18px;
	height: 17px;
	line-height: 16px;
	text-align: center;
	text-indent: 1px;
	font-family: Tahoma;
	font-size: 10px;
	color: #fff;
	background: url(layout/site/order.gif) no-repeat;
	font-weight: normal;
	position: absolute;
	top: -1px;
	left: -22px;
}
.todo_list dd {
	font-size: 10px;
	color: #586368;
	padding: 3px 0 0;
}
.todo_menu {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}
.todo_menu li {
	float: left;
	padding: 0 10px 0 0;
}
.todo_menu a:link, .todo_menu a:visited, .todo_menu a:hover, .todo_menu a:active {
	color: #3386ac;
	display: block;
	float: left;
	background: url(layout/site/todo_lk.gif) no-repeat left center;
	padding: 0 0 0 8px;
}
.photo_gallery {
	overflow: hidden;
}
.gal_left {
	background: url(layout/site/gall_left.gif) repeat-y 0 2px;
}
.gal_right {
	background: url(layout/site/gall_right.gif) repeat-y right 2px;
	overflow: hidden;
	width: 227px;
	padding: 0 2px;
}
.gal_top {
	background: url(layout/site/gall_top.gif) no-repeat 112px top;
}
.gal_bottom {
	background: url(layout/site/gall_bottom.gif) no-repeat 112px bottom;
	padding: 3px 0;
}
.photo_gallery ul {
	margin: 0;
	padding: 0;
	width: 300px;
	overflow: hidden;
	background: url(layout/site/gallery_ul.gif) repeat-y;
}
.photo_gallery li {
	list-style: none;
	margin: 0;
	float: left;
	width: 102px;
	height: 77px;
	padding: 6px;
}
.photo_gallery a {
	display: block;
	border: 3px solid #e4f0f6;
	width: 96px;
	height: 71px;
}
.photo_gallery img {
	display: block;
	border: 0;
}
.section_content_footer {
	width: 100%;
	overflow: hidden;
	margin: -9px 0 0;
}
.section_content_footer ul {
	margin: 0;
	padding: 17px 0 0 17px;
	background: #ebf3f7;
	width: 235px;
	overflow: hidden;
}
.section_content_footer li {
	list-style: none;
	margin: 0;
	padding: 0 20px 0 0;
	float: left;
}
.scf {
	display: block;
	overflow: hidden;
	height: 8px;
	background: url(layout/site/section_content_footer.png) no-repeat;
}
.section_content_footer a:link, .section_content_footer a:visited, .section_content_footer a:hover, .section_content_footer a:active {
	font-size: 11px;
	color: #406f85;
	display: block;
	float: left;
	white-space: nowrap;
	padding: 0 0 0 15px;
}
.plus {
	background: url(layout/site/plus.gif) no-repeat left center;
}
.list {
	background: url(layout/site/list.gif) no-repeat left center;
}
.next {
	background: url(layout/site/next.gif) no-repeat left center;
}
.quick_info {
	width: 355px;
	float: left;
	display: block;
	margin-right: 10px;
}
.quick_info_top {
	height: 35px;
	background: url(layout/site/quick_info_top.png) no-repeat;
}
.quick_info_top h2 {
	margin: 0;
	font-size: 18px;
	color: #647c84;
	font-weight: normal;
	line-height: 32px;
	padding: 3px 0 0 14px;
}
.quick_info_bottom {
	display: block;
	height: 12px;
	overflow: hidden;
	background: url(layout/site/quick_info_bottom.png) no-repeat;
	margin-bottom: 10px;
}
.quick_info_content {
	background: #f3f8fb;
	padding: 10px 15px 0;
	width: 315px;
	min-height: 130px;
}
.quick_info_content dl, .quick_info_content ol {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 18px;
	color: #7e898f;
}
.quick_info_content ol {
	margin-left: 20px;
}
.quick_info_content dt {
	display: inline;
	margin: 0;
	padding: 0;
}
.quick_info_content dd {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.calendar {
	width: 235px;
	padding: 146px 0 17px;
	position: relative;
	top: 0;
	left: 0;
}
.calendar_top {
	background: url(layout/site/calendar_top.png) no-repeat;
	height: 146px;
	text-align: center;
	color: #a4d6ed;
	font-size: 13px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.calendar_top strong {
	display: block;
	font-size: 34px;
	color: #fff;
	font-weight: normal;
	padding: 7px 0 0;
}
.calendar_bottom {
	background: url(layout/site/calendar_bottom.png) no-repeat;
	height: 10px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
.calendar_middle {
	background: url(layout/site/calendar_middle.png) repeat-y;
}
.calendar_data {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	margin-top: -60px;
}
.cmonth {
	width: 126px;
	margin: 0 auto;
	color: #d8e5a5;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
}
.calendar_prev {
	display: block;
	background: url(layout/site/calendar_prev.gif) no-repeat;
	width: 7px;
	height: 7px;
	text-indent: -3000px;
	overflow: hidden;
}
.calendar_next {
	display: block;
	background: url(layout/site/calendar_next.gif) no-repeat;
	width: 7px;
	height: 7px;
	text-indent: -3000px;
	overflow: hidden;
}
.calendar_prev:hover, .calendar_next:hover {
	background-position: 0 -7px;
}
.cont {
	width: 184px;
	margin: 0 auto;
	overflow: hidden;
}
.chead {
	width: 250px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.chead li {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	list-style: none;
	width: 22px;
	line-height: 22px;
	font-weight: bold;
	color: #a4d6ed;
	font-size: 10px;
	font-family: Tahoma;
	text-align: center;
}
.cdays {
	width: 190px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.cdays li {
	list-style: none;
	margin: 0;
	padding: 0 5px 5px 0;
	float: left;
	width: 22px;
	height: 22px;
	text-align: center;
}
.cdays a:link, .cdays a:visited, .cdays a:active {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	font-family: tahoma;
	background: #2d566b;
	border: 1px solid #70a2b4;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.cdays a:hover {
	border-color: #aed7e5;
	text-decoration: none;
	background: #2b3f49;
}
.cdays a.event:link, .cdays a.event:visited, .cdays a.event:active {
	background: #8aad00;
	border-color: #5c700c;
}
.cdays a.event:hover {
	color: #fbff8e;
	background: #92b117;
	border-color: #c8ea42;
}
.cdays span {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #4d7989;
	border: 1px solid #70a2b4;
}
/* end sidebar */
/* end content */



/* start footer */
.footer { background: #3E4D57; width: 100%; height: 15px; position: absolute; bottom: 0; }

.copy {
	margin: 0;
	padding: 0 15px 0 15px;
	width: 233px;
	float: left;
}
.copy dt, .copy dd {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.copy dt em {
	font-size: 10px;
	color: #57636b;
	font-style: normal;
}
.quick_links {
	margin: 0;
	padding: 0;
	float: left;
	width: 715px;
}
.quick_links dt, .quick_links dd {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	overflow: hidden;
}
.quick_links ul {
	margin: 0 0 0 -6px;
	padding: 0;
	float: left;
	width: 120%;
}
.quick_links li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 7px 0 6px;
	background: url(layout/site/footer_li_bg.gif) no-repeat right center;
}
.help_links {
	float: right;
	margin: 0;
	padding: 0 15px 0 0;
	width: 172px;
}
.help_links dt, .help_links dd {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	overflow: hidden;
}
.help_links ul {
	margin: 0 0 0 -6px;
	padding: 0;
	width: 140%;
	float: left;
}
.help_links li {
	margin: 0;
	padding: 0 7px 0 6px;
	list-style: none;
	float: left;
	background: url(layout/site/footer_li_bg.gif) no-repeat right center;
}
#footer li.last {
	background: none;
	padding-right: 0;
}
/* end footer */
.cl {
	clear: both;
}
.ajax__colorPicker_container {
	width: auto !important;
}
/*#ctl00_CPHolderNew_myTreeView table div table { float: none !important; }
#ctl00_CPHolderNew_myTreeView table { float: left; }*/
.slatbmain {
	margin-top: 30px;
}
.slatbmain input, .slatbmain select {
	padding: 5px 10px;
	border: 1px solid #ccc;
	margin-left: 10px;
}
.slatbmain tr td {
	padding: 10px;
	display: block;
	margin-bottom: 10px;
}
.slatbmain input[type="file"] {
	border: none;
}
.slatbmain div {
	float: left;
}
.slatbmain p {
	font-size: 15px;
	line-height: 28px;
	display: inline;
}
.sct_right h3 {
	display: inline-block;
	width: 100%;
	margin-top: 15px;
}

/*-----New Pages Css Start-----*/
.mainCnt { margin: 10px; }
.pageTitle { padding: 10px; background: #6997a7; border-top-right-radius: 10px; border-top-left-radius: 10px; }
.pageTitle li { font-size: 15px; font-weight: normal; list-style: none; color: #fff; }
.panel { padding: 10px; border: 1px solid #b9d5e0; border-top: none; background: #e7f3f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.panel td h5 { font-size: 13px; margin: 0; }
.panel .form-control,.panel select { padding: 7px; min-width: 200px; border: 1px solid #ccc; }
.btnAll { color: White; background-color: #82A300; border: 2px solid #9FD861; font-size: 12px; padding: 6px 10px; cursor: pointer; }
.btnAll:hover { background-color: #9FD861; color: #333; }
.btnDanger {color: White; background-color: #d60f23; border: 2px solid #f29191; font-size: 12px; padding: 6px 10px;cursor: pointer;}
.btnDanger:hover { background-color: #f29191; color: #333;}
.tblheadBg { background: #6997a7; color: #fff; }
.gridmain th { padding: 5px; border-color: #cbdce2; }
.gridmain td { padding: 5px; border-color: #cbdce2; background: #fff; }
.tblheadBg th a { color: #fff; }
.gridmain td a { color: #000; }

.crtviewBox { display: inline-block; width: 100%; margin: 10px 0 5px 0; }
.highlowView { float: left; font-size: 13px; font-weight: bold; line-height: 28px; }
.creatNew { float: right; }
.creatNew button { border: none; background-color: transparent; float: right; outline: none !important; }
.creatNew i { padding: 5px 7px; font-size: 16px; margin-left: 12px; color: #fff; cursor: pointer; }
.creatNew .fa-plus { background: #6c840e; }

.custom-select { position: relative; min-width: 220px; width: 100%; border: 1px solid #ccc;
  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;
  background: url("./Images/arrowDown.png") 97% no-repeat #fff; }
.custom-select input{ width:220px; }
.custom-select a { display: inline-block; width: 100%; color: #484848; text-decoration: none; cursor: pointer; padding: 7px; }
.custom-select a span { width: 100%; white-space: nowrap; overflow: hidden; }
.custom-select select { display: none !important; }
.custom-select > div { display: none; position: absolute; top: 100%; left: 0; margin: 1px 0 0 -1px; width: 100%; border: 1px solid #ccc;
  border-top: 0; background: #fff; z-index: 10; overflow: hidden; }
.custom-select input { width: 95%; border: 1px solid #ccc; margin: 5px 5px 0; padding: 5px; font-size: 14px; box-sizing: border-box; }
.custom-select > div > div { position: relative; overflow-x: hidden; overflow-y: visible; margin: 5px; max-height: 170px; }
.custom-select div ul { padding: 0; margin: 0; list-style: none; }
.custom-select div ul li { display: none; padding: 5px; font-size: 12px; font-weight: 600; }
.custom-select div ul li.active { display: block; cursor: pointer; }
.custom-select div ul li:hover { background: #66bbff; color: #fff; }
.custom-select div ul li.option-hover { background: #6997a7; color: #fff; }
.custom-select div ul li.option-disabled { color: #999; }
.custom-select div ul li.option-disabled:hover { background: #6997a7; color: #fff; }
.custom-select div ul li.option-hover.option-disabled { background: #6997a7; color: #fff; }
.custom-select div ul li.no-results { display: none; background: #f2f2f2; color: #000; }
.custom-select-open div { display: block; }
.custom-select input.custom-select-hidden-input { position: absolute !important; top: 0 !important; left: -1000px !important;padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; z-index: -1 !important; }
.custom-select-mobile select { display: inline !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.modalBackground {background: rgba(0,0,0,0.4);}
.modalPopup {background-color: #FFFFFF;height: auto;max-height: 350px;border: 2px solid #6997a7;margin: 0 auto;width: 350px;}
.modalPopup .pnlheader {background-color: #6997a7 !important;color: White;height: 25px;text-align: left;font-weight: bold;font-size: 10pt;width: 100%;margin: 0 auto;padding-top: 5px;}
.pnlheader p {margin: 2px 0 0 12px;text-align: left;}
.pnlbody {margin: 12px 12px 25px 12px;text-align: center;}
.modalPopup .pnlfooter {padding: 3px;margin: 12px 12px 30px 0;text-align: center;}
.modalPopup .pnlfooter .btn {border-radius: 0;font-weight: 600;font-size: 13px;}
.close-btn input[type="image"] {padding: 5px;border-radius: 15px;-ms-border-radius: 15px;margin: -12px -14px 0 0;background: #fff;}
.PopupMsg {position: fixed;right: 10px;bottom: 5px;width: 250px;height: 100px;border: 3px solid #000000;background: #E8E8E8;z-index: 1000;}
.Msgbody {text-align: center;margin-top: 10px;}
.Msgbody span { margin-top: 10px;}
/*.overlay {position: fixed;z-index: 999;height: 5%;width: 5%;top: 0; background-color: Black;filter: alpha(opacity=60);-ms-opacity: 0.6;-moz-opacity: 0.8;}*/
.vendor td { vertical-align: top; padding: 5px; }
.vendor input[type="text"] { width: 100%; border: 1px solid #ccc; padding: 7px; box-sizing: border-box; }
.vendor textarea { width: 100%; border: 1px solid #ccc; padding: 7px; box-sizing: border-box; }
.vendor td h5 { font-weight: 600; color: #525252; white-space: nowrap; }
.vendor td label { font-weight: 600; color: #525252; font-size: 12px; display: block; padding: 0; margin-bottom: 3px; }
.muricon::before {
    content: "₨";
}
.aedicon::before {
    content: "د.إ";
}
.saricon::before {
    content: "﷼";
}
/*-----New Pages Css End-----  content: "﷼";   */

@media all and (max-width : 980px) {
.navBox { position: absolute !important; top: 50px; z-index: 2; background: #355965; }
.cssmenu { width:100%; position: relative; }
.cssmenu ul{width:100%;display:none}
.cssmenu ul li{ width:100%; border-top:1px solid #4e7986; }
.cssmenu ul ul li,.cssmenu li:hover > ul > li{ height:auto; }
.cssmenu ul li a,.cssmenu ul ul li a { width:100%; border-bottom:0; padding: 15px; }
.cssmenu > ul > li{float:none}
.cssmenu ul ul li a { padding:9px 30px; background:none; }
.cssmenu ul ul li { background: none!important; }
.cssmenu ul ul ul li a { padding-left: 35px; }
.cssmenu ul ul li:hover > a,.cssmenu ul ul li.active > a{color:#fff}
.cssmenu > ul > li:hover, .cssmenu ul li.active:hover, .cssmenu ul li.active, .cssmenu ul li.has-sub.active:hover { border-bottom: none; background:none; }
.cssmenu ul ul,.cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left; background: #326475; }
.cssmenu > ul > li.has-sub > a:after,.cssmenu > ul > li.has-sub > a:before,.cssmenu ul ul > li.has-sub > a:after,.cssmenu ul ul > li.has-sub > a:before{display:none}
.menuIcon{width:50px;height:50px;position:absolute;left:0;top:1px;cursor:pointer;z-index: 12399994; background-image: none !important;}
.menuIcon:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}
.menuIcon:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#fff;content:''}
.menuIcon.menu-opened:after{ background: #fff; top:23px;border:0;height:2px;width:19px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menuIcon.menu-opened:before{top:23px;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #4e7986;height:46px;width:46px;cursor:pointer}
/*.cssmenu .submenu-button.submenu-opened{background:#262626}*/
.cssmenu ul ul .submenu-button{height:34px;width:34px}
.cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''; }
.cssmenu ul ul .submenu-button:after{top:15px;right:13px}
.cssmenu .submenu-button.submenu-opened:after { background:#fff; }
.cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''; }
.cssmenu ul ul .submenu-button:before{top:12px;right:16px}
.cssmenu .submenu-button.submenu-opened:before{display:none}
.cssmenu ul ul ul li.active a{border-left:none}
.cssmenu > ul > li.has-sub > ul > li.active > a,.cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none; }	
}