/*raji css start --------------------------------------------------------->*/

.links .bar_1
{
	margin-top: 4px;
}
.bell{
position: relative;
}
.dropdown .badge{
	/* color:red; */
	background-color: #3169b3;
	position: absolute;
    top: -10px;
    right: -10px;
    font-weight: 100;
    font-size: 10px;
}
.pg_title
{
	color: #666;
	margin-bottom: 20px;
	margin-top: 28px;
	display: inline-block;
	font-size: 25px;
	font-weight: 300;
}
.col_h4 h4{
  margin-top: 0px;
  margin-bottom:  0px;
}
.head_box
{
	width: auto;
	/*height: 45px;*/
	border-radius: 10px 10px 0 0 ;
	padding: 2px;
	color: #3a405b;
	background-color: #FFFFFF;
	text-align: right;
}

.header_menu1
{
	/*	 margin-top: 20px;*/
	background: rgba(220, 208, 208, 0.3);
	font-size: 15px;
	padding: 15px;

	color: #9a9898;
	width: 30%;

}
.sra_headr_4{
	padding: 11px;
}
.form_223 {
    margin-right: 30px;
    margin-top: 25px;
    margin-left: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .wdht22 {
    width: 125px;
    height: 34px;
}
.wd400{
	width: 400px;
}
.header_menu1 a
{
	color: #9b9b9b;
	text-decoration: none;
	padding-right: 10px;
}
.header_menu1 a:hover
{
	color:#2CA8FF;
}
.headr_1
{
	font-size: 14px;
	padding-top: 30px;

}
.headr_1 li
{
	padding-left: 30px;
}
.ra_backgd
{
	background-color: white;
/*padding:  16px;

box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); */

margin-top: 30px;
}
.ra_headr_2
{
	/*background-color: #939292;*/
	font-size: 18px;
	background-size: 3px 2px;
	background-color: rgba(255, 255, 255, 1);
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
	background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
	-pie-background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent) 0 0 / 50px rgba(0, 0, 0, 0.2);
	behavior: url(/pie/PIE.htc);
	color: black !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );";
}
.ra_headr_3
{
	background-color: #e6e6e6;
	padding: 11px;
	margin-left: 25px;
}
.ra_ace
{
	margin-top: 21px;
	margin-left: 77px;
}
.ra_butn
{
	background-color: #bfbfbf;

	color: #fff;
	border-radius: 20px;
	border: 1px solid transparent;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
}
.ra_butn_1
{
	background-color: #6b6766;
	
	color: #fff ;
	border-radius: 20px ;
	border: 0px ;
	margin-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
}
.ra_butn_4
{
	margin-top: 148px;

}
.ra_pan_hed
 {/*
 	background-color: #939292;
 	padding-left: 22px;*/
 	font-size: 18px;
 		
 	background-size: 3px 2px;
 	background-color: rgba(255, 255, 255, 1);
 	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
 	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
 	background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
 	-pie-background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent) 0 0 / 50px rgba(0, 0, 0, 0.2);
 	behavior: url(/pie/PIE.htc);
 	color: black !important;
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );
 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );";
 }
 .ra_headr_4
 {
 	padding: 11px;
 	margin-left: 25px;
 	margin-right: 25px;
 }
 .ra_headr_5
 {
 	margin-left: 25px;
 	margin-right: 17px;
padding-top: 10px
 }
 .ra_headr_6
 {
 	margin-left: 25px;
margin-right: 22px;
padding-top: 22px;
 }
 .ra_tab_1
 {
 	background-color: #e0e0e0;

 }
 .ra_tab_2
 {
 	margin-top: 30px;
 }
 .ra_butn_3
 {

 	background-color:#c3c3c3;

 	color: #fff ;
 	border-radius: 20px ;
 	border: 0px ;
 	margin-left: 5px;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	padding-left: 25px;
 	padding-right: 25px;
 }
 .ra_pan_3
 {
 	margin-top: 40px;
 }

 .ra_pan_4
 {
 	margin-top: 20px;	
 }
 .ra_pan_2
{
    background: #fff;
    padding: 0px;
}
.pan_1
{
	margin-top: 19px;
}

 .ra_pan_bgd
 {
 	margin-right: 20px;
 	margin-top: 25px;
 	margin-left: 20px;
 	margin-bottom: 20px;
 	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
 }
 .ra_bgd
 {
 	margin-right: 74px;

 	margin-top: 25px;

 	margin-left: 74px;

 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 .ra_bgd_new
 {
 	margin-right: 35px;
margin-top: 25px;
margin-left: 35px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 .ra_butn_sub
 {
 	margin-left: 15px;
 }
 .ra_para_1
 {
 	font-size: 14px;
 }

 .ra_from
{

	margin-top: 15px;
margin-bottom: 13px;
}
 .ra_hed_3
 {
 	font-size: 14px;
padding-left: 30px;
 }
 .ra_btn .active a
 { 
 	/* margin-top: 20px;*/
	  /* font-size: 27px;
	   background-color: #cdc5c5;
	   margin-left: 237px;*/
	   background-color: #8d8d8d !important ;

	   color: #fff ;
	   border-radius: 30px;
	   font-size: 20px;
	   border: 1px solid transparent;
	   text-decoration: none;
	   padding-top: 10px;
	   padding-bottom: 10px;
	   padding-left: 25px;
	   padding-right: 25px;

	}
	.ra_btn a
	{
		font-size: 20px;
		text-decoration: none;
	}
	.ra_butn_space 
	{
		margin-bottom: 30px;

		margin-top: 50px;
	}
	.ra_buton1
	{
		margin-top: 50px;
	}



	/* <==================Class page==================>*/




/* .nav-tabs{
    border:none;
}
.nav-tabs li:hover a{
 background-color: grey;
border:none;
}
.nav-tabs li:active {
 background-color: grey;
border:none;
}*/
.ra_space
{
	margin-top: 15px;
}
.ra_butn_5
{
	background-color:#c3c3c3;
	
	color: #fff ;
	margin-top: 10px;
	border: 0px ;
	margin-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;	
}
.ra_tab_3
{
	margin-top: 56px;

	padding-left: 119px;
	padding-right: 119px;

}
.ra_tab_4
{

		

padding-left: 212px;
padding-right: 181px;

}
.ra_icon
{
	padding-right: 20px;
}
.ra_panel
{
	padding-bottom: 0px;
}
.ra_form_1
{
	margin-bottom: 15px;
}
.ra_form_3
{
	margin-bottom: 30px;
}
.ra_form_2
{
	margin-top: 30px;
}
.ra_buton
{

	    margin-top: 23px;
    margin-bottom: 14px;

}
.req_frm
{
	padding-left: 18px;
}

/*<==========================================attendance page==============================>*/



/*.ra_hed_2
{
	background-color: #939292;
	font-size: 19px;
	
}*/
.ra_hed_1
{
	font-size: 18px;
	padding-left: 10px;
}
.ra_attend_butn
{
	background-color:#c3c3c3;
	
	color: #fff ;
	border-radius: 20px ;
	border: 0px ;
	margin-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 22px;
}
.ra_check
{
	margin-right: 10px !important;
}
.frm_contrl
{
display: inline-block;
max-width: 100%;
/*height: calc(2.5rem + 2px);
*/padding: 0.375rem 1.75rem 0.375rem 0.75rem;
line-height: 1.57143;
color: #74708d;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: auto auto;
background-size: 8px 10px;
/*border: 1px solid #e4e9f0;
border-radius: 0.25rem;*/
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (min-width: 320px) and (max-width: 480px) 
{
	.header_menu1
	{
		font-size: 12px;
		width: 100%;
	}
	.ra_backgd
	{
		margin-top: 27px;
	}	
	.ra_headr_3
	{
		margin-left: 0px;
	}
	.ra_ace
	{
		margin-left: 0px;
	}
	.ra_butn_4
	{
		margin-top: 30px;
	}
/*.ra_pan_hed
{
	margin-left: 0px;

margin-right: 0px;
}
.ra_headr_4
{
	margin-left: 0px;

margin-right: 0px;	
}
*/
.ra_tab_4
{ 
	padding-left: 0px;
	padding-right: 0px;
}
.ra_tab_3	
{
	padding-left: 0px;
	padding-right: 0px;
}
.ra_btn_1
{
	margin-top: 12px;
	margin-left: 0px;
}
.ra_pan_bgd
{
	margin-left:0px;
	margin-right: 0px;
}
.ra_butn_3
{
	margin-top: 10px;
	margin-left: 0px;
}
.ra_bgd
{
	margin-left:0px;
	margin-right: 0px;
}
}


@media (min-width: 768px) and (max-width: 1024px) 
{
	.header_menu1
	{
		width: 73%;
	}
	.headr_1 li

	{
		padding-left: 16px;
	}
	.ra_btn_1
	{
		margin-top: 51px;
		margin-left: 18px;
	}
	.ra_pan_bgd
	{
		margin-left:15px;
		margin-right: 15px;
	}
	.ra_para_2
	{
		font-size: 13px;
		padding-left: 0px;
	}
}


/* <---------------------------------------------------------raji css ends*/


/*sugan css start --------------------------------------------------------->*/


.ss_header
{

	color: #5e5c5c;
	margin-bottom: 20px;
	margin-top: 28px;
	color: #666;
	font-size: 27px;
	display: inline-block;


}
.head_box
{
	width: auto;
	/*height: 45px;*/
	border-radius: 10px 10px 0 0 ;
	padding: 2px;
	color: #3a405b;
	background-color: #FFFFFF;
	text-align: right;
}
.ss_menu
{




	background: rgba(220, 208, 208, 0.3);
	font-size: 16px;
	padding: 6px;
	margin-bottom: 14px;
	/* margin-top: 9px; */
	color: #9a9898;
	width: 27%;

	/*	 margin-top: 20px;*/


}
.ss_menu a
{


	color: #9b9b9b;
	text-decoration: none;

	padding-left: 3px;
	padding-right: 12px;
}
.ss_menu a:hover
{
	color:#2CA8FF;
}
.ss_header1
{
	font-size: 14px;
	padding-top: 30px;

}
.ss_header1 li
{
	padding-left: 30px;
}
.ss_head1
{
	
	background-color: #939292;
	
	padding-left: 22px;
	font-size: 21px;
	padding-bottom: 11px;
	padding-top: 8px;
	
}
.icon_1
{
	padding-right: 12px;
	
	padding-bottom: 3px;
}

.form_hed
{
	background-color: white;

}
.form_hed2
{
	background-color: #cdcdcd;
}
.menu_2
{
	margin-top: 13px;

   /* margin-left: 11px; */

}
.menu_s
{

}
.ss_head2
{
	/*background-color: #939292;
	margin-top: 0px;
	padding-left: 22px;
	    font-size: 21px;
	    
    padding-left: 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;*/

font-size: 18px;
padding: 10px 15px;
background-size: 3px 2px;
background-color: rgba(255, 255, 255, 1);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent) 0 0 / 50px rgba(0, 0, 0, 0.2);
behavior: url(/pie/PIE.htc);
color: black !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );";

}
.ss_head3
{
	/*	background-color: #939292;
	margin-top: 25px;
	padding-left: 22px;
	    font-size: 21px;
	    padding: 10px 15px;
padding-left: 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;*/


font-size: 18px;
padding: 10px 15px;
background-size: 3px 2px;
background-color: rgba(255, 255, 255, 1);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent) 0 0 / 50px rgba(0, 0, 0, 0.2);
behavior: url(/pie/PIE.htc);
color: black !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );";


}
.ss_head4
{
	/*background-color: #939292;
	margin-top: 25px;
	padding-left: 22px;
	    font-size: 21px;
	    padding: 10px 15px;
padding-left: 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;*/

font-size: 18px;
padding: 10px 15px;
background-size: 3px 2px;
background-color: rgba(255, 255, 255, 1);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent) 0 0 / 50px rgba(0, 0, 0, 0.2);
behavior: url(/pie/PIE.htc);
color: black !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );";


}
.ss_head5
{
	/*background-color:#939292;
	margin-top: 25px;
	padding-left: 22px;
	    font-size: 21px;
	    padding: 10px 15px;
padding-left: 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;*/

font-size: 18px;
padding: 10px 15px;
background-size: 3px 2px;
background-color: rgba(255, 255, 255, 1);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent) 0 0 / 50px rgba(0, 0, 0, 0.2);
behavior: url(/pie/PIE.htc);
color: black !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );";


}
.maill_head
{
	font-size: 20px;
	padding-left: 42px;
	margin-top: 10px;

}
.ss_head6
{
	/*background-color: #939292;
	margin-top: 25px;
	padding-left: 22px;
	    font-size: 21px;
	    padding: 10px 15px;
   
padding-left: 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;*/

font-size: 18px;
padding: 10px 15px;
margin-top: -21px;
background-size: 3px 2px;
background-color: rgba(255, 255, 255, 1);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent) 0 0 / 50px rgba(0, 0, 0, 0.2);
behavior: url(/pie/PIE.htc);
color: black !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );";


}

