body{ font-family:'Open Sans', sans-serif}
.top-bar{ background-color:#333333; color:#FFFFFF}
.logo-bx{vertical-align: middle; margin: 15px 0;}
.logo-bx img{ float:left; margin-right:10px; width:60px}
.logo-bx h1{ font-size:21px; padding-top:8px}
.menu-wrapper{ background:#05735d; margin-bottom:20px}
.menu-wrapper .navbar-default { background: none; border: none; margin-bottom:0px}
.menu-wrapper .navbar-default .navbar-nav>li>a{ color:#FFFFFF; font-size:16px}

.block-bx{ background-color:#ebf5f3; border:solid 1px #E8E8E8; margin-bottom:20px}
.block-bx h3{ background-color:#034c3d; margin:0; color:#FFFFFF; font-size:15px; padding:8px}
.block-bx ul{ padding:0; list-style-type:none; margin-bottom:0px}
.block-bx ul li{ padding:8px; border-bottom:solid 1px #CCCCCC}
.block-bx ul a{ color: #333333; vertical-align:middle}
.block-bx ul a:hover{ text-decoration:none}
.block-bx ul a .glyphicon{ font-size:10px; vertical-align:middle}


.counter-box{padding:20px; text-align:center; margin-bottom:20px; margin-bottom:10px}
.counter-box label{ font-size:24px; display:block; color:#FFFF99}
.counter-box span{ font-size:15px; display:block; color:#FFFFFF}
.counter-box.color1{ background-color:#0fa7bd;  border:solid 1px #0c8698;}
.counter-box.color2{ background-color:#12558d;  border:solid 1px #093d68;}
.counter-box.color3{ background-color:#bd650f;  border:solid 1px #8c4c0d;}


.register-form-bx h2{ font-size:24px; border-bottom:solid 1px; padding-bottom:5px}
.register-form-bx form{ background-color:#BFEBFF; float:left; width:100%; padding:15px 0 8px 0}


footer{ background:#05735d; text-align:center; color:#FFFFFF; padding-top:10px}

/*** css for multiselect dropdown**********/
span.multiselect-native-select {
	position: static
}
span.multiselect-native-select select {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	height: 1px!important;
	margin: -1px -1px -1px -3px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	left: 50%;
	top: 30px
}
.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}
.multiselect-container .input-group {
	margin: 5px
}
.multiselect-container>li {
	padding: 0
}
.multiselect-container>li>a.multiselect-all label {
	font-weight: 700
}
.multiselect-container>li.multiselect-group label {
	margin: 0;
	padding: 3px 20px 3px 20px;
	height: 100%;
	font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
	cursor: pointer
}
.multiselect-container>li>a {
	padding: 0
}
.multiselect-container>li>a>label {
	margin: 0;
	height: 100%;
	cursor: pointer;
	font-weight: 400;
	padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
	margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
	margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
	padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left: -20px;
	margin-right: 0
}
.multiselect.dropdown-toggle.btn-block.text-left.btn.btn-default{text-align:left}
.open>.dropdown-menu{display: inline-table;
    /*width: 100%;*/
	padding:5px; position: absolute; top: 86px; left:168px;
}
.fee-details-bx .selectbx{ width:44%;}
.open>.dropdown-menu {  top: 86px;    left: 46%;
}
@media only screen and (min-width: 300px) and (max-width: 480px) {
 .fee-details-bx .selectbx{ width:49%}
 .checkbox input[type=checkbox]{ margin-left:-90px!important}
 .open>.dropdown-menu { top: 103px!important; left: 166px;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
 .fee-details-bx .selectbx{ width:49.4%}
 .open>.dropdown-menu { top: 103px!important; left: 166px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .fee-details-bx .selectbx{ width:43.5%}
 .fee-details-bx .add-row{ width:auto}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
 .fee-details-bx .selectbx{ width:44%}
 .fee-details-bx .add-row{ width:auto}
}
/*** css for multiselect dropdown**********/


/** DATATABLE PROCESS CSS******/
.dataTables_processing{
	position: absolute;
    background-color: #008000a1;
    text-align: center;
    padding: 15px;
    left: 11px;
    right: 11px;
    top: 50%;
    color: yellow;
    font-weight: 700;
}