body {

	padding: 0px 0px 0px 0px !important;

	font-family: lato !important;

}



/*HEADER START*/

.main-header {

	background-image: url(../images/mpanel-header.jpg);

	background-color: #2055A4;

	-moz-box-shadow: 0 0 5px #000;

}

.main-nav {

	background: none !important;

	margin: 0 !important;

}

.main-nav .navbar-collapse {

	padding: 0;

}

.navbar-brand {

	height: auto !important;

	margin-right: -68px;

	padding: 0;

}

.navbar-brand img {

	width: 75%;

	height: 51px;

}

.nav {

	width: auto;

	min-width: auto;

}

.navbar-nav {

	height: auto;

	-webkit-border-radius: 4px 4px 0 0;

	-moz-border-radius: 4px 4px 0 0;

	-ms-border-radius: 4px 4px 0 0;

	-o-border-radius: 4px 4px 0 0;

	border-radius: 4px 4px 0 0;

}

.navbar-nav>li {

	font-size: 15px;

	font-weight: 400;

}

.main-header .nav>li>a:hover, .main-header .nav>li>a:active, .main-header .nav>li>a:focus, .main-header .nav .open>a, .main-header .nav .open>a:hover, .main-header .nav .open>a:focus, .main-header .nav>.active>a {

	background: rgba(2, 31, 72, 0.58);

}

.navbar-nav li {

	position: relative;

}

.navbar-nav li:after {

	content: '';

	width: 0;

	border-bottom: 1px solid #84E3F8;

	position: absolute;

	bottom: 0;

	right: 0;

}

.navbar-nav li:hover:after {

	width: 100%;

}

.navbar-nav a, .navbar-nav li:after {

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}

.sub-menu {

	background-image: url(../images/mpanel-header.jpg);

	width: 230px;

	position: absolute;

	top: 100%;

	left: 9999px;

	opacity: 0;

	margin-top: 10px;

	-webkit-transition: margin 0.2s ease, opacity 0.2s ease-in;

	-moz-transition: margin 0.2s ease, opacity 0.2s ease-in;

	-ms-transition: margin 0.2s ease, opacity 0.2s ease-in;

	-o-transition: margin 0.2s ease, opacity 0.2s ease-in;

	transition: margin 0.2s ease, opacity 0.2s ease-in;

	z-index: 2;

}

.last-item .sub-menu {

	width: 150px;

	right: 9999px;

}

.sub-menu li {

	font-size: 12px;

	list-style-type: decimal;

	color: #d9f6fc;

	-webkit-box-shadow: inset 0 0 1px #000;

	-moz-box-shadow: inset 0 0 1px #000;

	box-shadow: inset 0 0 1px #000;

	float: none;

}

.sub-menu li:hover a, .sub-menu .active {

	background: rgba(25, 177, 255, 0.53);

	text-decoration: none;

}

.sub-menu a {

	display: block;

	color: #fff;

	padding: 12px;

}

.nav {

	padding-left: 41px;

	margin-bottom: 0;

	list-style: none;

}

.navbar-nav li:hover>ul {

	margin-top: 0;

	left: 0;

	opacity: 1;

	box-shadow: 0px 4px 10px 0px rgba(19, 18, 18, 0.54);

}

.navbar-nav .last-item:hover>ul {

	right: 0;

	left: auto;

}

.navbar-nav>li:hover>a, .navbar-nav>li.active:hover>a {

	background: rgba(0, 0, 0, 0.1) !important;

}

.navbar-nav>li>a {

	color: #D9F6FC !important;

	padding: 15px 15px;

}

.navbar-nav>li>a:focus {

	background: #05C4EE !important;

}



/*media queries for navigation START*/



@media (max-width: 1199px) {

	.navbar-nav>li {

		font-size: 15px;

	}

	.navbar-nav>li>a {

		padding: 28px 16px;

	}

}

