@charset "utf-8";
 CSS Document 


@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open_sans_300.woff") format("woff");
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("../fonts/open_sans_400.woff") format("woff");
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/open_sans_600.woff") format("woff");
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open_sans_700.woff") format("woff");
}

/*@font-face {
    font-family: 'OpenSans';
    src: url('assets/fonts/OpenSans-Light-webfont.eot');
    src: url('assets/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('assets/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('assets/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 300;
    font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/

.clear{ clear:both}

img{
	border:none;
	outline : none;
	}
	
body {
	direction: ltr;
    font-family: 'Open Sans',sans-serif !important;
	font-size:12px;
	font-smoothing: antialiased;
/*	font: 18px/1.4 'Open Sans', Arial, Helvetica, sans-serif;*/
	font-weight: normal;
	color:#666;
	}
	
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index:-1;
	}
	
@media screen and (max-width: 1024px){
img.bg {
	left: 50%;
	margin-left: -512px;
	}
	}
		
#login_title {
   font-size:46px;
   padding:18px 0 0px 27px;
   color:#FFF;  
}

#login_subtitle {
   font-size:16px;
   padding:25px 0 5px 32px;
   color:#FFF;
   margin-bottom:20px;
}

.loginwrapper{
	background-color:#FFF;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	text-align: center;
	height:385px;
	margin: 0 auto;
	margin-top:5%;
/*	width:500px;*/
    width:500px;
	top:50%;
	left:50%;
}
.innerwrapper{
	position:relative;
	width:390px;
	margin:0 auto;
	padding:10px 0 0px 0;
	}
	
a img {border:none;}

#wrapper {width:100%;margin:0px auto;padding:0 0 20px 0;}


#container {
	background:url(../images/map.png);
	background-repeat:repeat-x;
	transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out; /* Safari and Chrome */
	overflow:hidden;
	position:absolute;
	width:99%;
	height:97%;
}

.logo{
	font-family:"Times New Roman", Times, serif;
	font-size:52px;
	color:#3778ae;
	font-style:normal;
	}
.slogan{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#858585;
	font-style:normal;
	}
	
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}		
	
.form_group{
	position:relative;
	margin-bottom:0;	
	}
	
.form{
	margin-top:20px;
	}
	
.form_input{
	height: 35px;
	font-size: 14px;
	box-shadow: none;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #b2b2b2;
	padding-left: 0;
	padding-right: 0;
	background: transparent;
	outline:0 !important;
	width:100%;
	background-image:none;
	padding-top:12px;
	margin:0;
	line-height:30px;
	color:#666666;
	top:10px;
	}
		
.form_option{
	margin: 30px 0 40px;
	outline:0 !important;
	}	
.forget{
	float:right !important;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#007aff;
	}
.form_check{
	min-height: 20px;
	padding-left: 24px;
	vertical-align: middle;
	float: left;
	margin-left:-24px;
	margin-top:-24px;
	}
		
 .ckbox
{
    width: 18px;
    height: 18px;
}
.custom-checkbox
{
    position: relative;
    display: inline-block;
	top:6px;
}

.custom-checkbox > .box
{
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    background-color: #FFF;
    padding: 0px;
	border:1px solid #CCC;
}

.custom-checkbox > .box > .tick
{
    position: absolute;
    left: 2px;
    top: 4px;
    width: 11px;
    height: 4px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: none;
}

.custom-checkbox > input:checked + .box > .tick
{
    display: block;
}

.custom-checkbox > input
{
    position: absolute;
    outline: none;
    left: 0;
    top: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    border: none;
    margin: 0;
    opacity: 0;
    z-index: 1;
}
	 
.invalid_user{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#25a82b;
	font-style:normal;
	padding:40px 0 10px 0px;
	}
.invalid_pass{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#db1313;
	font-style:normal;
	padding-bottom:10px;
	}
.lorem{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#ff5b01;
	font-style:normal;
	padding-bottom:10px;
	}		
.clear{
	clear:both;
	}	
.arrow{
	position: absolute;
	right: 0px;
	opacity: 0.5;
	font-family: "FontAwesome";
	background: transparent;
	color: #888888;
	border: 2px solid #666666;
	width: 20px;
	height: 20px;
	padding-left: 4px;
	line-height: 14px;
	cursor: pointer;
	outline: 0 !important;
	top:10px;
	padding-top:5px;
	padding-right:2px;
	}
.footer{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #fff;
	overflow:auto;
	margin:0 auto 0 -130px;
	bottom:0;
	position:fixed;
	padding-bottom:20px;
	left:50%;
	z-index:-1;
    }
	
/*********************************** *Inner Pages ************/
.logomain{
	font-family:"Times New Roman", Times, serif;
	font-size:34px;
	font-weight:normal;
	font-style:normal;
	color:#3778ae;
	text-decoration:none;
	margin: 0px 10px 0 0;
	}
