/*=====================================================================================================================
											NECESSARY CSS - MATCH ALL
	font-family: 'Exo 2', sans-serif; font-family:'Dosis', sans-serif; font-family: 'Arvo', serif; font-family: 'PT Sans', sans-serif;
=======================================================================================================================*/
*{margin:0px; padding:0px; font-family: 'Exo 2', sans-serif;}
*::-moz-selection{background:#000; color:#e5601e ; } *::selection{background:#000; color:#e5601e ; }

/*DIV SPACE -- <div class="div_space_20"></div><!--DIV SPACE--> */
	.div_space_5{height:5px;} .div_space_10{height:10px;} .div_space_15{height:15px;} .div_space_20{height:20px;} .div_space_25{height:25px;}
	.div_space_30{height:30px;}	.div_space_35{height:35px;} .div_space_40{height:40px;} .div_space_45{height:45px;} .div_space_50{height:50px;}
	.div_space_55{height:55px;}	.div_space_60{height:60px;} .div_space_65{height:65px;}	.div_space_70{height:70px;} .div_space_75{height:75px;}
	.div_space_80{height:80px;} .div_space_85{height:85px;}	.div_space_90{height:90px;} .div_space_95{height:95px;}	.div_space_100{height:100px;}

/*total window height defult*/
.full_window_body{min-height: 678px; }

/*GOOGLE FONT OFFLINE*/

/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v10/J0GYVYTizO1mjpT3aOcSbQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v7/RlBXAIuiO5GvH9-0-JbBlw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v7/4hYyXH_8WmbBLamf6WjLwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/pEbpp8gu02JrI5SDG9jj6g.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/sZoRRDfBcJL9e6dHdMU_Tg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/-A4eIjQkAwKL411pgtQ4VA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*-------------------------------------------------------------------------------------
    Preloader
---------------------------------------------------------------------------------------*/

.site-preloader { background-color: #0D1A2E; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999999;}

.site-preloader .spinner { width: 60px; height: 60px; background-color: #d89104; border-radius: 100%; position: relative;
 top: 50%; left: 47%; transform: translate(-50%, -47%); -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout
{
    0% { -webkit-transform: scale(0) }
    100% { -webkit-transform: scale(1.0); opacity: 0; }
}

@keyframes sk-scaleout
{
    0% { -webkit-transform: scale(0); transform: scale(0); }
    100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; }
}

/*preloader section*/
/* #preloader{ position: fixed; z-index: 6; background: #0D1A2E; height: 120%; text-align: center;
margin-top:-180px; }
#preloader i{color: #28a745; position: relative; top: 50%; transform: translateY(-50%); } */

#crud_preloader{ position: absolute; z-index: 6; background: rgba(25, 40, 55,0.9); height: 100%; text-align: center; border-radius: 5px; cursor: progress;}
#crud_preloader i{position: relative; top: 40%; transform: translateY(-40%); color: #28a745;}
/* #crud_preloader::before{content:'Please Waiting Some Moment....'; position:absolute; margin-left: -80px; font-size: 20px; color: #28a745;
padding: 10px 0px; top: 57%; transform: translateY(-57%);} */

#e_crud_preloader{ position: absolute; z-index: 6; background: rgba(25, 40, 55,0.9); height: 100%; text-align: center; border-radius: 5px; cursor: progress;}
#e_crud_preloader i{position: relative; top: 40%; transform: translateY(-40%); color: #28a745;}
/* #e_crud_preloader::before{content:'Please Waiting Some Moment....'; position:absolute; margin-left: -80px; font-size: 20px; color: #28a745;
padding: 10px 0px; top: 57%; transform: translateY(-57%);} */

.table_preloader{ position: absolute; z-index: 6; background: rgba(255, 255, 255,0.6); height: 100%; text-align: center; cursor: progress;}
.table_preloader img{ position: relative; top: 50%; transform: translateY(-50%); width: 180px; height: 150px; }


/*=====================================================================================================================
													             	header section
=======================================================================================================================*/
.full_header_wrap{background: #2a3e62;}

.left_wrap{height: 60px;}

.left_content, .right_content{position: relative; top: 50%; transform: translateY(-50%); color: #fff;}

.menu_icon_wrap{}
#bar{font-size: 32px;  }
#cross{font-size: 32px; color: #e57024; }

.heading_text{font-style: normal; font-size: 20px; margin: 0px 0px 10px 15px; cursor: pointer; text-transform:uppercase; }


.right_wrap{height: 60px; text-align: right; }
.right_content{}
.right_content i {font-size: 20px; margin: 0px 10px;}

.number{padding: 2px 2px; position: absolute; margin:1px 0px 0px -10px; font-size: 12px; background: #000;
 border-radius: 50%;}

.right_content img {width: 42px; height: 42px; border-radius: 50%;}
.right_content b {margin: 0px 5px;}
.right_content small {margin: 0px 5px;}

#bar, #cross, .right_content i, .number, .pro_menu_wrap{ cursor: pointer; }
#cross{display: none;}


/*admin profile menu*/
.pro_menu_wrap{margin: 0px 10px 0px 30px;}

.profile_menu{ position: absolute; width: 180px; text-align: left; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition:1s;
 -o-transition: 0.5s; transition: 0.5s; padding: 7px 0px; box-shadow: 0px 0px 5px 0px gray; margin: 0px 0px 0px 85%;
 background: #fff; z-index: 1000 !important; }

.profile_menu li{list-style-type: none; margin-bottom: 2px; padding: 7px 0px; transition: 0.5s; }
.profile_menu li:hover{background: rgba(192,192,192,0.5); color: #000;}
.profile_menu li a{font-size: 14px; padding: 0px 10px; text-decoration: none;}
.profile_menu li a i{width: 25px; font-size: 16px;}



/*responsive*/
@media only screen and (max-width: 1354px)  { .profile_menu{margin: 0px 0px 0px 83%;} }
@media only screen and (max-width: 1172px)  { .profile_menu{margin: 0px 0px 0px 80%;} }
@media only screen and (max-width: 988px)   { .profile_menu{margin: 0px 0px 0px 75%;} }
@media only screen and (max-width: 768px)   { .profile_menu{margin: 0px 0px 0px 47%;} }
@media only screen and (max-width: 576px)   { .profile_menu{margin: 0px 0px 0px 40%;} }
@media only screen and (max-width: 430px)   { .profile_menu{margin: 0px 0px 0px 30%;} }


@media only screen and (max-width: 768px)
{
	.right_wrap{ text-align: center; }
}

@media only screen and (max-width: 576px)
{
	.right_content b { display: none; }

}

/*search section*/
#src{background: #101E34;}
#src input{width: 100%; height: 40px; margin: 7px 0px; border:none; background: rgba(255,255,255,0.9); border-radius: 2px;
color: #000; font-size: 20px; padding: 0px 20px; font-family: FontAwesome, 'Exo 2', sans-serif;; letter-spacing: 1px;
outline: none;}

/*end header section*/


/*=====================================================================================================================
                            admin menu section
=======================================================================================================================*/
/*main menu section*/
.main_menu{background: #000; width: 280px; position: absolute; margin: 40px 0px 0px -290px; -webkit-transition:1s;
-moz-transition:1s; -ms-transition:1s;  -o-transition:1s; transition: 1s; z-index: 10; }



.menu_top_area{height: 40px; border-bottom: 1px solid rgba(192,192,192,0.1);}
.menu_top_area i{font-size: 18px; background: #e57024; padding: 5px 12px; position: relative; top: 50%; transform: translateY(-50%);
margin: 0px 0px 0px 3px; cursor: pointer;}
.menu_top_area i:first-child{margin: 0px 0px 0px 15px;}

.main_menu ul{}
.main_menu ul li{padding: 8px 0px 8px 15px;  list-style-type: none;}
.main_menu ul li i{font-size: 16px; width: 30px;}
.main_menu ul li a{ color: #e57024; text-decoration: none; font-size: 14px; -webkit-transition:1s; -moz-transition:1s;
 -ms-transition:1s; -o-transition:1s;  transition: 1s;}
.main_menu:hover ul li a{color: #fff;}

.menu_icon{text-align: center; position: absolute; margin: 0px 0px 0px 0px; -webkit-transition:1s; -moz-transition:1s;
 -ms-transition:1s; -o-transition:1s;  transition: 1s; z-index: 11;}
.menu_icon i{display: block; width: 70px; font-size: 24px; padding: 15px 5px; background: rgba(0,0,0,0.9); color: #e57024;
-webkit-transition:1s; -moz-transition:1s; -o-transition:1s; transition: 1s;}
.menu_icon i:hover{width: 80px !important; cursor: pointer; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:1s;
 -o-transition:0.5s; transition: 0.5s; }

.menu_icon i:last-child{padding-bottom: 25px !important;}
/*for Single:- font-size: 20px; padding: 10px 5px;*/

/*sub menu section*/
.sub_menu_wrap{background: #101E34;}
.sub_menu_wrap li{padding: 10px 0px 10px 15px !important;}
.sub_menu_wrap li:hover{background: #0D1A2E;}
.sub_menu_wrap li a{margin-left: 32px; font-size: 13px !important;}

/* icon sub menu section */
.icon_sub_wrap{position: absolute; width:200px !important; background: rgba(0,0,0,0.9); list-style-type: none; text-align: left;
margin: 0px 0px 0px 70px;}
.icon_sub_wrap li{padding: 7.8px 0px 7.8px 10px !important;}
.icon_sub_wrap li:hover{background: rgba(0,0,0,0.3);}
.icon_sub_wrap li a{color: #e57024; text-decoration: none; font-size: 14px;}

/*end menu section*/

/*=====================================================================================================================
						dashboard content section
=======================================================================================================================*/

/*bread link section*/
.bread_link{}
.bread_link ul{position: relative; top: 50%; transform: translateY(-50%);}
.bread_link ul li{ margin-right: 10px;}
.bread_link ul li a{text-decoration: none; font-size: 14px; }
.bread_link ul li a i{font-size: 18px; padding-right: 5px;}
.active{color: #666464 !important;}
.bread_arrow{font-size: 18px;}

/*responsive*/
@media only screen and (max-width: 576px)
{
	.bread_link li a{font-size: 12px;}
  .bread_link{margin-bottom: 10px;}
}

@media only screen and (max-width: 450px)
{
	.bread_link li a{font-size: 7px;}
}


/*data grids section*/
.dashboard_wrap{margin:0px 0px 40px 0px; overflow: hidden;}
.dashboard_content{height:180px; background:rgba(231,78,68,0.9); text-align:right; border-radius:3px; pointer-events: none;}
.t_num{color:#FFFFFF; font-size:25px; margin:70px 10px 0px 0px; display:inline-block;}
.content_heading{color:#FFFFFF; font-size:30px; margin:0px 10px 0px 0px;}
.content_sub_heading{color:#FFFFFF; font-size:12px; margin:0px 10px 0px 0px;}


/*today report section*/
.today_report_wrap{background: url(../img/img_1.jpg); overflow: hidden; background-attachment: fixed; background-repeat: no-repeat;
background-size: 100% 100%; margin: 20px 0px 0px 0px;}
.today_report_content{height: 380px; text-align: center; background: rgba(0,0,0,0.8); }
.report_text{ width: 100%; position:relative; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; }

 .report_text h1{font-size: 80px; padding: 5px 0px; }
 .report_text h3{font-size: 40px; padding: 5px 0px; }
 .report_text b{display: inline-block; position: absolute; margin: -30px 0px 0px 10px; font-size: 20px;	color: gray;}

 /*responsive*/
 @media only screen and (max-width: 520px)
 {
 	.report_text h1{font-size: 60px;}
 	.report_text h3{font-size: 30px;}
 }

@media only screen and (max-width: 400px)
 {
 	.report_text h1{font-size: 40px;}
 	.report_text h3{font-size: 20px;}
 	.today_report_content{height: 300px;}
 }


/*new data section*/
.new_data_wrap{ margin: 20px 0px 0px 0px; box-shadow: 0px 0px 0px 0px gray; }
.new_data_content{min-height: 380px; background: rgba(220,220,220,0.3); opacity: 0.9;}

.new_data_heading{text-align: center; min-height: 40px; background: rgba(104,188,49,1);}
.new_data_heading h3{color: #fff; padding: 9px 0px; font-size: 24px;}

.new_data_box{min-height: 80px; cursor: pointer;}
.new_data_box i{display: inline-block; padding: 7px 10px; background: rgba(104,188,49,1); font-size: 20px; margin: 0px 0px 0px 10px;
border-radius: 50%; color: #fff; }
.new_data_box big{padding: 0px 0px 0px 5px; }
.new_data_box small{padding: 0px 15px 8px 55px; display: inline-block; text-align: justify;}

/*browser report section*/
.browser_report_wrap{text-align: center; background: url(../img/img_2.jpg); background-size: 100% 100%; background-attachment: fixed;
background-repeat: no-repeat;}
.br_content{text-align: center; background: rgba(0,0,0,0.1);}
.br_content h1{font-size: 60px; padding-top: 10px; color: #fff;  }

.br_content img{width: 150px; height: 150px; border-radius: 50%; }

.br_content_box{width: 250px; display: inline-block; padding: 80px 0px;}
.br_content_box b{display: inline-block; position: absolute; margin: -60px 0px 0px 0px; font-size: 25px;}


/*Branch List Section box-shadow:inset 0px 0px 30px 0px black;*/

full_academic{background-image: radial-gradient(circle, white 95%, gray 5%);}

.academic_container{background: #fff;}
.academic_item{text-align:center; padding:10px 0px;}

.circle{width:200px; height:200px; display:block; text-align:center; border:1px solid rgba(0,0,0,0.1); border-radius:50%; cursor:pointer;
transition:0.5s;}
.circle:hover{background-color: rgba(0,0,0,0.8); border-radius:1% !important;}

.circle i{font-size:80px; color:#2ecc71; position:relative; top:50%; transform:translateY(-50%); transition:0.5s;}
.circle i:hover{color:#ea6645;}

.ac_heading_div{width:100%;}
.center_heading{display:inline-block; color:#2ecc71; font-size:20px; font-family: 'Exo 2', sans-serif; font-weight:700; padding:20px 10px;
 text-transform:uppercase; cursor:pointer; transition:0.5s;}
 
.center_heading:hover{color:#ea6645;}

/*Branch List Section*/



/*=====================================================================================================================
											footer section
=======================================================================================================================*/
.footer{text-align: center; padding: 20px 0px;}
.footer h3{font-size: 16px; letter-spacing: 0.5px;}
.footer a{font-size: 14px;}

.footer i{font-size: 22px; padding: 2px 3px; cursor: pointer; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:1s;
 -o-transition:0.5s; transition: 0.5s; }
.footer i:hover{-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3);
-o-transform: scale(1.3); transform: scale(1.3);}

.fa-facebook-square{color: #2a3e62;}
.fa-twitter-square{color: #93CBF9;}
.fa-instagram{ color: #FF892A; }
.fa-linkedin-square{color: red;}

/*=====================================================================================================================
                                                    table section
=======================================================================================================================*/
.tbl_src_wrap{text-align: right; margin-bottom: 10px;}
.tbl_src_wrap input{ width: 220px; border: 1px solid #ccc; padding: 0px 5px;}

.table_wrap{color: #fff; text-align: left;}
.table_head{ background-color: #101E34; font-size: 16px; border:none;}
.table_head tr td{padding: 13px 10px !important; }

.load_table{overflow: hidden;}
.table_data{font-size: 14px; color: #000; }
.table_data tr td{vertical-align: middle !important;}

/*new chart btn*/
.add_chart_btn{box-shadow: none !important; font-size: 12px; cursor: pointer; padding: 3px 8px !important; }
.add_chart_btn:hover{opacity: 0.8;}

.ac_icon{font-size: 20px; padding: 0px 2px; cursor: pointer; }

/*responsive*/
@media only screen and (max-width: 510px)
{
  .tbl_src_wrap {font-size: 11px; }
  .tbl_src_wrap input{ width: 100px; }
}


/*=====================================================================================================================
                                                  popup section
=======================================================================================================================*/
.modal_wrap{background: rgba(19, 35, 99,0.1);}
.modal-content{background: rgba(255, 255, 255,1) !important;}
.modal_data{padding: 20px 20px; color: #000; }

.modal_close{text-align: right; padding: 5px 0px;}
.modal_close i{ color: #666; font-size: 25px; position: absolute; margin: -15px 0px 0px -30px; cursor: pointer;}

.pop_input{box-shadow: none !important; color: #000;}
.fill{color: #55a62c; font-size: 7px; margin: 3px 0px 0px 3px; position: absolute; display: inline-block;}

.hide_input{visibility: hidden;}

.ac_btn{ box-shadow: none !important; font-size: 14px; }
.close_btn{box-shadow: none !important; font-size: 14px;}