@media (max-width: 991px) {

	/* .navbar-brand {

		width: 80px;

		margin-right: 5px;

	} */

	.navbar-nav>li {

		font-size: 13px;

	}

	.navbar-nav>li>a {

		padding: 19px 10px;

	}

}

@media (max-width: 767px) {

	.main-header {

		max-height: inherit;

	}

	.main-header .container {

		padding: 0;

	}

	.navbar-collapse.in {

		overflow: visible;

	}

	.navbar-toggle {

		top: 5px;

		border: none;

	}

	.navbar-toggle:hover, .navbar-toggle:focus {

		background: none !important;

	}

	.navbar-default .navbar-toggle .icon-bar, .navbar-toggle.collapsed .icon-bar {

		background-color: #fff;

	}

	.navbar-toggle:hover .icon-bar {

		background-color: #00EAFF;

	}

	.nav, .nav li {

		float: none;

	}

	.navbar-nav {

		margin: 0;

	}

	.sub-menu {

		width: auto;

		position: static;

		display: none;

		opacity: 1;

	}

	/* Elements with Centered text */

	.submit-btn {

		text-align: center;

	}

}

.nav-container {

	width: 100vw;

}



/*media queries for navigation END*/

/*HEADER END*/





.main-content {

	background: #E9EBEE;

	padding: 25px 15px 10px 15px;

}

.main-panel {

	border-radius: 0;

	background: #F8F8F8;

}

.panel-body {

    padding: 20px;

}

.panel-primary>.panel-heading {

	background-image: url("../images/panel-header.jpg");

	background-color: rgb(15, 55, 111);

	border-color: #004ec2 !important;

	border-radius: 0px;

	text-decoration: none;

	font-size: 16px;

	color: #fff;

	display: block;

	position: relative;

	padding: 11px 16px !important;

	padding-right: 15px !important;

	cursor: pointer;

	opacity: 1;

}

.panel-red>.panel-heading {

    border-color: #d9534f;

    color: #fff;

    background-image: url(../images/panel-header-red.jpg);

}

.panel-green>.panel-heading {

    border-color: #5cb85c;

    color: #fff;    

    background-image: url(../images/panel-header-green.jpg);

}



.main-panel-heading {

	font-size: 18px;

	padding-left:  25px;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.huge{display: inline-block;font-size: 40px;margin: auto;line-height: 1;}



/*statistics dashboard panels footer*/

/*accordians penal */

.panel-default>.panel-heading {text-decoration: none;font-size: 18.5px;color: #FFF;display: block;position: relative;padding: 20px 45px !important;padding-right: 15px !important;cursor: pointer;background: #474d58 !important;border-radius: 0;border: none;opacity: 1;}

.panel-footer {

    padding: 10px 15px;

    background-color: #ffffff;

    border-top: 1px solid #ddd;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.43);

}

.panel {

    margin-bottom: 20px;

    background-color: #ffffff;

    border: 1px solid #6280ae;

    border-radius: 0px !important;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);

    box-shadow: 0 1px 1px rgba(0,0,0,.05);

}



.alert {

	padding: 20px;

	background-color: #f44336;

	color: white;

	opacity: 1;

	transition: opacity 0.6s;

	margin-bottom: 15px;

	border-radius: 0;

}

.alert.success {

	background-color: #4CAF50;

}

.alert.info {

	background-color: #2196F3;

}

.alert.warning {

	background-color: #ff9800;

}

.closebtn {

	margin-left: 15px;

	color: white;

	font-weight: bold;

	float: right;

	font-size: 22px;

	line-height: 20px;

	cursor: pointer;

	transition: 0.3s;

}

.closebtn:hover {

	color: black;

}



/*select box search css JK */



/*.input-block-level {*/

/*	display: block;*/

/*	width: 100%;*/

/*	height: 34px;*/

/*	padding: 6px 12px;*/

/*	font-size: 14px;*/

/*	line-height: 1.42857143;*/

/*	color: #333333;*/

/*	background-color: #fff;*/

/*	background-image: none;*/

/*	border: 1px solid #ccc;*/

/*	border-radius: 0px;*/

/*	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/

/*	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/

/*	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;*/

/*	-o-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;*/

/*}*/

/*.bs-searchbox, .bs-actionsbox {*/

/*	padding: 4px 8px !important;*/

/*}*/



/*Start input form Css JK 15/12/2016 08:53 PM*/



.input-form {

	font-size: 13px;

	cursor: pointer!important;

	background: #fff;

	-moz-box-shadow: inset 1px 1px 3px #f6f6f6;

	border-radius: 0px;

}



/*end input-form JK 15/12/2016 08:53 PM*/





/*popup form desgin Start JK 15/12/2016 09:29 PM*/



.custom-modal-dialog {

	width: 80%;

}











.mod-header {

    padding: 15px;

    border-bottom: 1px solid #e5e5e5;

    background-color: #fafafa;

}

.mod-body {

	position: relative;

	padding: 15px 35px 15px 35px !important;

	background: rgba(255, 255, 255, 0);

	font-family: lato;

	font-size: 14px;

	color: #999;

}

.modal-content {

    position: relative;

    background-color: #fff;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid #999;

    border: 1px solid rgba(0,0,0,.2);

    border-radius: 0px;

    outline: 0;

    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);

    box-shadow: 0 3px 9px rgba(0,0,0,.5);

}

