.skin-blue-light .main-header .navbar {
	background-color: #3c8dbc
}

.skin-blue-light .main-header .navbar .nav>li>a {
	color: #fff
}

.skin-blue-light .main-header .navbar .nav>li>a:hover,
.skin-blue-light .main-header .navbar .nav>li>a:active,
.skin-blue-light .main-header .navbar .nav>li>a:focus,
.skin-blue-light .main-header .navbar .nav .open>a,
.skin-blue-light .main-header .navbar .nav .open>a:hover,
.skin-blue-light .main-header .navbar .nav .open>a:focus,
.skin-blue-light .main-header .navbar .nav>.active>a {
	background: rgba(0, 0, 0, 0.1);
	color: #f6f6f6
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
	color: #fff
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
	color: #f6f6f6;
	background: rgba(0, 0, 0, 0.1)
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
	color: #fff
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
	background-color: #367fa9
}

@media (max-width:767px) {
	.skin-blue-light .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255, 255, 255, 0.1)
	}
	.skin-blue-light .main-header .navbar .dropdown-menu li a {
		color: #fff
	}
	.skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
		background: #367fa9
	}
}

.skin-blue-light .main-header .logo {
	background-color: #337AB7;
	color: #fff;
	border-bottom: 0 solid transparent
}

.skin-blue-light .main-header .logo:hover {
	background-color: #3b8ab8
}

.skin-blue-light .main-header li.user-header {
	background-color: #3c8dbc
}

.skin-blue-light .content-header {	
	border-bottom: 1px solid #d2d6de;
}

.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side {
	background-color: #f9fafc
}

.skin-blue-light .content-wrapper,
.skin-blue-light .main-footer {
	border-left: 1px solid #d2d6de
}

.skin-blue-light .user-panel>.info,
.skin-blue-light .user-panel>.info>a {
	color: #444
}

.skin-blue-light .sidebar-menu>li {
	-webkit-transition: border-left-color .3s ease;
	-o-transition: border-left-color .3s ease;
	transition: border-left-color .3s ease
}

.skin-blue-light .sidebar-menu>li.header {
	color: #848484;
	background: #f9fafc
}

.skin-blue-light .sidebar-menu>li>a {
	border-left: 3px solid transparent;
	font-weight: 600
}

.skin-blue-light .sidebar-menu>li:hover>a,
.skin-blue-light .sidebar-menu>li.active>a {
	color: #337ab7;
	background: #f4f4f5
}

.skin-blue-light .sidebar-menu>li.active {
	border-left-color: #3c8dbc
}

.skin-blue-light .sidebar-menu>li.active>a {
	font-weight: 600
}

.skin-blue-light .sidebar-menu>li>.treeview-menu {
	background: #f4f4f5
}

.skin-blue-light .sidebar a {
	color: #444
}

.skin-blue-light .sidebar a:hover {
	text-decoration: none
}

.skin-blue-light .treeview-menu>li>a {
	color: #777;
	margin-left: 15px;
}

.skin-blue-light .treeview-menu>li.active>a,
.skin-blue-light .treeview-menu>li>a:hover {
	color: #000
}

.skin-blue-light .treeview-menu>li.active>a {
	font-weight: 600
}

.skin-blue-light .sidebar-form {
	border-radius: 3px;
	border: 1px solid #d2d6de;
	margin: 10px 10px
}

.skin-blue-light .sidebar-form input[type="text"],
.skin-blue-light .sidebar-form .btn {
	box-shadow: none;
	background-color: #fff;
	border: 1px solid transparent;
	height: 35px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.skin-blue-light .sidebar-form input[type="text"] {
	color: #666;
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px
}

.skin-blue-light .sidebar-form input[type="text"]:focus,
.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	background-color: #fff;
	color: #666
}

.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	border-left-color: #fff
}

.skin-blue-light .sidebar-form .btn {
	color: #999;
	border-top-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 0
}

@media (min-width:768px) {
	.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
		border-left: 1px solid #d2d6de
	}
}

.skin-blue-light .main-footer {
	border-top-color: #d2d6de
}

.skin-blue.layout-top-nav .main-header>.logo {
	background-color: #3c8dbc;
	color: #fff;
	border-bottom: 0 solid transparent
}

.skin-blue.layout-top-nav .main-header>.logo:hover {
	background-color: #3b8ab8
}
@media (max-width: 991px)

/*king*/
.f12{font-size:12px; line-height:20px;}
.loginbg{ background:url(../images/loginbg.jpg);background-size:cover;}
.content-header{padding:0px 15px;background:#ecf0f5;height:45px;}
.content-header h2{font-size: 15px; float:left;}
form label{float:left;padding-right:10px;text-align: right;width:30%;}
form .search-input{float:left;width: calc(100% - 120px);}
form .search-button{text-align:center;}
.help-block{width:60%;margin-left:25%;margin-bottom: -15px;}

.checkbox label, .radio label {padding-left: 10px;}
.content-wrapper, .right-side{background:#FFF;}
.table{ border-top: 3px solid #36C;}
.fixed-table-container{border:0;overflow: auto;}
.pagination{margin:0px;}
.pagination-detail{display:none;}
.tool-btn{float:right;padding:6px 15px;}
.tool-btn .add:before{ content: "\f067";font-family: FontAwesome;}
.tool-btn .edit:before{ content: "\f040";font-family: FontAwesome;}
.tool-btn .del:before{ content: "\f014";font-family: FontAwesome;}
.tool-btn .check:before{ content: "\f00c";font-family: FontAwesome;}
.tool-btn .user:before{ content: "\f007";font-family: FontAwesome;}

.modal-header { background:#3C8DBC; color:#fff;border-radius: 5px 5px 0px 0px;}
.modal-footer{border:0px; text-align:center;}

.box-header{border-bottom:1px solid #F4F4F4;}
label{font-weight:normal;}
.rolelist{text-align:center;line-height: 80px; background:#D9EDF7; color:#3C8DBC; margin: 20px 5px; cursor: pointer;}
.rolechecked{background:#3C8DBC; color: #FFF;}

#pwdMsg{color:#f00000;text-align:center;}

.control-label{width:100px;}
.flexRow{display:flex; }
.flexRow .w50{width:50%;}

.search-checkbox{padding:6px 0;}
.search-checkbox span{margin-left:10px;}