.logomain:hover{
	text-decoration:none;
	color:#3f87c3;
	}
.logomain:active{
	text-decoration:none;
	color:#3f87c3;
	}
.logomain:visited{
	text-decoration:none;
	}
	
* {
    outline: 0 none !important;
}

*::-moz-selection {
    background: none repeat scroll 0 0 #3778ae;
    color: #FFFFFF;
    text-shadow: none;
}

body.bg-1 {
    background: none repeat scroll 0 0 #ecf2f7;
}
body.page-header-fixed {
    padding-top: 0px;
}

.navbar{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    height: 114px;
    margin-bottom: 38px;
/*    min-height: 46px;*/
    padding: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
	border-bottom:1px solid #E6E6E6 !important;
	background-color:#FFF;
}
.navbar .container-fluid.top-bar {
	padding: 0 10px 0 20px;
	width: 100%;
	float: left;
	height:46px;
	border-bottom: 1px solid #E6E6E6 !important;
}
.navbar.top-bar.container-fluid {
    border-bottom: 1px solid #E6E6E6 !important;
    float: left;
    height: 46px;
    padding: 0 10px 0 20px;
    width: 100%;
}
.navbar .container-fluid.top-bar .nav {
	height: 100%;
	position: relative;
	z-index: 100;
	margin-top:7px;
	margin-right:10px;
}
.navbar .container-fluid.top-bar .nav > li {
	height: 100%;
	margin-right: 5px;
	float: left;
}

