@charset "utf-8";
/* CSS Document */

/*
Color :::::::::::::::::
Blue 		- 	#214099
Purple 		- 	#82006b
Light orange - 	#e6d3c2
Green 		- 	#008685
:::::::::::::::::::::::
*/


/*** General Style ****/
	body{ font-family:Arial, sans-serif; font-size:14px; background-color:#eee; }
	a.link{ text-decoration:underline; color:#214099; cursor:pointer;}
	a.link:hover{color:#82006b;}	
	/*a:focus, a:hover{outline:none!important;}*/

	.btn-primary{ border-radius:0; min-width:90px; text-transform:uppercase; background-color:#82006b !important; font-size:15px; border:0; }
	.btn-primary:hover{ background-color:#214099 !important; }
	.btn-primary.focus, .btn-primary:focus{ background-color:#214099!important; border:0; }
	.btn-default{  border-radius:0; min-width:90px; text-transform:uppercase; background-color:#e6d3c2; font-size:15px; border:0; }
	.btn-default:hover{ background-color:#214099; color:#fff;  }
	.btn-default.focus, .btn-default:focus{ background-color:#214099!important; border:0;  color:#fff;  }

	.modal-content{ border-radius:0;}
	.close{ font-size:20px; font-weight:300; background:none; color:#212121; opacity:1;}
	.modal-header{ border-bottom:0;}
	.modal-body h3{ text-transform:uppercase; margin-bottom:30px; }
	.modal-body p{ margin-bottom:30px;}
	.modal-backdrop.in{ opacity:.85;}
	
	.select { width: 100%; height: 34px; margin: 0; border: 1px solid #212121; background: #fff url('../img/ic_keyboard_arrow_down_48px-128.png') no-repeat; background-size: 20px; 
	background-position:  right 10px center; font-family: 'Arial'; padding-left: 8px; -webkit-appearance: none; -moz-appearance: none;}
	
	.select > option{ padding:5px;}
		
	.checkbox, .radio{ margin-top:5px; margin-bottom:5px;}
	.table_select{ border:0;
	 /*background: url('../img/ic_keyboard_arrow_down_48px-128.png') no-repeat; */
	 background-size: 20px;  background-position:  right 10px center; -webkit-appearance: none; -moz-appearance: none; background-color:none; width:100%; }
	.table_select > option{ padding:5px; background-color:none; }
	
	.btn-icon{ border-radius:50%; min-width:35px; height:35px; width:35px; max-width:35px; text-align:center; padding:0;}
	
	
	
/**** date picker ***/

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #82006b !important ;
}

.dataTables_empty{
	height: 80px;
}

/***  Slider ****/

	#ex1Slider .slider-selection { background:none; box-shadow:none; }   
	#slider{ height: 30px; width: 135px; background-image: url(../img/slider.svg); background-repeat:no-repeat;}                
	.slider.slider-horizontal{ width:70px; margin-left:29px; margin-top: 7px; }
	.slider.slider-horizontal .slider-track{ background:none; box-shadow:none; border-radius:0px; }
	.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle{ margin-left: -5px;}
	.slider-handle{ background:none; background-image: url(../img/sliderarrow.svg); background-repeat:no-repeat; border-radius:0!important; box-shadow:none; cursor:pointer; }

/***  Top bar ****/
	.top_bar .navbar.navbar-default{ background-color:#fff; border:0; border-bottom:3px solid #82006b; border-radius:0; }
	.top_bar .navbar.navbar-default .navbar-brand{ height:auto; padding:10px; }
	.top_bar .navbar-default .navbar-nav > li > a, .top_bar .navbar-default .navbar-nav > li .menu-container .menu-title{ padding:13px 15px; font-size:15px; text-transform:uppercase; font-weight:normal; color:#212121; }
	.top_bar .navbar-default .navbar-nav > li > a > i, .top_bar .navbar-default .navbar-nav > li .menu-container .menu-title i{ color:#e6d3c2;  font-size:16px; }
	.top_bar .navbar-default .navbar-nav > .active > a, .top_bar .navbar-default .navbar-nav > .active > a:focus, .top_bar .navbar-default .navbar-nav > li a:hover, .top_bar .navbar-default .navbar-nav .menu-container .menu-title:hover, .top_bar .navbar-default .navbar-nav .menu-container .menu-title a:hover, .top_bar .navbar-default .navbar-nav > .active > .menu-container >.menu-title{ background-color: #82006b !important; color:#fff; }
	.top_bar .navbar-default .navbar-nav.navbar-right > li > a{ line-height:40px; } 
	.top_bar .navbar-default .navbar-nav.navbar-right > li.dropdown a{ line-height:25px; }
	.top_bar .navbar-default .navbar-nav.navbar-right > li.dropdown a > .profile_img{ border-radius:50%; margin-right:2px; float:left;}
	.top_bar .navbar-default .navbar-nav.navbar-right > li.dropdown a > .profile_txt{ margin-left:5px;  float:left; }
	.top_bar .navbar-default .navbar-nav.navbar-right > li.dropdown > .dropdown-menu{ border-radius:0; border-top:3px solid #82006b; width:100%;  }
	.top_bar .navbar-default .navbar-nav.navbar-right > li.dropdown > .dropdown-menu > li > a{ line-height:30px;}
	
	.top_bar .navbar-default .navbar-nav.navbar-right > li > .theme_btn_container{ padding:18px; line-height:40px; }
	.top_bar .navbar-default .navbar-nav.navbar-right > li{ border-left:1px solid #eee;}
	.top_bar .theme_btn{ width:20px; height:20px; font-size:1px; border-radius:0; background-color:#82006b; color:#82006b; margin-right:3px;color:transparent !important;  }
	.top_bar .theme_btn:hover{ color:#82006b; }
	.top_bar .theme_btn.black{ color:#000; background-color:#000;}
	.top_bar .theme_btn.black:hover{ color:#000;}
	.top_bar .slider_container{padding: 23px 10px;}
	.btn_container{ list-style-type:none; margin:0; padding:0;}
	.btn_container > li{ float:left; margin:0; margin-left:5px; margin-right:5px;}
/****** download file *****/
	.top_bar .navbar-default .navbar-nav.navbar-right > li.top_download a{ line-height:50px;}
	.top_bar .navbar-default .navbar-nav.navbar-right > li.top_download a >i{  color:#82006b!important; }
	.top_bar .navbar-default .navbar-nav.navbar-right > li.top_download:hover a >i{  color:#fff!important; }
	.top_bar .navbar-default .navbar-nav.navbar-right > li.top_download > ul { width:auto!important;}

/*** column select ****/
.colvis_ul {
    overflow-y: auto;
    height: 200px;
}	

/***  Panel ****/
	.content_panel{ border-radius:0; }
	.content_panel > .panel-heading{ background-color:#fff; border-radius:0; }
	.content_panel > .panel-heading > .panel-title{ font-size:20px; text-transform:uppercase;  padding-top:12px;   }
	.content_panel > .panel-heading .btn-primary{ margin:5px; margin-left:0; font-size:14px;}
	.content_panel > .panel-heading .btn-default{ margin:5px; margin-left:0; font-size:14px;}
	.content_panel > .panel-body{ padding:30px 20px;}
	.content_panel > .panel-footer{ padding:25px;}
	.content_panel > .panel-footer > .btn_container { }


/***  Tabel ****/
	.table_container { border:1px solid #ddd; }
	.table_container .table{ margin-bottom:0; }
	.table_container .table > thead > tr > th{ background-color:#000; color:#fff; text-transform:uppercase; font-weight:300; font-size:14px; border-bottom:0; vertical-align:middle; min-width:110px; padding: 8px 10px; }
	.table_container .table > thead > tr > th > i{ float:right;}
	.table_container .table > tbody > tr > td { padding: 10px 8px; }
	.table_container .table > tbody > tr > td .vseparator{ color:#e6d3c2;}
	.table_container .table .search_ip{ padding-left: 10px; width: 95%; border:1px solid #eee; background-color:#fff; color:#212121; height:32px; box-shadow:none;}
	.table_container .table.table_cond > thead > tr > th{ min-width:50px; }

	
	
	
/***  Tab block ****/
	.tab_block{}
	.tab_block .nav-tabs > li{ width:25%;}
	.tab_block .nav-tabs > li > a{ border-radius:0; margin-right:0px; border:0; background-color:#212121; text-align:center; color:#fff; text-transform:uppercase;  }
	.tab_block .nav-tabs > li > a:focus, .tab_block .nav-tabs > li > a:hover{ background-color:#e6d3c2; border:0; color:#212121;}
	.tab_block .nav-tabs > li.active > a{background-color:#e6d3c2; border:0; color:#212121;}
	.tab_block .tab-content{ padding:15px; padding-top:30px;  }
	.tab_block .nav-tabs > li.active::after{ font-family:FontAwesome; content:"\f0d7"; height:20px; position:absolute; color:#e6d3c2; left:45%; font-size:40px; bottom:6px;}
	



/*** Login Page ****/
	.half-section-left, .half-section-right { position: relative; padding: 40px; }	
	.half-section-left .section-bg { position: absolute; left: 0; top: 0; bottom:0; width: 65%; height: 100%; background-image: url(../img/HaeLeigh4.jpg); background-position: center center!important; 
	background-repeat: no-repeat!important; background-size: cover!important; background-color:#ddd; }	
	.innersection_right { padding-left: 40px; height:100%; display:inline-table; width:70%; }	
	.login_section{ background-color:#fff; position:absolute; width:100%; height:100%; }
	.login_logo{ padding-top:60px; padding-bottom:40px; }
	.login_btns{ margin-top:45px; }
	.form-control{ border-radius:0; box-shadow:none; border:1px solid #212121;}
	.copyright{ position:absolute; bottom:20px; left:25%; }
	
/*** Add User List ****/
	.add_user_block{}
	.add_user_block .add_user_field{ margin-top:15px; min-height: 50px; }
	.profile_img_large{ border-radius:50%; border:8px solid #e6d3c2;}
	
	
	
/*** Black Theme Style ****/
	.black{ background-color:#000; color:#fff;}
	.black a.link{ color:#fff;}
	.black .top_bar .navbar.navbar-default{ background-color:#000; border-color:#fff;}
	.black .top_bar .navbar-default .navbar-nav > li > a{ color:#fff;}
	.black .top_bar .navbar-default .navbar-nav > .active > a, 
	.black .top_bar .navbar-default .navbar-nav > .active > a:focus, .black .top_bar .navbar-default .navbar-nav > .active > a:hover{ background-color:#fff; color:#fff; }
	.black #slider{ background-image:url(../img/slider_white.svg); }	
	.black .navbar-default .navbar-nav > .open > a, .black .navbar-default .navbar-nav > .open > a:focus, .black .navbar-default .navbar-nav > .open > a:hover{ background-color:#fff; color:#000; }
	.black .top_bar .theme_btn{ border:2px solid #fff;}
	.black .panel{ background-color:#000; border-color:#000;}
	.black .content_panel > .panel-heading{ background-color:#000; color:#fff;}
	.black .btn-primary{ background-color:#fff; color:#000;}
	.black .btn-default{ background-color:#fff; color:#000;}
	.black .btn-default.focus, .black .btn-default:focus{ background-color:#fff!important; color:#000; }
	.black .btn-primary.focus, .black .btn-primary:focus{ background-color:#fff!important; color:#000; }	
	.black .table-striped > tbody > tr:nth-of-type(2n+1){ background-color: #000; }
	.black .table_container .table .search_ip{ border:0;}
	.black .panel-footer{ background-color:#000;}	
	.black .tab_block .nav-tabs > li.active > a{background-color: #fff;}
	.black .tab_block .nav-tabs{ border:1px solid #fff; border-bottom:1px solid #fff!important;}
	.black .tab_block .nav-tabs > li > a{ background-color:#000;}
	.black .tab_block .nav-tabs > li{ margin-bottom:0;}
	.black .tab_block .nav-tabs > li.active::after{ color:#fff; }
	.black .form-control{ border:0;}
	.black .select{ color:#000;}
	.black .tab_block .nav-tabs > li > a:focus, .black .tab_block .nav-tabs > li > a:hover{ background-color:#fff; color:#000;}
	.black .top_bar .navbar-default .navbar-nav.navbar-right > li.dropdown > .dropdown-menu{ background-color: #000;  border: 1px solid #fff;  border-top: 3px solid #fff;}
	.black .top_bar .navbar-default .navbar-nav.navbar-right > li.dropdown > .dropdown-menu > li > a{ color:#fff;}
	.black .top_bar .navbar-default .navbar-nav.navbar-right > li.dropdown > .dropdown-menu > li > a:hover{ color:#000; background-color:#fff;}
	.black .modal-content{ background-color: #000; border:1px solid #fff;}
	.black .modal-content .close{padding:4px 10px 6px 10px;}
	.black  .nav > li > a > img{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }
	.black  .nav > li.active > a > img{ -webkit-filter: invert(100%); filter: invert(100%);	}
	.black .table_select{ background: url("../img/ic_keyboard_arrow_down_48px-128_white.png") no-repeat!important;  }
	
	li.colvis_li {
    padding: 5px 10px;
    color: #000;
		}

/* =================| Zoom style |====================================================================================*/
body.modal-open {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
}

body {
	-webkit-transition: transform 0.2s ease-out;
	-moz-transition: transform 0.2s ease-out;
	-ms-transition: transform 0.2s ease-out;
	
	-webkit-transform-origin: center 0;
	-moz-transform-origin: center 0;
	-ms-transform-origin: center 0;
	
	overflow-x:hidden;
}

body.za {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
}

body.zb {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
}

body.zc {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
}
/* -----------| Responsive | -------------------------- */


@media only screen and (max-width: 1024px) {
    .navbar-nav { float:right;}
	.navbar-nav.navbar-right{ float:left!important; width:100%!important; border-top:1px solid #eee;  }
	.top_bar .navbar-default .navbar-nav.navbar-right > li{ border-left:0px; width:25%; }
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ margin-left:0; }	
	.theme_btn_container{ margin: 0 auto; text-align: center; width: 120px;}
	.top_bar .navbar-default .navbar-nav.navbar-right > li.top_download { text-align: center; }
	.content_panel > .panel-heading > .btn_container{ width:75%; margin:0 auto; float:right!important; }
	
}


@media only screen and (max-width: 980px) {
	.content_panel > .panel-heading{ text-align:center; }
	.content_panel > .panel-heading > .panel-title{ width:100%; }
	.content_panel > .panel-heading > .btn_container{ width:100%; margin:0 auto; text-align:center; margin-top:10px; }
	.content_panel > .panel-heading > .btn_container > li{   padding:0 2px; }
	.content_panel > .panel-heading > .btn_container > li > .btn-primary, .content_panel > .panel-heading > .btn_container > li > .btn-default{ width:100%; }
	.tab_block .nav-tabs > li > a{ height:60px;}
	.col-sm-8.left_login { width: 50%;}
	.half-section-left .section-bg{ width:50%;  }
	 .chosen-container .chosen-results{ max-height: auto !important;}

		
}
 @media only screen and (max-width: 768px) {
	 .innersection_right{ padding-left:10px!important;  }
	 .half-section-left .section-bg{ width:50%;   }
	  .chosen-container .chosen-results{ max-height: auto !important;}

 }


.chosen-container-multi .chosen-choices{
border: 1px solid #212121;
border-top-right-radius: 0px; 
border-top-left-radius: 0px;
border-bottom-right-radius: 0px; 
border-bottom-left-radius: 0px; 
}
.fa fa-info-circle{
	color: #82006b !important;
}
.modal-header{
	background-color : #82006b !important; 
	color: #fff !important;
}
.close{
	color: #fff !important;
}
.chosen-container-single .chosen-single{
	background-color : #fff !important; 
}
li.ColVis_ShowAll{
	cursor: pointer;
	font-weight: bold;
}
li.ColVis_ShowNone{
	cursor: pointer;
	font-weight: bold;
}
button#backbtn {
    display: block;
}

 /*.chosen-container .chosen-results{ max-height: 100% !important;}*/

/* #modal-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    z-index: 99;
}
.modal-content {
    width: 40%;
    margin: auto;
    margin-top: 10%;
    background: #fff;
    padding: 50px;
} */
.info-modal-dialog {
    width: 600px;
    margin: 30px auto;
	position:relative;
}
.info-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: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.info-modal-header {
    background-color: #82006b !important;
    color: #fff !important;
	border-bottom: 0;
	padding: 15px;
}
.info-modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.info-modal-body {
    position: relative;
    padding: 15px;
}
.info-modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
div#infoModal {
    background: rgba(0,0,0,0.6);
}

.black .info-modal-content {
    background: #000;
    border: 1px solid #ccc;
}
.black .info-modal-footer button.btn.btn-default.btn-ok {
    background-color: #fff;
    color: #000;
}
div#school_chosen li {
    text-transform: uppercase;
}
div#city_chosen li {
    text-transform: uppercase;
}

.menu-container {
	position: relative;
}

.menu-container:hover .menu-list{
	display: block;
}

.menu-list:hover .menu-list.parent{
	background-color: #000;
}

.menu-list{
    position: absolute;
    display: flex;
    flex-direction: column;
    background: white;
    z-index: 999;
    bottom: -100%;
    white-space: nowrap;
    text-align: left;
    padding: 8px;
    left: 0;
	display: none;
}

.irc-menu{
	padding: 2px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	border: 1px solid rgba(0,0,0,.15);
}

.menu-href{
	color: #000000;
}

.menu-href:hover{
	text-decoration: none;
}

.custom-dropdown-img1{
	background: url(chosen-sprite.png) no-repeat 184px 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.custom-dropdown-img2{
	background: url(chosen-sprite.png) no-repeat 130px 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.menu-item {
	text-align: left;
	width: 100%;
}

.menu-item >a{
    padding: 8px;
	display: flex;
}

.menu-title{
	padding: 13px 15px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
    color: #212121;
	cursor: pointer;
}

.profPadding {
	padding: 23px 15px !important;
}