.mod-close {

    float: right;

    font-size: 21px;

    font-weight: 700;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    filter: alpha(opacity=20);

    opacity: .2;

}



.mod-label {

	display: inline-block;

	font-family: lato;

	max-width: 100%;

	margin-bottom: 5px;

	font-weight: 700;

	color: #777;

}

.modal-footer {

    padding: 15px;

    text-align: right;

    border-top: 1px solid #e5e5e5;

    /* background-color: #f4f7ff; */

}



/*popup form desgin Start JK 15/12/2016 09:29 PM*/



.hr {

	margin-top: 10px;

	margin-bottom: 10px;

	border: 0;

	border-top: 1px solid #efefef;

}



/*add new button JK*/



/*.add-btn {*/

/*	padding: 10px 8px 10px 10px;*/

/*	font-size: 12px;*/

/*	line-height: 1.5;*/

/*	border-radius: 0px;*/

/*}*/

/*.add-btn {*/

/*	color: #fff;*/

/*	background-color: #e23200;*/

/*}*/

/*.add-btn:hover {*/

/*	color: #fff;*/

/*	background-color: #31b0d5;*/

/*	border-color: #269abc;*/

/*}*/

/*.add-btn:focus, .add-btn:hover {*/

/*	color: #fff;*/

/*	text-decoration: none;*/

/*}*/



/*add new button end JK*/



/*.btn-success:hover {*/

/*	color: #fff;*/

/*	background-color: #449d44;*/

/*	box-shadow: 0 14px 26px -12px rgba(68, 157, 68, 0), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgb(68, 157, 68);*/

/*	border-color: rgba(12, 120, 12, 0)!important;*/

/*}*/

/*.btn.focus, .btn:focus, .btn:hover {*/

/*	color: #151515;*/

/*	text-decoration: none;*/

/*}*/



/*animated search JK 16/12/2016 03:47 PM*/



.input[type=search] {

	width: 130px;

	-webkit-transition: width 0.4s ease-in-out;

	transition: width 0.4s ease-in-out;

}



/* When the input field gets focus, change its width to 100% */



input[type=search]:focus {

	width: 100%;

}



/*start table filter search JK 15/12/2016 03:38 PM*/

/**/

/**/



/**/

/**/

* {

	/* box-sizing: border-box; */

}