.navbar .container-fluid.top-bar .nav > li.user {
	width: auto;
/*	margin-left: 5px;*/
	margin-right: 0;
}
.navbar .container-fluid.top-bar .nav > li.user > a {
	display: block;
	height: 45px;
	line-height: 25px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding: 3px 10px 5px;
	color: #999999;
}
.navbar .container-fluid.top-bar .nav > li.user .caret {
	vertical-align: middle;
	margin: -2px 0 0 8px;
	border-top-color: #999999;
}
.navbar .container-fluid.top-bar .nav > li.user img {
    margin-right: 8px;
}	
.navbar .container-fluid.main-nav {
	height: 66px;
	float: left;
	width: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-bottom:0px solid #e6e6e6 !important;
}
.navbar .container-fluid.main-nav .nav-collapse {
	width: 100%;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current {
	color: #999999;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current:hover{
	color: #0057b6;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current:active{
	color: #0057b6;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current:focus{
	color: #0057b6;
}

.navbar .container-fluid.main-nav .nav-collapse .nav > li > a {
	display: block;
	height: 100%;
	text-align: center;
	padding: 10px 15px 9px;
	font-size: 12px;
	font-weight: 400;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color:#666666;
}
.navbar .container-fluid.main-nav .nav-collapse .nav {
	text-align: center;
	width: 100%;
	height: 46px;
	margin: 0;
	background-color:#fff;
/*	opacity: 0.98;*/
/*	border-bottom: 1px solid #E6E6E6 !important;*/
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li {
	float:left;
	display: inline-block;
	text-align: center;
	margin: 0 6px;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a span {
    display: block;
    font-size: 28px;
/*    height: 28px;*/
    margin: 0 auto 2px;
    width: 28px;
}
.compact-menu{
	font-size:15px;
	height:15px;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a.compact-menu-a{
	padding:7px 15px 5px;	
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a.compact-menu-a:hover{
	padding:7px 15px 5px;
	height:100%;	
}
.innerlogo{
	background:url(../images/logo.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	color:#3778ae !important; 
	font-style:normal;
    float: left;
    height: 31px;
    margin: 14px 10px 0 0;
    text-indent: -1;
    width: 76px;
	background:none;
	text-decoration:none;
	}
.main-content {
	padding-bottom: 20px;
	margin-top:124px;
}

.page-title {
	padding-left:55px;
}
.row {
	margin: 0 30px 0;
}
.widget-container.fluid-height {
	height: auto;
	min-height: 0;
}
.widget-container {
	min-height:320px;
	background:#FFF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.widget-container .widget-content {
	width: 100%;
}
.padded {
	padding: 15px;
}
.page-title h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	color: #5e5e5e;
	font-weight:normal;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding: 0 10px;
}

.main_footer{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#666666;
	overflow: hidden;
	clear: both;
	text-align:center;
	padding:20px 0;
	float:left;
	margin-left:30px;
    }
	
.dropdown-menu {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.96);
    border: 1px solid #DDDDDD;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-top: 0;
    max-width: 300px;
    min-width: 120px;
    padding: 0;
}
.dropdown-menu > li {
    margin: 0;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li .dropdown-menu {
    text-align: left;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a.current {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom-color: #0057b6;
    color: #0057b6;
}
.navbar .container-fluid.top-bar .nav > li {
	height: 100%;
	margin-right: 5px;
	float: left;
	margin-top:-14px;
}
.dropdown-menu > li > a {
    border-bottom: 1px solid #E2E2E2;
    color: #999999;
    font-size: 12px;
    margin-left: 14px;
    padding: 9px 15px 9px 2px;
}
	
.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after {
    display: none;
}
.form-group [class^="col-"], .form-group [class*="col-"] {
    margin-bottom: 0;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 7px;
	color:#666666;
}
.news{
	width:100%;
	height:21px;
	background:#f9f9f9;
	color:#666;
	float:right;
	font-size:12px;
	margin:0;
	padding-top:4px;
	}
.news > li{
	list-style:none !important;
	width: 100%;
	height:23px;
	border-right: 1px solid #E2E2E2;
	}
.news > li > a{
	border-right: 1px solid #E2E2E2;
	}


/*----------------------------------------------------------------------------------- */
/*  Tables */
/*----------------------------------------------------------------------------------- */
.innertable {
	border:0;
	outline:none;
 }
.innertable th {
	font-size: 14px;
	height:45px;
}
.innertable td {
	font-size: 14px;
	height:45px;
	padding-left:20px;
}
.padded {
	padding:20px;
}

.main_container {
	min-height:2550px;
	background:#FFF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.show{
	font-size: 14px;
	color:#0057b6;
	text-decoration:none;
	height:45px;
	padding-top:10px;
	}
.show:hover{
	font-size: 14px;
	color:#666666;
	text-decoration:underline;
	height:45px; 
	padding-top:10px;
	}
.cur_page{
	font-size: 14px;
	color:#0057b6;
	text-decoration:none;
	padding-top:-5px;
	position:absolute;
	margin-top:-13px;
	}
.cur_page:hover{
	font-size: 14px;
	color:#666666;
	text-decoration:underline;
	position:absolute;
	margin-top:-13px;
	}
.green_lable{
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	color:#008000;
	font-weight:normal;
	}
.verify{
	font-size: 14px;
	color:#008000;
	text-decoration:none;
	height:45px;
	padding-left:25px;  
}
.ver_box{
	height:12px;
	width:12px;
	position:absolute;
	float:left;
	background:#008000;
	margin-top:4px;
	}
	
.reject{
	font-size: 14px;
	color:#f80404;
	text-decoration:none;
	height:45px;
	padding-left:25px;  
	}
.rej_box{
	height:12px;
	width:12px;
	position:absolute;
	float:left;
	background:#f80404;
	margin-top:4px;
	}	
.table {
	margin-bottom: 10px;
	border:1px solid #f80404;
}
.table th {
	font-size: 14px;
	border:1px solid #dddddd;
	color:#007aff;
	font-style:normal;
	font-weight:normal;
}
.table td {
	font-size: 14px;
	border:1px solid #dddddd;
}
.newsupdate{
	color:#0057B6;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------- */
/*  Components */
/*----------------------------------------------------------------------------------- */



p {
margin: 0 0 10px;
}


.btn {
	font-weight: 300;
	margin: 0 10px 10px 0;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
}
.comp_head{
	color:#000;
	font-style:normal;
	font-weight:bold;
	padding:10px 0;
}

.btn {
    font-weight: 300;
    margin: 0 5px 5px 0;
    transition: all 0.15s ease 0s;
	background:#FFF;
	
}
.btn.active {
    box-shadow: none;
}
.btn .caret {
    margin: -2px 0 0 6px;
}
.btn [class^="fa"], .btn[class*="fa"] {
    display: inline-block;
    margin-right: 8px;
}
.btn-default, .btn-default.disabled, .btn-default[disabled] {
    background: none repeat scroll 0 0 #BBBBBB;
/*    border-color: #BBBBBB;*/
    color: #FFFFFF;
}

.btn-default .caret {
    border-top-color: #FFFFFF;
}
.btn-default:hover, .btn-default.active {
    background: none repeat scroll 0 0 rgba #b7b7b7;
/*    border-color: #BBBBBB;*/
    color: #AAAAAA;
}
.btn-default:hover .caret, .btn-default.active .caret {
    border-top-color: #BBBBBB;
}
.btn-primary {
    background: none repeat scroll 0 0 #007AFF;
    border-color: #007AFF;
}
.btn-primary:hover, .btn-primary.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
/*    border-color: #0057b6;*/
    color: #007AFF;
}
.btn-primary:hover .caret, .btn-primary.active .caret {
    border-top-color: #fff;
}
.btn-success {
    background: none repeat scroll 0 0 #60C560;
    border-color: #60C560;
}
.btn-success:hover, .btn-success.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
/*    border-color: #60C560;*/
    color: #60C560;
}
.btn-success:hover .caret, .btn-success.active .caret {
    border-top-color: #BBBBBB;
}
.btn-info:hover, .btn-info.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
/*    border-color: #5BC0DE;*/
    color: #5BC0DE;
}
.btn-info:hover .caret, .btn-info.active .caret {
    border-top-color: #5BC0DE;
}
.btn-warning:hover, .btn-warning.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
/*    border-color: #F0AD4E;*/
    color: #F0AD4E;
}
.btn-warning:hover .caret, .btn-warning.active .caret {
    border-top-color: #F0AD4E;
}
.btn-danger:hover, .btn-danger.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
/*    border-color: #D9534F;*/
    color: #D9534F;
}
.btn-danger:hover .caret, .btn-danger.active .caret {
    border-top-color: #D9534F;
}
.btn-magenta {
    background: none repeat scroll 0 0 #D94084;
/*    border-color: #D94084;*/
    color: #FFFFFF;
}
.btn-magenta:hover, .btn-magenta.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
/*    border-color: #D94084;*/
    color: #D94084;
}
.btn-magenta:hover .caret, .btn-magenta.active .caret {
    border-top-color: #D94084;
}
.btn-default-outline, .btn-primary-outline, .btn-success-outline, .btn-info-outline, .btn-warning-outline, .btn-danger-outline {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	background:#FFF;
}
.btn-default-outline {
    border: 1px solid #b7b7b7 !important;
    color: #999999;
}
.btn-default-outline .caret {
    border-top-color: #BBBBBB;
}
.btn-default-outline:hover, .btn-default-outline.active {
    background: none repeat scroll 0 0 #b7b7b7;
    color: #FFFFFF;
}
.btn-default-outline:hover .caret, .btn-default-outline.active .caret {
    border-top-color: #FFFFFF;
}
.btn-primary-outline {
    border: 1px solid #0057b6 !important;
    color: #0057b6;
}
.btn-primary-outline .caret {
    border-top-color: #0057b6;
}
.btn-primary-outline:hover, .btn-primary-outline.active {
    background: none repeat scroll 0 0 #0057b6;
    color: #FFFFFF;
}
.btn-primary-outline:hover .caret, .btn-primary-outline.active .caret {
    border-top-color: #FFFFFF;
}
.btn-success-outline {
    border: 1px solid #39ac6a !important;
    color: #39ac6a;
}
.btn-success-outline .caret {
    border-top-color: #60C560;
}
.btn-success-outline:hover, .btn-success-outline.active {
    background: none repeat scroll 0 0 #39ac6a;
    color: #FFFFFF;
}
.btn-success-outline:hover .caret, .btn-success-outline.active .caret {
    border-top-color: #FFFFFF;
}
.btn-info-outline {
    border: 1px solid #3498db !important;
    color: #3498db;
}
.btn-info-outline .caret {
    border-top-color: #5BC0DE;
}
.btn-info-outline:hover, .btn-info-outline.active {
    background: none repeat scroll 0 0 #3498db;
    color: #FFFFFF;
}
.btn-info-outline:hover .caret, .btn-info-outline.active .caret {
    border-top-color: #FFFFFF;
}
.btn-warning-outline {
    border: 1px solid #efac4d !important;
    color: #efac4d;
}
.btn-warning-outline .caret {
    border-top-color: #F0AD4E;
}
.btn-warning-outline:hover, .btn-warning-outline.active {
    background: none repeat scroll 0 0 #efac4d;
    color: #FFFFFF;
}
.btn-warning-outline:hover .caret, .btn-warning-outline.active .caret {
    border-top-color: #FFFFFF;
}
.btn-danger-outline {
    border: 1px solid #cb4d49 !important;
    color: #cb4d49;
}
.btn-danger-outline .caret {
    border-top-color: #D9534F;
}
.btn-danger-outline:hover, .btn-danger-outline.active {
    background: none repeat scroll 0 0 #cb4d49;
    color: #FFFFFF;
}
.btn-danger-outline:hover .caret, .btn-danger-outline.active .caret {
    border-top-color: #FFFFFF;
}
.btn-magenta-outline {
    border: 1px solid #D94084;
    color: #D94084;
}
.btn-magenta-outline .caret {
    border-top-color: #D94084;
}
.btn-magenta-outline:hover, .btn-magenta-outline.active {
    background: none repeat scroll 0 0 #D94084;
    color: #FFFFFF;
}
.btn-magenta-outline:hover .caret, .btn-magenta-outline.active .caret {
    border-top-color: #FFFFFF;
}
.btn-group {
    margin: 0 5px 5px 0;
}
.btn-group.pull-right {
    margin-right: 0;
}
.btn-group > .btn {
    margin: 0;
}
.btn-group > .btn + .dropdown-toggle {
    margin-left: 1px;
}
.btn-group > .btn + .dropdown-toggle .caret {
    margin-left: 0;
}
.btn-group > .btn + .dropdown-toggle[class^="-outline"], .btn-group > .btn + .dropdown-toggle[class*="-outline"] {
    margin-left: -1px;
}
.btn-group.dropup .btn .caret {
    border-bottom-color: #FFFFFF;
}
.btn-group.dropup .btn[class^="-outline"]:hover .caret, .btn-group.dropup .btn[class*="-outline"]:hover .caret {
    border-bottom-color: #FFFFFF;
}
.btn-group.dropup .btn-default:hover .caret, .btn-group.dropup .btn-default-outline .caret {
    border-bottom-color: #BBBBBB;
}
.btn-group.dropup .btn-primary:hover .caret, .btn-group.dropup .btn-primary-outline .caret {
    border-bottom-color: #007AFF;
}
.btn-group.dropup .btn-success:hover .caret, .btn-group.dropup .btn-success-outline .caret {
    border-bottom-color: #60C560;
}
.btn-group.dropup .btn-info:hover .caret, .btn-group.dropup .btn-info-outline .caret {
    border-bottom-color: #5BC0DE;
}
.btn-group.dropup .btn-warning:hover .caret, .btn-group.dropup .btn-warning-outline .caret {
    border-bottom-color: #F0AD4E;
}
.btn-group.dropup .btn-danger:hover .caret, .btn-group.dropup .btn-danger-outline .caret {
    border-bottom-color: #D9534F;
}
/*----------------------------------------------------------------------------------- */
.icon {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.dropdown-menu > li > a i {
    font-size: 18px;
    margin-right: 10px;
    vertical-align: middle;
}

.btn [class^="icon"], .btn[class*="icon"] {
	display: inline-block;
	margin-right: 8px;
}
.btn-group > .btn + .dropdown-toggle[class^="-outline"], .btn-group > .btn + .dropdown-toggle[class*="-outline"] {
    margin-left: -1px;
}
.dropdown-menu {
	margin-top: 0;
	border-radius: 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid #dddddd;
	padding: 0;
	min-width: 120px;
	max-width: 300px;
}
.btn-group > .btn + .dropdown-toggle {
	margin-left: 1px !important;
	height:100% !important;
}
.btn .caret {
	margin: -2px 0 0 6px !important;
}

.widget-container .heading [class^="icon"], .widget-container .heading [class*="icon"] {
	margin-right: 10px;
	font-size: 14px;
}

.panel-heading {
	padding: 0;
	border-radius: 0;
	background-color: #f8f8f8;
}
.panel-title > a {
	font-weight: 300;
	padding: 8px 15px 10px;
	display: block;
}
.btn.default {
    background-color: #E5E5E5;
    color: #333333;
    text-shadow: none;
	height:35px;
	border:1px solid #CCCCCC;
	padding-left:15px;
}

/*----------------------------------header css*/
.header {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	border-bottom: none;
}
.fixed {
	position: fixed;
	top: 0px;
	z-index: 1030;
	height: 20px;
}
/*----------------------------------End header css*/

.iconhead{
	height:52px;
}


/*----------------------------------Tabs*/

.nav-tabs {
    border-bottom: 1px solid #DDDDDD;
	background-color:#f5f5f5;
}
.tabbable-custom {
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0;
	border:1px solid #DDDDDD;
}
.nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs .icon-large[class^="icon-"], .nav-pills .icon-large[class^="icon-"], .nav-tabs .icon-large[class*=" icon-"], .nav-pills .icon-large[class*=" icon-"] {
    margin-right: 10px;
}


.tab-content{
    overflow: hidden;
    padding: 0;
	borde:1px solid #DDDDDD;
	}

/*----------------------------------Tabs*/


.compact{
	border-bottom: 1px solid #E6E6E6 !important;
	}
.lightboxwrap{
	background: #eee;
	width:100%;
	overflow: hidden;
	padding: 5px;
	}
.lightboxwrap_head{
	height:64px;
	background:#f1f1f1;
	border-bottom:1px solid #bbb;
	padding:5px 0 0 20px;
	font-family: "Open Sans";
    font-style: normal;
	font-size:32px;
	color:#5E5E5E;
	}
.lightboxwrap_padded{
	padding:20px 20px;
	}

.btn-group>.btn-lg+.dropdown-toggle.toggle-adjust-1{
	    padding:24px 10px 17px 0px;
}
.btn-group>.btn-lg+.dropdown-toggle.toggle-adjust-1{
		-webkit-padding-after:16px;  /* only for chrome  */
}
.btn-group>.btn-lg+.btn-primary-outline.dropdown-toggle.toggle-adjust-2{
		-webkit-padding-after:16px;  /* only for chrome  */
}

.checkox_drop{
	width:100%;
	float:left;
	position:relative;
	margin-left:30px;
	padding-top:60px;
	bottom:o;
	border:1px solid #333;
	}
.tablecheckbox{
	min-width:250px;
	}
.tablemargin{
	margin-top:-6px;
	}


.colm1{width:80px !important }
.colm2{width:80px !important }

.tabbable-withotoutline {
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0;
}
.bodytable{
	width:1000px !important;
	}
	
a.fileupload-exists:hover{
color:#000;	
}

.tableheader {
width: 10000px !important;
}

#playnews{
	list-style: none;
	height: 100%;
	margin: 0;
	opacity: 0.98;
	text-align: center;
	width: 100%;
	}
#playnews li{
	position: relative;
	display: inline-block;
	float: left;
	margin: 2px 8px;
	text-align: left;
	}