/*.nav-tabs
{
    border:none;
}
.nav-tabs li:hover a
{
 background-color: grey;
border:none;
}
.nav-tabs li:active 

{
 background-color: grey;
border:none;
}*/
.menu 
{

	color: #555;
	cursor: default;

	border: 1px solid #ddd;
	border-bottom-color: transparent;

}
.form_2
{
	margin-right: 74px;
	margin-top: 25px;
	margin-left: 74px;

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


}
.step
{
	background-color: gray;
	width: 70px;

}
.btn_1
{
	margin-top: 24px;
	font-size: 27px;
	background-color: #cdc5c5;
	margin-left: 237px;
}
.row_1
{
	margin-left: 0px ;
	margin-right: 0px;
}
.menu_a
{
	height: 121px;

}
.btn_2{


	margin-top: 19px;
	margin-right: 55px;
	padding-left: 19px;
	padding-right: 21px;
	padding-left: 18px;
}
.button_1
{
	margin-top: 11px;
}




/*------media query----------------------------------------------------->
*/

@media screen and (min-width: 320px) and (max-width: 640px) {



	.form_2 {
		margin-right: 0px; 

		margin-left: 0px; 
		padding-bottom: 10px;


	}
	.btn_1 {

		margin-left: 107px;
	}



	.ss_menu {
		width: 100%; 

	}

}