#myInput {

	background-image: url(searchicon.png);

	background-position: 10px 10px;

	background-repeat: no-repeat;

	font-size: 12px;

	padding: 8px 20px 8px 40px;

	border: 1px solid #ddd;

	margin-bottom: 2px;

}



/*data table 15/12/2016 10:23 AM JK*/



.data-table {

	border-collapse: collapse;

	border-spacing: 0;

	width: 100%;

	border: 1px solid #ddd;

}

th {font-family: sans-serif;padding-top: 18px !important;padding-bottom: 18px !important;padding-left: 9px !important;font-size: 12px;color: #ffffff;line-height: 1.4 !important;background-color: #123770ba;border: 1px solid #8493a7;

    

}

td {

	text-align: left;

	padding: 3px 2px 3px 12px;

	font-weight: bold;

	font-size: 10.5px;

	font-family: 'Lato', sans-serif;

	color: #8e8c8c;

	border-left: 1px solid rgba(204, 204, 204, 0.33);

	border-right: 1px solid rgba(204, 204, 204, 0.29);

	border-bottom: 1px solid #ccc;

}

tr:nth-child(even) {

	background-color: rgba(246, 247, 249, 0.55);

}

.table>thead>tr>th {

}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

	/* font-weight: unset; */

	/* padding-right: 10px; */

	/* padding: 8px; */

	/* line-height: 1.42857143; */

	vertical-align: inherit;

	/* border-top: 1px solid #ccc!important; */

}



/*end data table*/





/* Dropdown Button JK 15/12/2016 10:22 AM*/



.dropbtn {

	background-color: #31708f;

	color: white;

	height: 33px;

	padding: 4px 10px 4px 10px;

	font-size: 14px;

	border: none;

	cursor: pointer;

	font-family: lato;

}



/* Dropdown button on hover & focus */



.dropbtn:hover, .dropbtn:focus {

	background-color: #2b9af9;

	;

}



/* The container <div> - needed to position the dropdown content */



.dropdown {

}



/* Links inside the dropdown */



.dropdown-content a {

	color: black;

	padding: 12px 16px;

	text-decoration: none;

	display: block;

}

.dropdown-menu {

	position: absolute;

	top: 100%;

	left: 0;

	z-index: 1000;

	display: none;

	float: left;

	min-width: 122px;

	padding: 5px 0;

	margin: 1px 0 0;

	font-size: 12px;

	text-align: left;

	list-style: none;

	background-color: #f9f9f9;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	border: 1px solid rgba(0, 0, 0, 0.06);

	border-radius: 0px;

}

.dropdown-menu>li>a {

	display: block;

	padding: 3px 20px;

	clear: both;

	font-weight: 400;

	line-height: 1.42857143;

	color: #333;

	white-space: nowrap;

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

	color: #ffffff;

	text-decoration: none;

	background-color: #0b3152;

}



/* Change color of dropdown links on hover */



.dropdown-content a:hover {

	background-color: #f1f1f1

}



/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */



.show {

	display: block;

}



/*drop down button END JK*/





/* model close button start JK 19/12/2016 11:10 AM*/



.btn-close {

	color: #dff0d8;

	background-color: #27546b;

	border-color: #337ab7;

}

.btn {

	display: inline-block;

		line-height: 1.42857143;

	    padding: 6px 12px;

	margin-bottom: 0;

	font-size: 14px;

	font-weight: 400;

	/*line-height: 1.42857143;*/

	text-align: center;

	white-space: nowrap;

	vertical-align: middle;

	-ms-touch-action: manipulation;

	touch-action: manipulation;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background-image: none;

	border-radius: 0px;

}



/* model close button end JK 19/12/2016 11:10 AM*/





/*pagination Start 15/12/2016 10:22 AM*/



.ul.pagination {

	display: inline-block;

	padding: 0;

	margin: 0;

}

ul.pagination li {

	display: inline;

}

ul.pagination li a {

	color: black;

	float: left;

	padding: 8px 16px;

	text-decoration: none;

	transition: background-color .3s;

}