.wrapperscroll {
	width:100%;
	margin:50px auto;
}
.demof {
border: 1px solid #ccc;
margin: 25px 0;
}
.demof ul {
padding: 0;
list-style: none;
}
.demof li {
padding: 20px;
border-bottom: 1px dashed #ccc;
}
.demof li.odd {
background: #fafafa;
}
.demof li:after {
content: '';
display: block;
clear: both;
}
.demof img {
float: left;
width: 177px;
margin: 5px 15px 10px 10px;
}
.demof a {
	font-family: "Open Sans";
	font-style: normal;
	font-size: 16px;
	color: #0057b6;
	text-decoration:none;
}
.demof a:hover{
	font-family: "Open Sans";
    font-style: normal;
	color: #007AFF;
	text-decoration:none;
}
.demof p {
	margin: 15px 0 0;
	font-size: 14px;
}
.demo3 {
font-family: Arial, sans-serif;
border: 1px solid #C20;
margin: 50px 0;
font-style: italic;
position: relative;
padding: 0 0 0 80px;
box-shadow: 0 2px 5px -3px #000;
border-radius: 3px;
}
.demo3:before {
content: "Latest News";
display: inline-block;
font-style: normal;
background: #C20;
padding: 10px;
color: #FFF;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
}
.demo3:after {
content: '';
display: block;
top: 0;
left: 80px;
background: linear-gradient(#FFF, rgba(255, 255, 255, 0));
height: 20px;
}
.demo3 ul li {
	list-style: none;
	padding: 10px 0;
}
.demo5 {
/*border: 2px solid #FF3333;*/
	margin-top: 10px;
	border-radius: 10px;
	width: 250px;
	-webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
}
.demo5 ul {
  padding: 0;
}
.demo5 ul li {
/*padding: 10px 10px 10px 10px;*/
/*border-bottom: 1px solid #FF3333;*/
	border-radius: 10px;
	list-type: none;
	margin: 0;
}
.et-run {
	background-color: #0cf;
	color: white;
	border: 1px solid black;
}

.stop_pause{
	text-decoration:none !important;
	}
div.row > div > div.row {
	margin-bottom:15px;
	}
.row{
	margin-right:40px !important;
	margin-left:40px !important;
	}
		
.scroll_news{
	padding-left:590px;
	}
	
/***********************************Start Component Part II************************/


#flotTip {
	background: #f9f9f9;
	border: 1px solid #efefef;
	padding: 5px 10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font-size: 12px;
	font-weight: bold
}
.yAxis .tickLabel:first-child, .yAxis .tickLabel:last-child {
	display: none
}
.tickLabel {
	font-weight: bold;
	font-size: 12px;
	color: #666;
	padding: 7px
}
.flotchart-holder {
	margin: 30px 0 10px;
	height: 200px;
	padding: 0
}
.flotchart-holder .label {
	padding: 5px 10px
}
#chart_lines_fill_nopoints_2 {
	height: 160px
}
.legend table {
	top: -30px !important;
	left: 0 !important;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-collapse: separate
}
.legend table tr td {
	padding: 5px;
	background: #f9f9f9;
	border: 1px solid #efefef;
	border-left: none;
	border-right: none
}
.legend table tr td.legendLabel {
	padding-left: 0;
	color: #666;
	font-size: 12px;
	font-weight: bold
}
.legend table tr td.legendColorBox>div {
	border: none !important
}
.legend table tr td.legendColorBox>div>div {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px
}
.legend table tr td:first-of-type {
	padding-left: 10px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	border-left: 1px solid #efefef
}
.legend table tr td:last-of-type {
	padding-right: 10px;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	border-right: 1px solid #efefef
}
.tooltip-inner {
	background: #272a2c;
	color: #bab9b9
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #272a2c
}
.tooltip.top .tooltip-arrow {
	border-top-color: #272a2c
}
.tooltip.left .tooltip-arrow {
	border-left-color: #272a2c
}
.tooltip.right .tooltip-arrow {
	border-right-color: #272a2c
}
.tooltip.left {
	margin-left: -13px
}
#flotTip {
	white-space: nowrap;
	border: 1px solid #0057b6;
	padding: 3px 8px;
	background:#007AFF;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2), inset -1px -1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2), inset -1px -1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2), inset -1px -1px 1px rgba(0,0,0,0.2);
	position: absolute;
	z-index: 100;
	color: #fff
}
.widget.widget-body-gray>.widget-body {
background: #f4f4f4;
}