@media screen and (min-width: 768px) and (max-width: 1024px){
	.form_2 {
		margin-right: 0px; 

		margin-left: 0px; 


	}
	.ss_menu {
		width: 100%; 

	}



}




/*<-------------pRE admissson------>
*/


.ss_header
{

	color: #5e5c5c;
	margin-bottom: 20px;
	margin-top: 28px;
	color: #666;
	font-size: 27px;
	display: inline-block;


}
.ss_head_box
{
	width: auto;
	/*height: 45px;*/
	border-radius: 10px 10px 0 0 ;
	padding: 2px;
	color: #3a405b;
	background-color: #FFFFFF;
	text-align: right;
}
.ss_head_menu
{




	background: rgba(220, 208, 208, 0.3);
	font-size: 16px;
	padding: 6px;
	margin-bottom: 14px;
	/* margin-top: 9px; */
	color: #9a9898;
	width: 27%;

	/*	 margin-top: 20px;*/


}
.ss_head_menu a
{


	color: #9b9b9b;
	text-decoration: none;

	padding-left: 3px;
	padding-right: 12px;
}
.ss_head_menu a:hover
{
	color:#2CA8FF;
}
.ss_header1
{
	font-size: 14px;
	padding-top: 30px;

}
.ss_header1 li
{
	padding-left: 30px;
}
.ss_head5
{
	/*
	background-color: #cdcdcd;
	
	padding-left: 15px;
	font-size: 21px;
*/



	font-size: 18px;
padding: 10px 15px;
background-size: 3px 2px;
background-color: rgba(255, 255, 255, 1);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent) 0 0 / 50px rgba(0, 0, 0, 0.2);
behavior: url(/pie/PIE.htc);
color: black !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );";



	
}
.ss_icon_1
{





	padding-right: 17px;
	padding-left: 13px;
	padding-bottom: 8px;
	margin-top: 16px;


}
.ss_row_1
{

	margin-left: 0px;
	margin-right: 0px;
}

.ss_table_1
{
	margin-top: 12px;
}