ul.pagination li a.active {

	background-color: #0b3152;

	color: white;

}

ul.pagination li a:hover:not(.active) {

	background-color: #ddd;

}



/*paginaton End*/



/*fa bullhorn annoucement*/

.fa .annoucement {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.fa .annoucement {

    color: #f1f1f1;

}





/*footer start here JK 15/12/2016 09:22 PM*/



.rit-footer {

	color: #ddd!important;

	background-color: rgb(34, 85, 167)!important;

}

.fa {

	color: #f1f1f1;

	:

	ing: grayscale

}

.boxed-text {

	color: #337ab7;

	font-weight: bold;

	background-color: #ffffff;

	border: 1px dotted #337ab7;

	padding: 4px;

}

.hand-curser {

	cursor: pointer;

}



/*RESPONSIVE TABLE START*/





/*COPIED FROM http://stackoverflow.com/questions/8232713/how-to-display-scroll-bar-onto-a-html-table */



#table-wrapper {

	border-radius: 1px;

	overflow: hidden;

	width:  100%;

	position: relative;

	border:  1px solid #ccc;

	box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.15);

	padding:  5px;

}

#table-scroll {

	position: relative;

	overflow-x:  auto;

	padding: 0px 0px 95px 0px;

}

#table-wrapper table {

	width: 100%;

}



#table-wrapper table thead th .text {

	position: absolute;

	top: -20px;

	z-index: 2;

	height: 20px;

	width: 35%;

	border: 1px solid red;

}



/*RESPONSIVE TABLE END*/



.bootstrap-select.form-control {

	margin-bottom: 0;

	padding: 0;

}



/*Clearfix css START*/





/*COPIED FROM http://www.jqui.net/tips-tricks/css-clearfix/ */



.clearfix:after {

	content: "\00A0";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.clearfix {

	display: inline-block;

}

html[xmlns] .clearfix {

	display: block;

}

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block

}



/*Clearfix css END*/

/*Loader START*/



/*copied from https://www.w3schools.com/howto/howto_css_loader.asp*/



#loader-modal {

	position: fixed;

	top: 40%;

	left: 45%;

}

.loader {

	border: 16px solid #f3f3f3;

	border-radius: 50%;

	border-top: 16px solid #3498db;

	width: 120px;

	height: 120px;

	-webkit-animation: spin 2s linear infinite;

	animation: spin 2s linear infinite;

}

@-webkit-keyframes spin {

	0% {

		-webkit-transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(360deg);

	}

}

@keyframes spin {

	0% {

		transform: rotate(0deg);

	}

	100% {

		transform: rotate(360deg);

	}

}



/*Loader END*/





/*SUPPORT XL START*/



@media (min-width:1200px) and (max-width:1599px) {

	.hidden-lg {

		display: none!important

	}

}

.visible-xl, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block {

	display: none!important

}