.widget.widget-heading-simple>.widget-body {
border: 1px solid #efefef;
}
.widget .widget-body {
padding: 10px;
}

.innerAll {
padding: 10px;
position: relative;
}
.margin-none {
margin: 0 !important;
}
.border-bottom {
border-bottom: 1px solid #efefef !important;
}

.label.label-inverse {
	background: #424242;
}

/***********************************Start New Login Page 1************************/

.login-page .loginpanel {
	position: relative;
	width: 450px;
	margin: 0 auto;
	top: 10%;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.05),0 4px 4px -3px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.05),0 4px 4px -3px rgba(0,0,0,0.1);
}

.loginpanel {
	margin-bottom: 20px;
	background-color: #fbfbfb;
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.login-page .loginpanel-heading {
	padding: 22px 15px;
	text-align:center;
}
.loginpanel-default>.loginpanel-heading {
	color: #666;
	background-color: #fff;
	border-color: #e5e5e5;
	border-radius:0;
}
.loginpanel>.list-group .list-group-item {
	border-color: #eee;
	background: 0;
	border-radius: 0;
}
.loginpanel>.list-group {
	margin-bottom: 0;
}
.list-group {
	margin-bottom: 20px;
	padding-left: 0;
}
.login-page .list-group-item {
	padding: 15px 15px;
	color: #555;
}
.loginpanel>.list-group .list-group-item {
	border-color: #eee;
	background: 0;
	border-radius: 0;
	border-width: 1px 0;
}
.login-page .loginform-group {
	margin: 0 auto 10px;
}
.login-page .loginform-group input {
	width: 262px;
	margin: 0 auto;
}
.loginform-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size:14px;
}
.logininput-lg {
	height: 41px;
	padding: 7.5px 16px;
	font-size: 14px;
	line-height: 1.33;
	border-radius: 3px;
}
.login-page .login-text {
	display: inline-block;
/*	margin-bottom: 16px;*/
/*	margin:0 auto 10px;*/
	margin-left:77px;
}