.ss_form_page
{
	margin-right: 83px;
	margin-top: 25px;
	margin-left: 65px;
	background-color: white;

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.ss_tab_a
{
	
	margin-right: 12px;
	margin-bottom: 39px;
	margin-top: 67px;
}
.ss_maill_head{
	padding-left: 13px;
	margin-bottom: 60px;
}
.ss_tab_a td
{
	text-align: center;
}
.ss_tab_a th
{
	text-align: center;
}
.ss_box_a
{

	padding: 12px;
	width: 100%;
}
.ss_box
{
	padding-right: 19px;
}
.ss_butt{
	margin-bottom: 11px;
}



@media screen and (min-width: 360px) and (max-width: 640px) {
	.ss_head_menu {
		width: 100%; 

	}

	.ss_form_page{
		overflow-x: hidden;
		margin-right: 0px;
		margin-left: 0px;
	}
	.ss_tab_s
	{
		border: 0px solid #ddd;
	}
	.ss_control_1

	{

		width: 100%;

	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.ss_head_menu {
		width: 100%; 

	}





	.ss_form_page{
		overflow-x: hidden;
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 86px;
	}
}




/*<--------communication----->*/



.ss_header
{

	color: #5e5c5c;
	margin-bottom: 20px;
	margin-top: 28px;
	color: #666;
	font-size: 27px;
	display: inline-block;


}
.ss_main_head
{




	background: rgba(220, 208, 208, 0.3);
	font-size: 16px;
	padding: 6px;
	margin-bottom: 14px;
	/* margin-top: 9px; */
	color: #9a9898;
	width: 27%;
}
.ss_main_head a
{


	color: #9b9b9b;
	text-decoration: none;

	padding-left: 3px;
	padding-right: 12px;
}
.ss_main_head a:hover
{
	color:#2CA8FF;
}

.form_box
{
	margin-right: 83px;
	margin-top: 25px;
	margin-left: 65px;
	background-color: white;

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.ss_row_1
{

	margin-left: 0px;
	margin-right: 0px;
}
.tab_1
{
	margin-top: 65px;
}
.ss_panel 
{
	    margin-left: 16px;



	    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
   
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.ss_head5
{
	/*
	background-color: #cdcdcd;
	
	padding-left: 15px;
	font-size: 21px;
*/




	font-size: 18px;
padding: 10px 15px;
background-size: 3px 2px;
background-color: rgba(255, 255, 255, 1);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent) 0 0 / 50px rgba(0, 0, 0, 0.2);
behavior: url(/pie/PIE.htc);
color: black !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );";



	
}
.ss_maill_head{
	padding-left: 13px;
	margin-bottom: 60px;
}
.menu
{
	margin-top:30px;
	border: none;
}
.ss_sub_head

{
	margin-top: 12px;
}
.ss_box_1
{
	margin-top: 65px;
}
.ss_box_3
{
	width: 16%;
}
.ss_box_4
{
	width: 15%;
}
.ss_para
{
	margin-top: 25px;
	font-size: 16px;
}
.ss_btn_a
{
	margin-top: 47px;
}

.ss_butt_1
{
	margin-bottom: 31px;


}
.ss_butt_2
{
	

	margin-bottom: 31px;
	margin-left: 16px;



}
.main_1
{
	background-color: blue;
}

.ss_ico_1
{
	padding-right: 5px;
}
.ss_main_menu
{
	padding: 8px;
}
.ss-para_1
{
	padding-top: 11px;
}
.text_1
{
	    background-color: #4176ad;
    text-align: center;
    color: white;
 
    padding: 10px;
    margin-top: 59px;
}
@media screen and (min-width: 360px) and (max-width: 640px) {



	.ss_main_head {
		width: 100%; 

	}

	.form_box{
		overflow-x: hidden;
		margin-right: 0px;
		margin-left: 0px;
	}
	.ss_box_4 {
		width: 100%; 

	}
	.ss_box_1 {
		margin-top: 4px;

	}
	.ss_box_3 {
		width: 60%;

	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.ss_main_head {
		width: 100%; 

	}

	.form_box{
		overflow-x: hidden;
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 86px;
	}

}



/*<--------------------------HUMAN RESORCE---------------------->*/

body
{
	background-color: #f3fbff;
}

.ss_header
{

	color: #5e5c5c;
	margin-bottom: 20px;
	margin-top: 28px;
	color: #666;
	font-size: 27px;
	display: inline-block;


}
.ss_main_head
{




	background: rgba(220, 208, 208, 0.3);
	font-size: 16px;
	padding: 6px;
	margin-bottom: 14px;
	/* margin-top: 9px; */
	color: #9a9898;
	width: 27%;
}
.ss_main_head a
{


	color: #9b9b9b;
	text-decoration: none;

	padding-left: 3px;
	padding-right: 12px;
}
.ss_main_head a:hover
{
	color:#2CA8FF;
}

.form_box
{
	margin-right: 83px;
	margin-top: 25px;
	margin-left: 65px;
	background-color: white;

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.ss_row_1
{

	margin-left: 0px;
	margin-right: 0px;

}
.ss_panel 
{
	    margin-left: 16px;



	    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
   
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.ss_head5
{
	/*
	background-color: #cdcdcd;
	
	padding-left: 15px;
	font-size: 21px;
*/




	font-size: 18px;
padding: 10px 15px;
background-size: 3px 2px;
background-color: rgba(255, 255, 255, 1);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent) 0 0 / 50px rgba(0, 0, 0, 0.2);
behavior: url(/pie/PIE.htc);
color: black !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#ffffff', GradientType=0 );";



	
}
.ss_maill_head{
	padding-left: 13px;
	margin-bottom: 60px;
}
.button_a
{
	color: #535050;
    margin-top: 24px;
    background-color: #b6b6b6;
}
.ss_icon
{
	color: white;
    padding-right: 11px;

}

.ss_menu_2
{
	margin-bottom: 52px;
}

@media screen and (min-width: 360px) and (max-width: 640px) {


.ss_main_head {
		width: 100%; 

	}

.form_box{
		overflow-x: hidden;
		margin-right: 0px;
		margin-left: 0px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){




.ss_main_head {
		width: 100%; 

	}

	.form_box{
		overflow-x: hidden;
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 86px;
	}

}

@media screen and (min-width: 800px) and (max-width: 1280px){
	.ss_box_3 {
    width: 12%;
}
.radio_box
{
	width: 98%;
}
}



/* <---------------------------------------------------------sug css ends*/






/*sagar css start --------------------------------------------------------->*/
.sgmt05{
	margin-top: 5px;
}

.btn-warning1 {

    color: #f0ad4e;
    background-color:#fff;
    border-color: #eea236;

}
.btn-warning1:hover {

    color: #fff;
    background-color:#f0ad4e;
    border-color: #eea236;

}
.btn-primary1{

    color: #2e6da4;
    background-color: #ffffff;
    border-color: #2e6da4
}
.btn-primary1:hover{

    color: #fff;
    background-color: #2e6da4;
    border-color: #2e6da4
}
.btn-success1 {
    color: #5cb85c;
    background-color:#fff ;
    border-color: #4cae4c;
}
.btn-success1:hover {
    color:#fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-danger1 {
    color: #d9534f;
    background-color:#fff ;
    border-color: #d43f3a;
}
.btn-danger1:hover {
    color:#fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-sample{
	background-color: #d43f3a;
	color: #fff;
}
.btn-sample:hover{
	color: #fff;
}
.btn-sample1{
	background-color: #fff;
	color: #000;
	border-color: #000;
}
.btn-sample1:hover{
	background-color: #000;
	color: #fff;
}
.sgtxtstyle li {
	text-decoration: none;
	color: #b2beb5;
}
.sgtxtstyle li i{
	text-decoration: none;
	color: #000;
}
.sgtxtstyle li:active {

	color: #000;
}
.sgtxtstyle li a{
	text-decoration: none;
	color: #000;
}
.sgtxtstyle li:active {
	
	color: #000;
	background-color: #f4f4f4;
}
.sgmt10{
margin-top: 10px;
}

.nav-tabs{
	border:none;
	text-decoration: none;
}
.nav-tabs li:hover {
 background-color: #f4f4f4;
border:none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.nav-tabs li:active a{
 background-color: #e5e5e5;
/*border:none;*/
}

.card-title{
	background-color: #f4f4f4;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.sgbg2{
	background-color: #e5e5e5;
}

.sgmb10{
	margin-bottom: 10px;
}
.sgmt20{
	margin-top: 20px;
}
.btn-info1{

	background-color: grey;
	color: #fff;
}
.sgmb20{
	margin-bottom: 20px;
}
.widh{
	width: 160px;
}

.sgmt2
{
	margin-top: 20px;

padding: 5px;
}
.sgbx{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.sgmt25{
	margin-top: 25px;
}
.sgmt45{
	margin-top: 45px;
}
.sg_header{
		color: #5e5c5c;
    margin-bottom: 20px;
    margin-top: 28px;
	color: #666;
   font-size: 27px;
    display: inline-block;
  
}
.sg_head1{

	background-color: #cdcdcd;
	
	padding-left: 40px;
	    font-size: 21px;
	    padding-bottom: 11px;
    padding-top: 8px;
}
.sg_head2
{
	background-color: #cdcdcd;
	margin-top: 0px;
	padding-left: 22px;
	    font-size: 21px;
}
.wdht{
	width: 74px;
	height: 34px;
	margin-bottom: 10px;
}
.wdht1{
	width: 91px;
	height: 34px;
}
.wdht2{
	width: 95px;
	height: 34px;
}
.sgbdr1{
	border: 1px solid #f4f4f4;
}
.sgmt5{
	margin-top: 35px;
}
.row_1
{
	margin-left: 0px ;
	margin-right: 0px;
}
.bgwhite{
	background-color: #fff;
}
.bggrey{
	background-color: #eaeef3;
}
.sgmt36{
	margin-top: 50px;
}
.sgmt0{
	margin-top: -20px;
	margin-right: 0px;
	margin-left: 0px;
}
   .ard1> ul > li {
    float: left;
    height: 60px;
    padding: 30px;
   
    margin-left: -30px;
    text-align: center;
    list-style: outside none none;
   
   /* width: 12.5%;*/
    padding-top: 10px;
}
.sgml20{
	margin-left: 20px;
}
.sgsgsg{
	margin-top: -20px;
	padding-top: 20px;
	margin-left: 0px;
	margin-right: -10px;
}
.sg_menu
{
	    background: rgba(220, 208, 208, 0.3);
    font-size: 16px;
    padding: 6px;
    margin-bottom: 20px;
    color: #9a9898;
    width: 44%;
}
.sgmt30{
	margin-top: 40px;
}
.sgmt33
{
	margin-top: 40px;
}
.sgmt31
{
	margin-top: 40px;
}
.sgmt80{
	margin-top: 80px;
}
.sgmt23
{
	margin-top: 0px;
    margin-left: 63px;
}
.sgmt0
{
	margin-top: 0px;
}
.sgmt1
{
 margin: 0px;
 

}
.sgmtll{
	margin-left: 15px;
	margin-right: 15px;
}

.sgsg
{
	margin-bottom: 0px;
	margin-top: 25px;
}
.sgm1
{
	margin-left: 76px;
}

.sg_menu li a
{
	color: #9b9b9b;
    text-decoration: none;
  	padding-left: 3px;
    padding-right: 12px;
}
.sg_menu li a:hover
{
	color:#2CA8FF;
}
.sgmt01{
	margin-top: -15px;
}
.sgml5{
	margin-left: 10px;
}
.sgml2{
	margin-left: 40px;
	margin-top: 30px;
}
.ra_buton12
{
	margin-top: 50px;

}
.sgmt25
{
	margin-top: 25px;
}
.sgmtt{
	margin-top: 34px;
}
.sgmt32{
  margin-top: 33px;
}
.sgmt28
{
	margin-top: 30px;
}
.htauto input{
	height: auto;
}
.cntn{
	margin-left: -10px;
	margin-right: -10px;
}
.sahd{
	margin-right: 20px;
	margin-left: 20px;
}
.brdr1{
	border: 1px solid #d1d1d1;
	padding-bottom: 10px;
}
@media (min-width: 320px) and (max-width: 1024px){

.sg_menu{
	width: 100%;
}	

}
@media (min-width: 1025px) and (max-width: 1280px){

.sg_menu{
	width: 46%;
}	
}
@media (min-width: 768px) and (max-width:769px){
	.ra_buton12{
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
}
}
@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 

}

@media (min-width: 1200px) and (max-width:1400px){
	.widh1{
		width: 90px;
	}
}









/* <---------------------------------------------------------sagar css ends*/








/*ashwini css start --------------------------------------------------------->*/

body{
	background-color: #eaeef3;
}

.sgtxtstyle{
	padding:10px 20px;
}
.sgtxtstyle li {
    text-decoration: none;
    color: #b2beb5;
}
.sgtxtstyle li i{
    text-decoration: none;
    color: #000;
    color:grey;
}
.sgtxtstyle li:active {

    color: #000;
}
.sgtxtstyle li a{
    text-decoration: none;
    color: #000;
    font-size: 18px;
    color:grey;
}
.sgtxtstyle li:active {
   
    color: #000;
    background-color: #f4f4f4;
}
.sgmt10{
margin-top: 10px;
}
/* .sa_headr_4{

    margin-left: 10px;
    margin-right: 10px;
} */
.sgmt201{
	margin-top: 20px;
}
.sgml20{
	margin-right: 20px;
}
.sgmb30{
	margin-bottom: 30px;
}
.spd{
	padding:4px;
}
/*****************NAV BAR**************/
.nav-tabs{
    border:none;
}
.nav-tabs li:hover a{
 background-color: #f4f4f4;
/*border:none;*/
}
.nav-tabs li:active{
 /*background-color: grey;*/
border:none;
}
.nav-tabs li a{
	color:black;
}
.para{
	margin-right: 30px;
	margin-top: 10px;
}



/********SCHOOL SETTING***************/
.contant_a{
	background-color: white;
}
.box{
	box-sizing: border-box;
	box-shadow: 0px 5px 25px 0px rgba(24, 16, 16, 0.2);
}
.tab_grp{
	margin: 20px 0px;
	border:1px solid black;
}
.tab_grp,.tab_grp th,.tab_grp td{
	border:1px solid lightgray;
}
.tr_row{
	background-color: #c3c3c3;
}
/* input[type="checkbox"]{
	margin:0px;
	padding:2px;
} */

.frm_grp{
	margin:20px;
}
.frm_grp1{
	margin-left: 33px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.req
{
	color: #ea1c1c;
}
/* .req1
{
    color: #ea1c1c;
    font-size: 20px;
    position: absolute;
    top: -5px;
    right: -10px;
} */
.lab_rel{
	position: relative;
}

.req_icon:after{
   content: "\f069";
   color: #e11515;
   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;
   top: -10px;
   position: absolute;
   font-size: 9px;
   left: 2px;
 }
.mr-b-10{
	    margin-bottom: 10px;
}
.head{
	background-color: rgba(255, 255, 255, 1);
	background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
	background-size: 3px 2px;
	font-size: 18px;
	padding: 10px;
	color:black;
}
.head1{
	background-color: rgba(255, 255, 255, 1);
	background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent);
	background-size: 3px 2px;
	padding:5px;
	padding-left: 15px;
	font-size: 18px;
	color:black;
}
/********************ANNOUNCEMENT********************/

.btn-search{
	margin-top:33px;
}
.fa_search{
	padding:5px;
}
.mar_t{
	margin-top:30px;
}

.i_con{
	border:1px solid lightgray;
}

.pag li a{
	color:grey;
}
.admi_recpt{
	margin:0px 10px;
}
/*****************FEES COLLECTION*******************/
.info{
	padding: 10px 30px;
	background-color: lightgray;
}
 .pad_50{
	 padding-bottom: 20px;	 
 }
.dis_tab{
	margin-top: 20px;
}

 .dash{
 	height:120px;
 	padding: 10px 15px;
 	color:white;
 }
 .bg_blue{
 	background-color: #0981e9;
 }
 .bg_green{
 	background-color: #25b325;
 }
 .bg_yellow{
 	background-color: #febd3b;
 }
 .bg_maroon{
 	background-color: #ae2723;
 }
 .dash_icon{
 	font-size: 4.5vw;
 }
 .time{
 	margin-top: 25px;
 	margin-right: 0px;
 	font-size: 28px;
 }
 .bg_cl{
 	background: white;
 	color: #febd3b;
 	font-size: 30px;
 	margin:0px 1px;

 }
  .date ._720kb-datepicker-calendar{
 	left: -133px!important;
 	margin-top: -162px!important;
 }
 .date ._720kb-datepicker-calendar{
 	left: 3px!important;
 	margin-top: -33px!important;
 } 
 .dtpker ._720kb-datepicker-calendar{
 	left: -133px;
 	margin-top: -162px;
 }
 .dtpker1 ._720kb-datepicker-calendar{
 	left: -50px;
 	margin-top: -162px;
 } 
 .empty{
 	height:150px;
 }
 /*frm_grp1
 {
 	margin-bottom: 0px !important;
 }*/

 /****************MEDIA QUERIES**************************/
@media screen and (min-width: 360px) and (max-width: 640px){
.box{
	margin: 10px 0px;
}
.mar_t{
	margin-top:0px;
}
.cen{
	margin:5px 0px;
}
.btn-search{
	margin-top:0px;
	margin-bottom: 20px;
}
.tab_grp{
	width:300px;
	overflow:auto ! important;
	display: block;

}
.frm_grp {
    margin: 0px 13px;

}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.pag_a{
		display: none ! important;
	}
}
  @media screen and (min-width: 1200px) and (max-width: 1800px){
  .dash{
    height: 130px;
  }
  .fc-center h2{
    margin-top: 10px !important;
  }
  }

@media screen and (min-width: 1280px) and (max-width: 1290px){
	.sgmt201{
		margin-top: 0px;
	}
}
@media screen and (min-width: 1280px) and (max-width: 1440px){
	 .dtpker ._720kb-datepicker-calendar{
 	left: -160px;
 	margin-top: -162px;
 }
  .dtpker1 ._720kb-datepicker-calendar{
 	left: -80px;
 	margin-top: -162px;
 }
}
@media screen and (min-width: 1600px) {

.time {
    margin: 12px 24px;
    font-size: 50px;
}

}
.mar_10_all{
margin:10px;
}
/* <---------------------------------------------------------ashwini css ends*/



/*karthik css start --------------------------------------------------------->*/

.brd_crmb .btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.brd_crmb .btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.brd_crmb .btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.brd_crmb .btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.brd_crmb .btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.brd_crmb .btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.brd_crmb .btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.brd_crmb .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #e6e5e5;
}
.brd_crmb .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}
.brd_crmb {
	margin-bottom: 20px;
}
.kar_sch_id .nav-tabs li a{
	cursor: pointer;
}
.kar_sch_id .panel {
	padding: 20px;
	margin-top:2px;
}
.kar_sch_id .panel-body{
	background-color: #fff;	
}


.brd_crmb .btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.brd_crmb .btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.brd_crmb .btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.brd_crmb .btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.brd_crmb .btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
      background-color: #3169b3;
      color: #fff;
}
.brd_crmb .btn-breadcrumb .btn:last-child a{
	color: #fff;	
}
.mr-0-auto{
  margin:0px auto;
}
.mr-30-auto{
  margin:30px auto;
}
/** Default button **/
.brd_crmb .btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;

}
.brd_crmb .btn-breadcrumb .btn.btn-default:not(:last-child):focus::after{
  border-left: 10px solid #e6e6e6;
}
.brd_crmb .btn-breadcrumb .btn.btn-default:not(:last-child):active:focus::after{
  border-left: 10px solid #e6e6e6;
}
.brd_crmb .btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.brd_crmb .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #e6e5e5;
}
.brd_crmb .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}
.brd_crmb {
  margin-bottom: 20px;
}
.kar_sch_id .nav-tabs li a{
  cursor: pointer;
}
.kar_sch_id .panel {
  padding: 20px;
  margin-top:2px;
}
.kar_sch_id .panel-body{
  background-color: #fff; 
}