@media (min-width:1482px) {

	.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {

		float: left

	}

	.col-xl-12 {

		width: 100%

	}

	.col-xl-11 {

		width: 91.66666667%

	}

	.col-xl-10 {

		width: 83.33333333%

	}

	.col-xl-9 {

		width: 75%

	}

	.col-xl-8 {

		width: 66.66666667%

	}

	.col-xl-7 {

		width: 58.33333333%

	}

	.col-xl-6 {

		width: 50%

	}

	.col-xl-5 {

		width: 41.66666667%

	}

	.col-xl-4 {

		width: 33.33333333%

	}

	.col-xl-3 {

		width: 25%

	}

	.col-xl-2 {

		width: 16.66666667%

	}

	.col-xl-1 {

		width: 8.33333333%

	}

	.col-xl-pull-12 {

		right: 100%

	}

	.col-xl-pull-11 {

		right: 91.66666667%

	}

	.col-xl-pull-10 {

		right: 83.33333333%

	}

	.col-xl-pull-9 {

		right: 75%

	}

	.col-xl-pull-8 {

		right: 66.66666667%

	}

	.col-xl-pull-7 {

		right: 58.33333333%

	}

	.col-xl-pull-6 {

		right: 50%

	}

	.col-xl-pull-5 {

		right: 41.66666667%

	}

	.col-xl-pull-4 {

		right: 33.33333333%

	}

	.col-xl-pull-3 {

		right: 25%

	}

	.col-xl-pull-2 {

		right: 16.66666667%

	}

	.col-xl-pull-1 {

		right: 8.33333333%

	}

	.col-xl-pull-0 {

		right: auto

	}

	.col-xl-push-12 {

		left: 100%

	}

	.col-xl-push-11 {

		left: 91.66666667%

	}

	.col-xl-push-10 {

		left: 83.33333333%

	}

	.col-xl-push-9 {

		left: 75%

	}

	.col-xl-push-8 {

		left: 66.66666667%

	}

	.col-xl-push-7 {

		left: 58.33333333%

	}

	.col-xl-push-6 {

		left: 50%

	}

	.col-xl-push-5 {

		left: 41.66666667%

	}

	.col-xl-push-4 {

		left: 33.33333333%

	}

	.col-xl-push-3 {

		left: 25%

	}

	.col-xl-push-2 {

		left: 16.66666667%

	}

	.col-xl-push-1 {

		left: 8.33333333%

	}

	.col-xl-push-0 {

		left: auto

	}

	.col-xl-offset-12 {

		margin-left: 100%

	}

	.col-xl-offset-11 {

		margin-left: 91.66666667%

	}

	.col-xl-offset-10 {

		margin-left: 83.33333333%

	}

	.col-xl-offset-9 {

		margin-left: 75%

	}

	.col-xl-offset-8 {

		margin-left: 66.66666667%

	}

	.col-xl-offset-7 {

		margin-left: 58.33333333%

	}

	.col-xl-offset-6 {

		margin-left: 50%

	}

	.col-xl-offset-5 {

		margin-left: 41.66666667%

	}

	.col-xl-offset-4 {

		margin-left: 33.33333333%

	}

	.col-xl-offset-3 {

		margin-left: 25%

	}

	.col-xl-offset-2 {

		margin-left: 16.66666667%

	}

	.col-xl-offset-1 {

		margin-left: 8.33333333%

	}

	.col-xl-offset-0 {

		margin-left: 0

	}

	.visible-xl {

		display: block!important

	}

	table.visible-xl {

		display: table

	}

	tr.visible-xl {

		display: table-row!important

	}

	td.visible-xl, th.visible-xl {

		display: table-cell!important

	}

	.visible-xl-block {

		display: block!important

	}

	.visible-xl-inline {

		display: inline!important

	}

	.visible-xl-inline-block {

		display: inline-block!important

	}

	.hidden-xl {

		display: none!important

	}

	.visible-lg-block { /* Fix for row-equalizer conflict b/w lg and xl screens */

		display: none!important

	}

}



/*SUPPORT XL END*/

/* New reminder by JK */



.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {

	background-color: #00c0ef !important;

}

.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {

	color: #fff !important;

}

.callout.callout-info {

	border-color: #a94442;

}

.lead {

	font-size: 15px;

	font-weight: 400;

}

.callout {

	border-radius: 3px;

	margin: 0 0 20px 0;

	padding: 15px 30px 15px 15px;

	border-left: 5px solid #eee;

}

@media (min-width: 768px) .lead {

	font-size: 21px;

}



/*annoucement speaker by jk*/

.box-header>.fa, .box-header>.glyphicon, .box-header>.ion {

    margin-right: 5px;

}

.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {

    display: inline-block;

    font-size: 18px;

    margin: 0;

    line-height: 1;

}



/*.box-header.with-border {*/

/*	border-bottom: 1px solid #f4f4f4;*/

/*}*/