.loginform_check{
	min-height: 20px;
	padding-left: 24px;
	vertical-align: middle;
	float: left;
	margin-left:-24px;
	margin-top:-24px;
	}

.loginpanel-footer {
	padding: 10px 15px;
	background-color: #fff;
	border-top: 1px solid #eee;
	border-bottom-right-radius: -1;
	border-bottom-left-radius: -1;
	text-align:center;
}
.loginpanel-footer {
	padding: 15px 10px;
	background-color: #fff;
	border-top: 1px solid #eee;
	border-bottom-right-radius: -1;
	border-bottom-left-radius: -1;
}
.invalid {
	display: inline-block;
	margin: 5px auto 5px;
	color:#0057b6;
	margin-bottom:0px;
}

.custom-checkbox
{
    position: relative;
    display: inline-block;
	top:4px;
	margin-left:1px;
}
.loginlabel {
	display: inline-block;
	margin-bottom:0 !important;
}
.glowing-border {
    border-radius: 0px;
}

.glowing-border:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}
/***********************************Start New Login Page 2************************/
.verticalcenter {
	position: absolute;
	top: 42%;
	left: 50%;
	margin-top: -186px;
	margin-left: -200px;
}
.brand {
	display: block;
/*	padding-bottom: 20px;*/
	margin: 0 auto;
	width: 398px;
	background-color:#FFF;
	padding:0;
	text-align:center;
}
.lgbrd{
	border-left: 1px solid #d2d3d6;
	border-right: 1px solid #d2d3d6;
	border-top: 1px solid #d2d3d6;
	background-color: #fff;
	width:400px;
	margin:0 auto;
}
.panel {
	margin: 0 0 20px;
	border-radius: 1px;
	width:400px;
}
.panel-primary {
	border-color: #0057b6;
}
.panel-primary .panel-body {
	border-top: 2px solid #0057b6;
}
[class*="panel-"].panel .panel-body {
	padding: 20px;
	border-left: 1px solid #d2d3d6;
	border-right: 1px solid #d2d3d6;
	border-bottom: 1px solid #d2d3d6;
	background-color: #fff;
}
form {
	display: block;
	margin-top: 0em;
}
.form-group {
	margin-bottom: 15px;
}
.form-horizontal .form-group {
	margin-left: -10px;
	margin-right: -10px;
}
.form-group {
	margin-bottom: 20px;
}
.form-horizontal{
	margin-top: 0;
	margin-bottom: 0;
/*	padding-top: 8px;*/
}
.control-label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 8px;
	display:none;
	width:340px;
}
.form-control {
	height: 34px;
	padding: 5px 9px;
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.015)!important;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.015)!important;
}
.logform-control {
	display: block;
	width: 355px;
	height: 36px;
	padding: 7px 15px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #4d4d4d;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d2d3d6;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.pull-right {
	float: right!important;
}
[class*="panel-"].panel .panel-footer {
	background-color: #f7f8fa;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #d2d3d6;
	padding: 20px 20px;
	color: #000;
}