/* .kar_form.login-page {
  width: 360px;
  padding: 8% 0 0;
  margin: auto;
} */
.kar_form .form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  /* max-width: 360px; */
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);

}
.kar_form .form input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.kar_form .form button {
  text-transform: uppercase;
  outline: 0;
  background: #4CAF50;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.kar_form .form button:hover,.kar_form .form button:active,.kar_form .form button:focus {
  background: #43A047;
}
.kar_form .form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.kar_form .form .message a {
  color: #4CAF50;
  text-decoration: none;
}
.kar_form .form .register-form {
  display: none;
}
.kar_form .container {
  position: relative;
  z-index: 1;
  max-width: 360px;
  margin: 0 auto;
}
.kar_form .container:before,.kar_form .container:after {
  content: "";
  display: block;
  clear: both;
}
.kar_form .container .info {
  margin: 50px auto;
  text-align: center;
}
.kar_form .container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.kar_form .container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.kar_form .container .info span a {
  color: #000000;
  text-decoration: none;
}
.kar_form .container .info span .fa {
  color: #EF3B3A;
}
.kar_form a{
  text-decoration: none;
}
.login_bg{
/* background-color: #ccd0d4;
background: -webkit-radial-gradient(center, ellipse cover, rgba(160,175,185,1) 0%,rgba(0,0,0,1) 100%) no-repeat;
background: -moz-radial-gradient(center, ellipse cover, rgba(160,175,185,1) 0%,rgba(0,0,0,1) 100%) no-repeat;
    background-attachment: scroll;
background-attachment: scroll;
background: -o-radial-gradient(center, ellipse cover, rgba(160,175,185,1) 0%,rgba(0,0,0,1) 100%) no-repeat;
background: -ms-radial-gradient(center, ellipse cover, rgba(160,175,185,1) 0%,rgba(0,0,0,1) 100%) no-repeat;
background: radial-gradient(center, ellipse cover, rgba(160,175,185,1) 0%,rgba(0,0,0,1) 100%) no-repeat;
background-attachment: fixed;
height: 100vh; */
background-color: #ffffff;
}
.login-page .panel-collapse.in img{
display: block;
}
.login-page .panel-collapse img{
display: none;
}
 .kar_form input[type="email"],.kar_form input[type="password"],.kar_form input[type="text"]{
  border:none;
  background: transparent;
  outline: none;
  border-bottom: 1px solid #7c009b;
  border-radius:0px;
  box-sizing: none;
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  -moz-transition:  all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #7c009b 4%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: -100vw 0;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 3em;
}
.kar_form input[type="email"]:active,
.kar_form input[type="password"]:active,.kar_form input[type="text"]:active,.kar_form input[type="password"]:focus{
  border-bottom: 1px solid #7c009b;
  box-sizing: none;
  box-shadow: none;
}
.kar_form input[type="email"]:focus,.kar_form input[type="password"]:focus,.kar_form input[type="text"]:focus{
  background-position:0;
  border-bottom: 1px solid #7c009b;
  box-sizing: none;
  box-shadow: none;
}
.kar_form .frm{
  margin:40px;
}
.kar_form .btn-log{
  /* background: #ECECEC; */
  background: #1056b3;
  border-radius: 4px;
  padding: 7px 30px;
  display: block;
  font-weight: bold;
  /* color: #7f7f7f; */
  color: #ffffff;
  text-decoration: none;
  /* text-shadow: 0px 1px 0px #fff;
  border: 1px solid #a7a7a7;
  box-shadow: 0px 2px 1px white inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1); */
  -webkit-transition: box-shadow 0.5s;
  margin:0 auto;
}
.kar_form .forget a{
  color: #555;
  text-decoration: none;
}
.kar_form .forget a:hover{
  text-decoration: none;
  color: #72afd2;
}
.kar_form .log-img{
  box-shadow: inset 0px -1px 4px 1px rgba(0,0,0,0.4), inset 0px 2px 15px 3px rgba(255,255,255, 1.0), 2px 2px 1px rgba(0,0,0,0.1);
  padding: 8px;
  margin: 0 auto;
  top:50px;
  position: absolute;
  left:140px;
  background-color: #fff;
}
.kar_form .log-img1{
  box-shadow: inset 0px -1px 4px 1px rgba(0,0,0,0.4), inset 0px 2px 15px 3px rgba(255,255,255, 1.0), 2px 2px 1px rgba(0,0,0,0.1);
  padding: 8px;
  margin: 0 auto;
  top:120px;
  position: absolute;
  left:140px;
  background-color: #fff;
}
.kar_form .line::before{
  content:"__________________";
  color:lightgrey;

}
.kar_form .line::after{
  content:"__________________";
  color:lightgrey;
  /*margin-left:70px;*/

}
.kar_form .title-head,.kar_form .title-head a:hover{
  font-weight: 550;
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #444;
  padding:20px 10px;
  text-decoration:none;
}
.kar_form .icon-log{
  margin: 0px 10px;
  font-size: 10px;
  color:grey;
}
.kar_form .icon-refresh{
  position: absolute;
  color:grey;
  left:270px;
  top:290px;
}
.kar_form .icon-refresh1{
  position: absolute;
  color:grey;
  left:270px;
  top:350px;
}
.kar_form .title-head a:active,.kar_form .title-head a:visited{
  padding:8px 10px;
  font-weight: 550;
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #444;
  text-decoration: none;
}
.kar_form h3{
  margin-bottom: 20px;
}