/*.box-header {*/

/*	color: #444;*/

/*	display: block;*/

/*	padding: 10px;*/

/*	position: relative;*/

/*}*/

/*.box.box-default {*/

/*}*/

.box {

	position: relative;

	border-radius: 2px;

	border:  1px solid #ccc;

	background: #fafafa;

	border-top: 2px solid #474d58;

	margin-bottom: 20px;

	width: 100%;

}



/* annoucment header and icons colors*/



.box-header.with-border {

	border-bottom: 1px solid #f4f4f4;

}

.box-header {

	color: #444;

	display: block;

	padding: 10px;

	position: relative;

}

.box-header>.fa, .box-header>.glyphicon, .box-header>.ion {

	margin-right: 5px;

}

.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {

	display: inline-block;

	font-size: 18px;

	margin: 3px;

	line-height: 1;

}

.fa {

	display: inline-block;

	font: normal normal normal 14px/1 FontAwesome;

	font-size: inherit;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

i, cite, em, var, address, dfn {

	font-style: italic;

}

.box-header {

	color: #444;

	display: block;

	padding: 10px;

	position: relative;

}

.box-header.with-border {

	border-bottom: 1px solid #f4f4f4;

}

.box-header {

	color: #444;

	display: block;

	padding: 2px;

	position: relative;

}



/* new desing for dashboard weghts*/



.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {

	background-color: #10d18d !important;

	padding:  4px;

	border: 1px solid #0e9e6b;

	border-radius:  2px;

}

.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {

	color: #fff !important;

}

.small-box {

	border-radius: 2px;

	position: relative;

	display: block;

	margin-bottom: 20px;

	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

}

* {

	-moz-box-sizing: border-box;

}

.small-box>.inner {

	padding: 10px;

}

.small-box h3, .small-box p {

	z-index: 5;

}

.small-box h3 {

	font-size: 38px;

	font-weight: bold;

	margin: 0 0 10px 0;

	white-space: nowrap;

	padding: 0;

}

.titles-h4 {

    border-bottom: 1px solid #ebebeb;

    color: #000;

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 20px;

    font-weight: normal;

    padding-bottom: 5px;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	font-family: 'Source Sans Pro', sans-serif;

}

.h3, h3 {

	font-size: 24px;

}

.h1, .h2, .h3, h1, h2, h3 {

	margin-top: 0px;

	margin-bottom: 5px;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

	font-size: 15px;

	font-family: sans-serif;

	font-weight: 700;

	line-height: 1.1;

	color: inherit;

}

.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {

	color: #fff !important;

}

.small-box .icon {

	-webkit-transition: all .3s linear;

	-o-transition: all .3s linear;

	transition: all .3s linear;

	position: absolute;

	top: -10px;

	right: 10px;

	z-index: 0;

	font-size: 90px;

	color: rgba(0, 0, 0, 0.15);

}

.small-box>.small-box-footer {

	position: relative;

	text-align: center;

	padding: 3px 0;

	color: #fff;

	color: rgba(255, 255, 255, 0.8);

	display: block;

	z-index: 10;

	background: rgba(0, 0, 0, 0.1);

	text-decoration: none;

}

a {

	color: #3c8dbc;

}

a {

	color: #337ab7;

	text-decoration: none;

}

a {

	background-color: transparent;

}

/*rotated vertical text in tables, used in attendance, enter_exam_marks, exam_marks_history*/



.rotated {

	writing-mode: vertical-rl;

}

.rotated-td {

	vertical-align: middle !important;

	text-align: center;

	white-space: nowrap;

	transform: rotate(0deg);

	content: '';

	writing-mode: vertical-rl;

}



/* JK 6-jul-2017 */



.text-justify {

	display: -webkit-flex;

	-webkit-justify-content: space-around;

	display: flex;

	justify-content: space-around;

}



/*Tool tips-text*/

.tooltip {

    position: relative;

    display: inline-block;

    border-bottom: 1px dotted black;

}



.tooltip .tooltiptext {

    visibility: hidden;

    width: 120px;

    background-color: #555;

    color: #fff;

    text-align: center;

    border-radius: 6px;

    padding: 5px 0;

    position: absolute;

    z-index: 1;

    bottom: 125%;

    left: 50%;

    margin-left: -60px;

    opacity: 0;

    transition: opacity 1s;

}



.tooltip .tooltiptext::after {

    content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: #555 transparent transparent transparent;

}



.tooltip:hover .tooltiptext {

    visibility: visible;

    opacity: 1;

}



.btn-no-label{

	margin-top: 25px;

}

/*product section design jkns 4/1/2018*/

.the-fieldset {

    border: 1px solid #ccc !important;

    padding: 10px !important;

    margin-bottom: 12px !important;

    background: #fafafa !important;

}

.the-legend {

    border-style: none !important;

    border-width: 0 !important;

    font-size: 12px !important;

    font-weight: bold;

    line-height: 20px !important;

    margin-bottom: 0 !important;

    width: auto !important;

    padding: 6px !important;

    color: #474646 !important;

    background-color: #fafafa !important;

    border: 1px solid #ccc !important;

    border-radius: 1px;

}

/* code extracted from https://www.w3schools.com/lib/w3.css for footer styling START*/

html{overflow-x:hidden}

.w3-center{text-align:center!important}

.w3-medium{font-size:15px!important}

.w3-xlarge{font-size:24px!important}

.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}