.footer_text{
	text-align:center;
	color:#0057b6;
	}
.form-5 input[type="text"], .form-5 input[type="password"] {
 color: #a4a4a4;
 font-size:14px;
}

/***********************************Start New Login Page 3************************/

.panel_bg{
	background:url(../images/panel_bg.png) no-repeat;
	width:517px;
	height:549px;
	margin:0 auto;
/*	padding-left:65px;
	padding-top:155px;*/
	}
.nverticalcenter {
	position: absolute;
	top: 42%;
	left: 50%;
	margin-top: -186px;
	margin-left: -200px;
}

.imglo{
	border-bottom: 1px solid #d2d3d6;
	background-color: #fff;
	width:385px;
	margin:0 auto;
	margin-left:1px;
}
.npanel {
	margin: 0 0 20px;
	border-radius: 1px;
	width:386px;
	padding-left:65px;
	padding-top:155px;
}
.npanel-primary {
	border-color: #0057b6;
}
.npanel-primary .npanel-body {
	border-top: 2px solid #0057b6;
}
[class*="npanel-"].npanel .npanel-body {
	padding: 20px;
}
.npanelbg{
/*	background-color:#f2f2f2;*/
	margin-left:1px;
	}
nform {
	display: block;
	margin-top: 0em;
}
.nform-group {
	margin-bottom: 15px;
}
.nform-horizontal .nform-group {
	margin-left: -10px;
	margin-right: -10px;
}
.nform-group {
	margin-bottom: 20px;
}
.nform-horizontal{
	margin-top: 0;
	margin-bottom: 0;
/*	padding-top: 8px;*/
}
.ncontrol-label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 8px;
	display:none;
	width:340px;
}
.nform-control {
	height: 34px;
	padding: 5px 9px;
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.015)!important;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.015)!important;
}
.nlogform-control {
	display: block;
	width: 355px;
	height: 36px;
	padding: 7px 15px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #4d4d4d;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d2d3d6;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.npull-right {
	float: right!important;
	margin-right:-62px !important;
}
.nfooter_text{
	text-align:center;
	color:#0057b6;
}
.form-5 input[type="text"], .form-5 input[type="password"] {
	 color: #a4a4a4;
	 font-size:14px;
}
.invalid{
	padding-top:35px;
	color:#0057b6;
	margin:0 auto;
	padding-left:65px;
	}
	