.login-page {
  width: 360px;
  padding: 8% 0 0;
  margin: auto;
}
.kar_form.container {
  position: relative;
  z-index: 1;
  max-width: 360px;
  margin: 0 auto;
}
.kar_form .container:before,.kar_form .container:after {
  content: "";
  display: block;
  clear: both;
}
.kar_form .container .info {
  margin: 50px auto;
  text-align: center;
}
.kar_form .container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.kar_form .container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.kar_form .container .info span a {
  color: #000000;
  text-decoration: none;
}
.kar_form .container .info span .fa {
  color: #EF3B3A;
}
.login{
	background-image: url(../../assets/img/login.jpg);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	/* width: calc(100% - 520px); */
	width: 100%;
	height: 100vh;
    position: relative;
    z-index: 1;
}
.kar_form .panel {
	box-shadow: unset;
}
.kar_form .captcha input[type="text"]{
    border-bottom: unset;
    background: aliceblue;
    max-width: 120px;
    font-size: 18pt;
	padding: 25px;
	border-bottom: unset;
	margin-top: 25px;
	margin-left: 10%;
	margin-bottom: 1em;
}
.login_bg .col-md-7{
	padding: 0;
}
/* <---------------------------------------------------------karthik css ends*/

/* <---------------------------------------------------------karthik css ends*/
@media (min-width: 240px) and (max-width: 760px){
.ra_bgd_new {
     margin-right: 0px; 
    margin-top: 25px;
     margin-left: 0px; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.mar_10_all {
    margin: 0px;
}
.frm_grp {
   padding: 5px;
   margin: 0px;
}
.sm25{
	margin-top: 25px;
}
.kar_form input[type="email"], .kar_form input[type="password"], .kar_form input[type="text"] {
	width: 100%;
}
.kar_form .frm {
    margin: 40px 20px;
}
.kar_form .captcha input[type="text"], .login_alert{
	width: 100%;
	margin-left: 0;
}
}




 /* ///////////// */
.leave_user{
	width: 36px;
    height: 36px;
    display: inline-block;
    background-color: #777;
    font-size: 26px;
    border-radius: 50%;   
    padding-left: 8px;
}
.leave_class{	
	display: inline-block;
	/* width: 80%; */
}
/* 
.leave_class p{	
	text-align: right;
} */

.dropdown-menu ul .list-group-item{
	padding: 0px 15px ;
}
.login_alert{
	width: 80%;
	margin-left: 10%;

}
.login_alert ul{
	list-style: none;
}
/* .table>tbody>tr>td{
	border-top: unset;
} */
.container.refund{
	width: 750px;
}