.w3-container{padding:0.01em 16px}

/* code extracted from https://www.w3schools.com/lib/w3.css for footer styling END*/



/* heading for H2 jkns 4/1/2018*/

    

.messageSecHeading{

    border-bottom: 1px solid #ebebeb;

    color: #000;

    float: left;

    font-family: inherit;

    font-size: 18px !important;

    font-weight: normal;

    padding-bottom: 5px;

}

.has-error .form-control {

    border-color: #f00;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {

    color: #f00;

}

.form-control {

    border-radius: 0 !important;

    border: 1px solid #CCC;

    background-color: #FFF !important;

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px !important;

    line-height: 1.42857143;

    color: #555;

    -o-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: inset 0 1px 1px rgba(0,0,0,.075) !important;

    box-shadow: inset 0 0px 1px rgba(0,0,0,.075) !important;

}

.form-control:focus {

    border-color: #66afe9;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);

}

.control-label {

    font-size: 14px;

    display: inline-block;

    max-width: 100%;

    margin-bottom: 6px;

    font-weight: 600;

}

/**/

.btn-default {

    color: #333;

    background-color: #fff !important;

    border:1px solid #ccc !important;

}

.btn.active, .btn:active {

    background-image: none;

    outline: 0;

    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);

    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);

}

.btn-group.open .dropdown-toggle {

    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125) !important;

    box-shadow: inset 0 0px 0px rgba(0,0,0,.125) !important;

}

.btn.active, .btn:active {

    background-image: none;

    outline: 0;

    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);

    box-shadow: inset 0 0px 0px rgba(0,0,0,.125);

}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {

    color: #333;

    background-color: #d4d4d4;

    border-color: #8c8c8c;

}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {

    outline: 0;

}

.btn-group>.btn:first-child {

    margin-left: 0;

}

.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {

    z-index: 2;

}

/*new inner panel body*/

.panel-heading {

    padding: 10px 15px;

    border-bottom: 1px solid transparent;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

}

.block-change {

    display: block;

    position: relative;

    padding: 20px;

    background-color: #fafafa;

    border: 1px solid #CCC;

    margin: 20px 0;

}

code {

    padding: 2px 4px;

    font-size: 90%;

    color: #494a49;

    background-color: #ecebeb;

    border-radius: 1px;

    border-top: 1px solid #ccc;

    border-right: 1px solid #ccc;

}