.frmpad{
	padding-top:20px;
	}
	
.btn-primary_2 {
    background: none repeat scroll 0 0 #066ba9;
    border-color: #005386;
	border-bottom:2px solid #005386 !important;
	color:#FFF;
}
.btn-primary_2:hover, .btn-primary_2.active {
    background: #087ac2;
	border-bottom:2px solid #005386 !important;
/*    border-color: #0057b6;*/
    color: #FFF;
}
.btn-primary_2:hover .caret, .btn-primary_2.active .caret {
    border-top-color: #fff;
}

.btn-default_2 {
	background: #b7b7b7;
	color: FFF;
	border-bottom: 2px solid #858585;
}

		
.btn-primary_2 {
    background: none repeat scroll 0 0 #066ba9;
    border-color: #005386;
	border-bottom:2px solid #005386 !important;
	color:#FFF;
}
.btn-primary_2:hover, .btn-primary_2.active {
    background: #087ac2;
	border-bottom:2px solid #005386 !important;
/*    border-color: #0057b6;*/
    color: #FFF;
}
.btn-primary_2:hover .caret, .btn-primary_2.active .caret {
    border-top-color: #fff;
}


.btn-primary_3 {
    background: none repeat scroll 0 0 #55688A;
    border-color: #005386;
	border-bottom:2px solid #005386 !important;
	color:#FFF;
}
.btn-primary_3:hover, .btn-primary_3.active {
    background: #667DA5;
	border-bottom:2px solid #005386 !important;
/*    border-color: #0057b6;*/
    color: #FFF;
}
.btn-primary_3:hover .caret, .btn-primary_3.active .caret {
    border-top-color: #fff;
}