.box {display:table; margin:0 auto; }

.box > *:not(legend):not(.box), .box_c {
	display:table-cell;
	float:none !important;
	vertical-align:middle;
	text-align:center;
}
.box a {
	text-decoration:none;
}
.box div:first-child:not(legend){
	text-align:left !important;
}

.s_menu li span {
	cursor:pointer;
}
.cnt_bl {
	float:none !important;
	margin-left:auto;
	margin-right:auto;
	display:table;
}
.beta {
    color:#546E7A;
    text-decoration:none;
    font-size:11px;
    float:left;
    margin-top:42px;
    font-weight:bold;
    font-style:italic;
}

.information_block {
    width: 145px;
    height: 25px;
    float: right;
    position: absolute;
    right: 0;
    bottom: 10px;
}
/*
.toc{  Container for Table Of Contents 
	//list-style-type: none;
	color:#CFD8DC;
}
.toc a {
	text-decoration:none;
	color:#CFD8DC;
}
*/
.inl_anc { /* To adjust Inline anchor with the size of fixed header */
	z-index:-1;
	padding-top: 80px; 
	margin-top: -80px;
}

/* Lightbox */

.lbox,.lb {display: none;}

.lbox {
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.6);
}
.lb {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color:#455A64;
}

.lb:target {
    display: block;
    outline: none;
}

.lb > div {
  	width: -webkit-min-content;
  	width: -moz-min-content;
  	width: min-content;
	min-width:650px;
 	margin: 2% auto;
 	//margin: 5% auto;
	padding:10px 20px 10px 20px;
	background-color:#FFF;
	box-shadow: 0px 1px 26px -3px #777;
}

.lb .lb_t { /* Title */
	margin:0;
	padding:0 0 10px 0px;
	border-bottom:1px #ccc solid;
	font-size:22px;
}

.lb .lb_t img, .lb .lb_t span {
	color:#455A64;
	vertical-align:middle;
}

.lb .lb_cont {
	padding:5px;
	display:block;
	position:relative;
}
	
.lb .lb_cl {
	display:block;
	text-decoration:none;
	font-size:22px;
	color:#546E7A;
	float:right;
	cursor:pointer;
}
	
/*Grid*/
.w_1{ width:2.5%;}
.w_2{ width:5%;}
.w_3{ width:7.5%;}
.w_4{ width:10%;}
.w_5{ width:12.5%;}
.w_6{ width:15%;}
.w_7{ width:17.5%;}
.w_8{ width:20%;}
.w_9{ width:22.5%;}
.w_10{ width:25%;}
.w_11{ width:27.5%;}
.w_12{ width:30%;}
.w_13{ width:32.5%;}
.w_14{ width:35%;}
.w_15{ width:37.5%;}
.w_16{ width:40%;}
.w_17{ width:42.5%;}
.w_18{ width:45%;}
.w_19{ width:47.5%;}
.w_20{ width:50%;}
.w_21{ width:52.5%;}
.w_22{ width:55%;}
.w_23{ width:57.5%;}
.w_24{ width:60%;}
.w_25{ width:62.5%;}
.w_26{ width:65%;}
.w_27{ width:67.5%;}
.w_28{ width:70%;}
.w_29{ width:72.5%;}
.w_30{ width:75%;}
.w_31{ width:77.5%;}
.w_32{ width:80%;}
.w_33{ width:82.5%;}
.w_34{ width:85%;}
.w_35{ width:87.5%;}
.w_36{ width:90%;}
.w_37{ width:92.5%;}
.w_38{ width:95%;}
.w_39{ width:97.5%;}
.w_40{ width:100%; clear:both;}

.w_1-3{width: calc(100%/3);}	
.w_1-7{width: calc(100%/7);}

.ml_1{ margin-left:2.5%;}
.ml_2{ margin-left:5%;}
.ml_3{ margin-left:7.5%;}
.ml_4{ margin-left:10%;}
.ml_5{ margin-left:12.5%;}
.ml_6{ margin-left:15%;}
.ml_7{ margin-left:17.5%;}
.ml_8{ margin-left:20%;}
.ml_9{ margin-left:22.5%;}
.ml_10{ margin-left:25%;}
.ml_11{ margin-left:27.5%;}
.ml_12{ margin-left:30%;}
.ml_13{ margin-left:32.5%;}
.ml_14{ margin-left:35%;}
.ml_15{ margin-left:37.5%;}
.ml_16{ margin-left:40%;}
.ml_17{ margin-left:42.5%;}
.ml_18{ margin-left:45%;}
.ml_19{ margin-left:47.5%;}
.ml_20{ margin-left:50%;}
.ml_21{ margin-left:52.5%;}
.ml_22{ margin-left:55%;}
.ml_23{ margin-left:57.5%;}
.ml_24{ margin-left:60%;}
.ml_25{ margin-left:62.5%;}
.ml_26{ margin-left:65%;}
.ml_27{ margin-left:67.5%;}
.ml_28{ margin-left:70%;}
.ml_29{ margin-left:72.5%;}
.ml_30{ margin-left:75%;}
.ml_31{ margin-left:77.5%;}
.ml_32{ margin-left:80%;}
.ml_33{ margin-left:82.5%;}
.ml_34{ margin-left:85%;}
.ml_35{ margin-left:87.5%;}
.ml_36{ margin-left:90%;}
.ml_37{ margin-left:92.5%;}
.ml_38{ margin-left:95%;}
.ml_39{ margin-left:97.5%;}
.ml_40{ margin-left:100%;}

.mr_1{ margin-right:2.5%;}
.mr_2{ margin-right:5%;}
.mr_3{ margin-right:7.5%;}
.mr_4{ margin-right:10%;}
.mr_5{ margin-right:12.5%;}
.mr_6{ margin-right:15%;}
.mr_7{ margin-right:17.5%;}
.mr_8{ margin-right:20%;}
.mr_9{ margin-right:22.5%;}
.mr_10{ margin-right:25%;}
.mr_11{ margin-right:27.5%;}
.mr_12{ margin-right:30%;}
.mr_13{ margin-right:32.5%;}
.mr_14{ margin-right:35%;}
.mr_15{ margin-right:37.5%;}
.mr_16{ margin-right:40%;}
.mr_17{ margin-right:42.5%;}
.mr_18{ margin-right:45%;}
.mr_19{ margin-right:47.5%;}
.mr_20{ margin-right:50%;}
.mr_21{ margin-right:52.5%;}
.mr_22{ margin-right:55%;}
.mr_23{ margin-right:57.5%;}
.mr_24{ margin-right:60%;}
.mr_25{ margin-right:62.5%;}
.mr_26{ margin-right:65%;}
.mr_27{ margin-right:67.5%;}
.mr_28{ margin-right:70%;}
.mr_29{ margin-right:72.5%;}
.mr_30{ margin-right:75%;}
.mr_31{ margin-right:77.5%;}
.mr_32{ margin-right:80%;}
.mr_33{ margin-right:82.5%;}
.mr_34{ margin-right:85%;}
.mr_35{ margin-right:87.5%;}
.mr_36{ margin-right:90%;}
.mr_37{ margin-right:92.5%;}
.mr_38{ margin-right:95%;}
.mr_39{ margin-right:97.5%;}
.mr_40{ margin-right:100%;}

.mt_1{ margin-top:2.5%;}
.mt_2{ margin-top:5%;}
.mt_3{ margin-top:7.5%;}
.mt_4{ margin-top:10%;}
.mt_5{ margin-top:12.5%;}
.mt_6{ margin-top:15%;}
.mt_7{ margin-top:17.5%;}
.mt_8{ margin-top:20%;}
.mt_9{ margin-top:22.5%;}
.mt_10{ margin-top:25%;}
.mt_11{ margin-top:27.5%;}
.mt_12{ margin-top:30%;}
.mt_13{ margin-top:32.5%;}
.mt_14{ margin-top:35%;}
.mt_15{ margin-top:37.5%;}
.mt_16{ margin-top:40%;}
.mt_17{ margin-top:42.5%;}
.mt_18{ margin-top:45%;}
.mt_19{ margin-top:47.5%;}
.mt_20{ margin-top:50%;}
.mt_21{ margin-top:52.5%;}
.mt_22{ margin-top:55%;}
.mt_23{ margin-top:57.5%;}
.mt_24{ margin-top:60%;}
.mt_25{ margin-top:62.5%;}
.mt_26{ margin-top:65%;}
.mt_27{ margin-top:67.5%;}
.mt_28{ margin-top:70%;}
.mt_29{ margin-top:72.5%;}
.mt_30{ margin-top:75%;}
.mt_31{ margin-top:77.5%;}
.mt_32{ margin-top:80%;}
.mt_33{ margin-top:82.5%;}
.mt_34{ margin-top:85%;}
.mt_35{ margin-top:87.5%;}
.mt_36{ margin-top:90%;}
.mt_37{ margin-top:92.5%;}
.mt_38{ margin-top:95%;}
.mt_39{ margin-top:97.5%;}
.mt_40{ margin-top:100%;}

.clearfix {
	clear: both;
}

.content {
	padding:15px;
	background:#eceff1;
	overflow: hidden;
	min-height:calc(100vh - 110px);
}

.container {
	//margin-top:80px;
	margin-top:50px;
}

[class^="w_"] { float:left; box-sizing: border-box; }


.dbg{
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

		
.fl_r {float:right}
.fl_l {float:left}
.bgn {background:none}
.d_none {display:none!important;}

.hide {display:none}
.show {display:inline-block}

.cnt{ text-align:center !important; }
.rgt{ text-align:right; }
.lft{ text-align:left; }	
.jtf{ text-align:justify; }
.fixed { position: fixed; z-index:500; }
.ab_bot { position: absolute; bottom: 0; }	
	
.ab_top { position: absolute; top: 0; }
.ab_lft { position: absolute; left: 0; }	
.ab_rgt { position: absolute; right: 0; }
		
		
.fixed {
	position: fixed;
	z-index:2000;
}	

.fx_bot {
	position: fixed;
	z-index:500;
	bottom: 0;
}

.fx_bot {
	position: fixed;
	bottom: 0;
	z-index: 2000;
}
.ab_bot,.ab_top,.ab_lft,.ab_rgt {
	position: absolute;
}
.ab_bot {bottom: 0;}
.ab_top {top: 0;}
.ab_lft {left: 0;}	
.ab_rgt {right: 0;}
	
.p_1{ padding: 10px; }	
.p_2{ padding: 15px; }
.p_3{ padding: 20px; }
.p_4{ padding: 30px; }
.p_5{ padding: 50px; }
	
/*Table*/
.tb {
	width:100%; 
	color:#37474f;
}
	
.tb thead a{
	text-decoration:none;
	color:#263238;
	font-size: .8vw;
}
	
.tb thead {
	background: #90a4ae; 
	color:#263238;  
	font-weight:bold; 
	text-align:center; 
}

/*Details Element Table*/
.de_tb {width:100%; color:#546E7A; }
.light .de_tb thead {background: #d6dce1; color:#546E7A; text-align:center;}
.de_tb tbody tr:nth-child(even) {background: #cfd8dc;}
.de_tb tbody tr:nth-child(odd) {background: #FFF;}
.de_tb td { padding: 7px 5px; vertical-align:middle; }

.tb_atb,.tb_at,.tb_ab,.light  .tb_atb,.light .tb_at,.light .tb_ab{   
    width: 20px;  
	height: 20px;
    float: right;
    cursor: pointer;
    /*! margin-top: -20px; */
    /*! margin-right: 30px; */
}

.ti-close, .ti-angle-down {
	cursor:pointer;
	top:7px !important;
}

.tb_copy,.tb_del,.tb_edit,.tb_add,.tb_det, .tb_view
.light .tb_copy,.light .tb_del,.light .tb_edit,.light .tb_add,.light .tb_det,.light .tb_view{   
    width: 20px;  
	height: 20px;
    float: left;
    cursor: pointer;
}

.tb_atb{   
    background: url(../images/icon/tb_icons.png) no-repeat 0px;
}

.tb_at{	
	background: url(../images/icon/tb_icons.png) no-repeat -20px;
}

.tb_ab{
	background: url(../images/icon/tb_icons.png) no-repeat -40px;
}

.tb_view{
	background: url(../images/icon/tb_icons.png) no-repeat -160px;
}

.light  .tb_atb{   
    background: url(../images/icon/tb_icons.png) no-repeat 0px;
}

.light .tb_at{	
    background: url(../images/icon/tb_icons.png) no-repeat -20px;
}

.light .tb_ab{	
    background: url(../images/icon/tb_icons.png) no-repeat -40px;
}

.tb_copy{	
	background: url(../images/icon/tb_icons.png) no-repeat -60px;
}
/*Table copy*/

.tb_del{	
    background: url(../images/icon/tb_icons.png) no-repeat -80px;
}
/*delete element*/

.tb_edit{	
    background: url(../images/icon/tb_icons.png) no-repeat -120px;
}
/*edit element*/

.tb_add{	
    background: url(../images/icon/tb_icons.png) no-repeat -120px;
}
/*add element*/

.tb_det{	
    background: url(../images/icon/tb_icons.png) no-repeat -140px;
}
/*details element*/

.light .tb_copy{	
    background: url(../images/icon/tb_icons.png) no-repeat -60px;
}
/*copy element*/

.light .tb_del{	
    background: url(../images/icon/tb_icons.png) no-repeat -80px;
}
/*delete element*/

.light .tb_edit{	
    background: url(../images/icon/tb_icons.png) no-repeat -120px;
}
/*edit element*/

.light .tb_add{	
    background: url(../images/icon/tb_icons.png) no-repeat -100px;
}
/*add element*/

.light .tb_det{	
    background: url(../images/icon/tb_icons.png) no-repeat -140px;
}
/*details element*/


.tb tbody tr:nth-child(even) {background: #cfd8dc;}

.tb tbody tr:nth-child(odd) {background: #FFF;}

.tb td{ padding: 7px 5px; vertical-align:middle; }



/*end tab*/

.tb_info_stud {width:100%; color:#546E7A;font-weight: bold; }
.light .tb_info_stud thead {background: #546e7a; color:#eceff1; text-align:center;}
.tb_info_stud tbody tr:nth-child(even) {background: #cfd8dc;}
.tb_info_stud tbody tr:nth-child(odd) {background: #CFD8DC;}
.tb_info_stud td { padding: 7px 5px; vertical-align:middle; }

/*ToolTip*/
	[data-tt]{position: relative;}
[data-tt]:before,[data-tt]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  position: absolute;
  z-index: 10;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
[data-tt][data-tt-break]:after {white-space: normal;}
[data-tt]:after {
  background: #CFD8DC;
  border-radius: 4px;
  color: #546E7A;
  content: attr(data-tt);
  padding: .5em 1em;
  white-space: nowrap;
  margin-bottom: 11px;
  margin-left: -14px;
}
[data-tt]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(207,216,220,0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px;
}

.tabs{
	margin-left:25%;
	margin-top: 50px;
}
[data-tt]:hover:before,[data-tt]:hover:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
}

/*Top left*/
.tt_p_t_l:hover:before,.tt_p_t_l:hover:after {
  -webkit-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
}

.tt_p_t_l:before,.tt_p_t_l:after {
  left: 20%;
   -webkit-transform: translate(-80%, 10px);
  -ms-transform: translate(-80%, 10px);
  transform: translate(-80%, 10px);
}
/* Top center*/
.tt_p_t_c:hover:before,.tt_p_t_c:hover:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.tt_p_t_c:before,.tt_p_t_c:after {
  left: 50%;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
}
/* Top right*/
.tt_p_t_r:hover:before,.tt_p_t_r:hover:after {
  -webkit-transform: translate(-20%, 0);
  -ms-transform: translate(-20%, 0);
  transform: translate(-20%, 0);
  background:#455A64;
  color:#fff;
}
.tt_p_t_r:before,.tt_p_t_r:after {
  left: 80%;
  -webkit-transform: translate(-20%, 10px);
  -ms-transform: translate(-20%, 10px);
  transform: translate(-20%, 10px);
}


[class^="tt_p_b"]:before,[class^="tt_p_b"]:after {bottom: auto;top: 100%;}
[class^="tt_p_b"]:after { margin-top: 11px;}
[class^="tt_p_b"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(207,216,220,0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
/*Bottom Center*/
.tt_p_b_c:before,.tt_p_b_c:after {
  left: 50%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
.tt_p_b_c:hover:before,.tt_p_b_c:hover:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/*Bottom Left */
.tt_p_b_l:before,.tt_p_b_l:after {
  left: 20%;
  -webkit-transform: translate(-80%, -10px);
  -ms-transform: translate(-80%, -10px);
  transform: translate(-80%, -10px);
}
.tt_p_b_l:hover:before,.tt_p_b_l:hover:after {
  -webkit-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
}
/*Bottom Right */
.tt_p_b_r:before,.tt_p_b_r:after {
  left: 80%;
  -webkit-transform: translate(-20%, -10px);
  -ms-transform: translate(-20%, -10px);
  transform: translate(-20%, -10px);
}
.tt_p_b_r:hover:before,.tt_p_b_r:hover:after {
  -webkit-transform: translate(-20%, 0);
  -ms-transform: translate(-20%, 0);
  transform: translate(-20%, 0);
}
/*Left*/
.tt_p_l:before,.tt_p_l:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
.tt_p_l:after {margin-right: 11px;}
.tt_p_l:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(207,216,220,0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
/*Right*/
.tt_p_l:hover:before,.tt_p_l:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.tt_p_r:before,.tt_p_r:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
.tt_p_r:after {margin-left: 11px;}
.tt_p_r:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(207,216,220,0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

.tt_p_r:hover:before,.tt_p_r:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.tt_l_sm:after {width: 80px;}
.tt_l_md:after {width: 150px;}
.tt_l_lg:after {width: 260px;}
.tt_l_xl:after {width: 90vw;}




/* Other tooltip, with html content */
.av_tt {
    position: relative;
    display: inline-block;
    //border-bottom: 1px dotted #ECEFF1;
}

.av_tt .tt_txt {
    visibility: hidden;
    width: 120px;
    background-color: #90a4ae;
	//border:1px solid #546E7A;
    color: #ECEFF1;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.av_tt .tt_txt::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #90a4ae transparent transparent transparent;
}

.av_tt:hover .tt_txt {
    visibility: visible;
	z-index:9999;
}

.av_tt span {
	position:static;
	z-index:9999;
}

/*ticket*/

	.tck_t {
		float: left;
		text-align: center;
		background: #e5e5e5;
	}
	
	.ddd {
		margin-left: 10px;
		font-weight: bold;
		text-transform: capitalize;
		padding-bottom: 10px;
		padding-top: 10px;
		/* line-height: 2px; */
	}
	
	.ggg, .ttt, .bbb {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	
	.bbb:empty, .cm_v:empty {
		display: none;
	}
	
	.ccc {
		border-bottom: 1px solid #546E7A;
		padding: 5px 12px;
	}
	
	.cm_t {
		padding: 5px 12px;
	}
	
	.cm_v {
		padding: 5px 12px;
		width: 100%;
		background: #e5e5e5;
	}

/*end ticket*/


/* Accordion */
.av_accord {
	margin:5px auto;
	min-width:50%;
	overflow:hidden;
	border:1px solid #78909C;
}

.av_accord h3 {
	line-height:30px;
	margin:0;
	font-size: 16px;
	//color: #cfd8dc;
}

.av_accord ul  {
  list-style: none;
  margin: 0;
  padding:0;
}

.av_accord .header, .av_accord .gr {
  float: left;
  padding:0;
  position: relative;
  width: 100%;
  text-align:center;
  vertical-align:middle;
}

.av_accord li.header {
	//background: #455A64;
  background: #78909c;
  border-bottom: 1px solid #CFD8DA;
  //color: #CFD8DA;
  color: #263238;
  color: white;
}

.av_accord .wrapper:empty  {
  display: none;
}

.av_accord .gr h3{
	//font-weight:normal;
	min-width:220px;
	padding:0px 5px 5px 10px;
	text-align:left;
	
}
.av_acc_s {
	width:100%;
}
.av_acc_s::-moz-placeholder {
    color: #97A9B3;
}

.av_accord .gr {
	background: #D6DCE1;
	border-bottom: 1px solid #607d8b;
}

.av_accord .gr  .arr {
	//color: #CFD8DA;
	position: absolute;
	line-height:30px;
	right: 6rem;
	
}
.av_accord .gr .arr {
  right: 0.5rem;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.av_accord .gr input[type=checkbox] {
  position: absolute;
  left:0;
  margin:0;
  cursor: pointer;
  width: 100%;
  height:30px;
  z-index: 1;
  opacity: 0;
  background-color:red;
}
.av_accord .gr:hover {background:#90a4ae}

.av_accord .gr input[type=checkbox]:checked ~ div.panel {
  float: left;
  margin:0;
  max-height: 0;
  /*opacity: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);*/
}

.av_accord .gr input[type=checkbox]:checked ~ span {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.panel {
	text-align:left;
	background-color:#eceff1;
}
.panel h3 {
  font-weight: normal;
}
.panel > div {
	padding:5px;
}
.panel > div input {
	position:static !important;
}

.panel > span{
	margin:7px;
	display:block;
	font-style: italic;
}

li.q {
	cursor:pointer;
}





@media screen and (min-width: 768px) {
  .tt_l_xl:after {
    width: 380px;
  }
}

/* Button */
.btn, #selectAll {
	background:#ECEFF1;  
	cursor:pointer; 
	color: #546E7A; 
	padding: 6px 12px; 
	border: 1px solid #90A4AE; 
	text-shadow: 0 -1px 0 rgba(236,239,241,0.2); 
	display:inline-block; 
	border-radius: 2px; 
	font-size:13px; 
	font-weight: normal;
	}
.btn:hover, #selectAll:hover {
	background:#CFD8DC; 
	border-color:#90A4AE; 
	color:#263238;
}

.de_btn {
	background:#607d8b;
	color: #ECEFF1;
	border: 1px solid #455A64; 
	padding: 3px 12px;
	font-size: 16px;
	text-shadow: 0 -1px 0 rgba(84,110,122,0.2);
	margin-left: 5px;
	cursor:pointer;
	}
.de_btn:hover {
	background:#455A64;
	//border-color:#546E7A;
	color:#ffffff !important;
}	


.light .btn {
	background:#607d8b;
	color: #ECEFF1 !important;
	//border: 1px solid #546e7a; 
	border: 0px; 
	text-shadow: 0 -1px 0 rgba(84,110,122,0.2);
}
.light .btn:hover {
	background:#546E7A;
	//border-color:#546E7A;
	color:#ffffff !important;
}

/* Circle */
.circle {
    margin: 0 auto 20px;
    //max-width: 80%;
	border-radius:50%;
	background:#ECEFF1 repeat scroll center center / cover;

}
.light .circle {
	background:#CFD8DC repeat scroll center center / cover;
}

.circle::after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 100%;
    width: 100%;
}

.light .circle::after {	
	border:1px solid #546E7A; 
	margin-left: -1;
}

.circle div {
    color: black;
    float: left;
    line-height: 1em;
    margin-top: -0.5em;
    padding-top: 50%;
    text-align: center;
    width: 100%;
}

/* Switch */
.sw_ic, .sw_ic.sw_on {
	color:#2e7b32;
	font-weight:bold;
	font-size:24;
}
.sw_yesno, .sw_yesno.sw_on {
	min-width:50px;
	padding:4px;
	display:inline-block;
	border-radius:2px;
	background-color:#2e7b32;
	color:#fff;
	text-align:center;
	vertical-align:middle;	
}
.sw_yesno.sw_off {
	display:inline-block;
	background-color:#d32F2f;
	color:#fff;
}
.sw_ic.sw_off {
	//display:inline-block;
	color:#A11818;
}

.sw_yesno input, .sw_yesno input:checked + label::before, .sw_yesno input:checked,
.sw_ic input, .sw_ic input:checked + label::before, .sw_ic input:checked {
	display:none;
}

.sw_yesno label { padding:0 !important; }

/*new added*/
input[type="text"]{
	transition: 0s;
	-moz-transition: 0s;
	-webkit-transition: 0s;
	-o-transition: 0s;
	-ms-transition: 0s;
}

/* Radio buttons */
input[type="radio"], input[type="checkbox"]:not(.acc){
	display:none;
}

input[type="radio"] + label:before, input[type="checkbox"] + label:before{
  top: 0;
  left: 0;
  //width: 18px;
  width: 24px;
  //height: 18px;
  height: 24px;
  border: 1px solid #CFD8DC;
  -moz-box-shadow: inset 0 0 0 13px #546E7A;
  -webkit-box-shadow: inset 0 0 0 13px #546E7A;
  box-shadow: inset 0 0 0 13px #546E7A;
  margin-left: 0.5px;
  margin-top: 1px;
}

input[type="radio"] + label:hover:before,
input[type="checkbox"] + label:hover:before {
	box-shadow: 0 0 5px rgba(255,255,255,1);
}

input[type="radio"] + label, input[type="checkbox"] + label {
	position: relative;
	cursor: pointer;
	/*! margin-left:5px; */
	padding-left: 24px;
	margin: 5px;
}

input[type="radio"] + label:before, input[type="radio"] + label:after,
input[type="checkbox"]:not(.swi) + label:before, input[type="checkbox"]:not(.swi) + label:after {
  position: absolute;
  content: "";
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

input[type="radio"] + label:before, input[type="radio"] + label:after {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

input[type="radio"] + label:after, input[type="checkbox"] + label:after  {
  top: 50%;
  left: 10px;
  width: 30px;
  height: 30px;
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}

input[type=checkbox]:checked + label::before {
	content: "\e64b";
	font-family: 'themify';
    text-align: center;
	font-weight:bold;
	font-size:16px;
}

input[type=radio]:checked + label::before {
	background: #CFD8DC;
	-moz-box-shadow: inset 0 0 0 4px #546E7A;
  -webkit-box-shadow: inset 0 0 0 4px #546E7A;
  box-shadow: inset 0 0 0 4px #546E7A;
	margin-top: 2px;
	margin-left: 0.5px;
}

.lb_r {
	font-size: 15px;
}

label:after{
	background-color: rgba(255, 255, 255, 0.3);
}

.light label:after{
	background-color: rgba(84,110,122, 0.7);
}
input[type=radio]:checked + label::after,
input[type=checkbox]:checked + label::after {
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -moz-animation: ripple 1s forwards;
  -webkit-animation: ripple 1s forwards;
  animation: ripple 1s forwards;
}

.light input[type="radio"] + label:hover:before, .light input[type="checkbox"]:not(.swi) + label:hover:before {
	box-shadow: 0 0 5px rgba(84,110,122,1);
}

.light input[type="radio"] + label:before, .light input[type="checkbox"]:not(.swi) + label:before {
  border: 1px solid #546E7A;
  -moz-box-shadow: inset 0 0 0 13px #ECEFF1;
  -webkit-box-shadow: inset 0 0 0 13px #ECEFF1;
  box-shadow: inset 0 0 0 13px #ECEFF1;
}

.light input[type=radio]:checked + label::before, .light input[type=checkbox]:checked + label::before {
  -moz-box-shadow: inset 0 0 0 8px #ECEFF1;
  -webkit-box-shadow: inset 0 0 0 8px #ECEFF1;
  box-shadow: inset 0 0 0 8px #ECEFF1;
}

.light input[type=radio]:checked + label::before {
	background: #546E7A;
}

@-moz-keyframes ripple {
  0%, 100% {
    opacity: 0;
  }
  1% {
    opacity: 0.35;
  }
}
@-webkit-keyframes ripple {
  0%, 100% {
    opacity: 0;
  }
  1% {
    opacity: 0.35;
  }
}
@keyframes ripple {
  0%, 100% {
    opacity: 0;
  }
  1% {
    opacity: 0.35;
  }
}

/* Tabs */
.tab_head { display: none; }

.tab_container {
	border: 1px solid #CFD8DC;
	background: #546E7A;
	float: left;
	width: 100%;
	overflow: hidden;
}

.tab_content {
	border: none;
	padding: 10px;
	display: none;
	/*! min-height: 200px; */
}

ul.tabs {
	z-index:5;
	margin: 0;
	margin-top:1px;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;
	border-bottom: 0;
	display: inline-table;
}

ul.tabs li {
	border-top: 1px solid #CFD8DC;
	border-left: 1px solid #CFD8DC;
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 0px 21px;
	height: 32px;
	line-height: 31px;
	border-bottom: none;
	position: relative;
	top: 1px;
}

ul.tabs li:last-child {
	border-right: 1px solid #CFD8DC;
}

ul.tabs li.active {
	border-bottom: 1px solid #546E7A;
	display: block;
}

ul.tabs li:hover {
	background-color: #CFD8DC;
	color: #546E7A;
	border-bottom:1px solid #CFD8DC;
}

.tab_v {
	width:100%;
	overflow: hidden;
}

.tab_v ul.tabs {
	margin-right: -1px;
	margin-top:0;
	/*width: auto;*/
	width: 200px;
	border-bottom:0;
}

.tab_v .tab_container {
	float: unset;
	width:unset;
}

.tab_v ul.tabs li {
	display:block;
	float:unset;
	border-bottom: none;
	top:0px;
	height: auto;
	line-height: 25px;
	padding: 0 15px;
}

.tab_v ul.tabs li:last-child {
	border-right: unset;
	border-bottom: 1px solid #CFD8DC;
}

.tab_v ul.tabs li.active {
	background:#546E7A;
	/*border-right: 1px solid #546E7A;*/
}

.tab_v ul.tabs li:hover {
	background-color: #CFD8DC;
	border-right: unset;
	border-bottom: 1px solid #CFD8DC;
}



/* Light theme */
.light .tab_container {
	border: 1px solid #546E7A;
	background: #ECEFF1;
}

.light ul.tabs li {
	border-top: 1px solid #546E7A;
	border-left: 1px solid #546E7A;
}

.light ul.tabs li:last-child {
	border-right: 1px solid #546E7A;
}

.light ul.tabs li.active {
	border-bottom: 1px solid #ECEFF1;
	display: block;
	background: #607d8b !important;
	color: #fff !important;
	border-bottom: 1px solid #607d8b;
}

.light ul.tabs li:hover {
	background-color: #546E7A;
	color: #CFD8DC;
	border-bottom:1px solid #546E7A;
}

.light .tab_v .tab_container {
	border: 1px solid #546E7A;
	background: #fff;
}

.light .tab_v ul.tabs li {
	border-top: 1px solid #546E7A;
	border-left: 1px solid #546E7A;
	background:#ECEFF1;
	border-right: 1px solid #546E7A;
}

.light .tab_v ul.tabs li.active {
	background:#fff;
	border-right: 1px solid #fff;
}

.light .tab_v ul.tabs li:last-child {
	border-bottom: 1px solid #546E7A;
}

.light .tab_v ul.tabs li:hover {
	background-color: #546E7A;
	color: #CFD8DC;
	border-bottom:1px solid #546E7A;
	border-right:1px solid #546E7A;
}

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_head {
		border: 1px solid #CFD8DC;
		margin: 0;
		padding: 5px 20px;
		display: block;
	}
	.light .tab_head {
		border: 1px solid #546E7A;
		display: none; /* kk */
	}
	
	.light ul.tabs li { /* kk */
		border: 1px solid #546E7A;
		width: 100%;
		border-bottom: 0;
	}

	.d_active {
		background-color: #CFD8DC;
		color: #546E7A;
	}
	.light .d_active {
		background-color: #546E7A;
		color: #CFD8DC;
	}
}

/* Letter */
.letter, .letter:before, .letter:after {
	background-color: #546E7A;
	border: 1px solid rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.18);
	-moz-box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.18);
	box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.18);
}

.light .letter, .light .letter:before, .light .letter:after {
	background-color: #fff;
	color:#546E7A;
	border: 1px solid rgba(84,110,122, 0.8);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.18);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.18);
	box-shadow: 1px 1px 2px rgba(0,0,0, 0.18);
}

.letter {
	width: 98%;
  margin: 10px auto;
  position:relative;
  //margin: 0 0 1em 0;
  padding: 20px;
  z-index: 1;  
  color:#fff;
}

.letter:before, .letter:after {
   content: '';
   width: 98%;
   height: 100%;
   z-index: -1;  
   position: absolute;
}

.letter:before { 
   top: -2px;
   left: 1;
   -webkit-transform: rotate(1deg);
   -moz-transform: rotate(1deg);
   -o-transform: rotate(1deg);
   -ms-transform: rotate(1deg);
   transform: rotate(1deg);
  
}

.letter:after {
   top: 1px;
   left: -3px;
   -webkit-transform: rotate(359deg);
   -moz-transform: rotate(359deg);
   -o-transform: rotate(359deg);
   -ms-transform: rotate(359deg);
   transform: rotate(359deg);
}

#excel {
    width: fit-content;
    border: 1px solid white;
    padding: 8px 28px 8px 28px;
    background-color: #26c6da;
    color: white;
    font-size: 14px;
    margin-bottom: 15px;
    cursor: pointer;
    text-transform: capitalize;
}

#excel:hover{
	opacity:0.8;
}
/* Simple textarea */
/*.tarea {
	width:100%;
	position:relative;
}
.tarea .icon, .tarea img {
	z-index:2;
	float:left;
	background:#546E7A;
	border:1px solid #CFD8DC;
	border-right:1px solid #546E7A;
	//border-radius:2px;
	//border-top-left-radius: 2px;
	//border-bottom-left-radius: 2px;
	padding:4px;
	margin-right:-1;
}

.tarea img { height:28px; }

.light .tarea .icon, .light .tarea img {
	background:#ECEFF1;
	border:1px solid #546E7A;
	border-right:1px solid #ECEFF1;
	color: #0288D1;
}

.tarea .ta {
	border:1px solid #CFD8DC;
    height: 5em;
	overflow: hidden;
	padding:2px;
}

.light .tarea .ta {
	border:1px solid #546E7A;
}


.tarea textarea {
    width: 100%;
	height: 100%;
	background:#546E7A;
	color:#CFD8DC;
	margin:0;
	border:0;
	padding:5px;
	resize: none;
}

.light  .tarea textarea {
	background:#ECEFF1;
	color:#546E7A;
	border:none;
}

.light textarea {
	background:#ECEFF1;
	color:#546E7A;
	border:1px solid #546E7A;
}*/

/* start textarea_n*/

.tarea , .light .tarea{
	height:100px;
	position:relative;
	border:1px solid #CFD8DC;
	margin:20px;
	display:table;
}

.flags,.light .flags{
	width:31px;
	height:100%;
	display:table-cell;
	vertical-align:middle;
}
.flags{
	border-right: 1px solid rgba(157,178,188, 0.4);
}
.light .flags{
	border-right: 1px solid rgba(122, 133, 138, 0.4);
}
.func, .light .func{
	width:20px;
	margin:5px;
}
.tarea1 , .light .tarea1{
	width:100%;
	height:100%;
	display:table-cell;
	overflow:hidden;
}
.tarea textarea ,.light .tarea textarea{
    width: 100%;
	height: 100%;
	margin:0;
	border:0;
	padding:5px;
	resize: none;
}
.light .tarea textarea{
    background:#ECEFF1;
	color:#607D8B;
}
.tarea textarea {
  	background:#546E7A;
	color:#CFD8DC;	
}


/* end textarea_n*/


/* Colors */
.light, .light input {
	position: relative;
	//z-index:-100;
	background-color: #eceff1;
	color:#546E7A !important;
//	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	//-moz-box-sizing: border-box;
	//box-sizing: border-box;
}
.light input { border:1px solid #546E7A; z-index:5; }

.light {z-index:4;}

.dark {
	background:#546E7A;
	color:#cfd8dc;
}

.light .av_file { 	color: rgba(84,110,122, 1); }


/* Select *//* old sel */
/*.av_select { border-bottom:1px solid #CFD8DC; z-index:10000; }
.light .av_select { border-bottom:1px solid #546E7A; }
.av_select.av_mult { border:1px solid #CFD8DC; }
.light .av_select.av_mult { border:1px solid #546E7A; }
.av_select input { border-bottom:0px !important; }
.ds { display:none !important; }
.av_ns { padding-left: 5px !important; }*/

/* new sel */
.av_select { //border-bottom:1px solid #CFD8DC; z-index:10000; }

/*
.light .md_iwids .av_select { 
	//border-bottom:1px solid #607d8b; 
}
*/

.iwids.sel_ss .av_select , .md_iwids.sel_ss .av_select {
	border-bottom:0px !important;
}

/*

.av_select.av_mult { border:1px solid #CFD8DC; } 

.av_select input, .md_iwids .av_select input {border-bottom:0px;}
*/
.av_select.av_mult { 
	border:1px solid #0086b3; 
}
.av_select.av_mult .av_s { 
	border-bottom:none; 
}


.ds { display:none !important; }
.av_ns { padding-left: 5px !important; }

.av_s, .av_ns { width:100%;}
.av_b {
	position:absolute; 
	border:1px solid #CFD8DC;
	margin-top:3px; 
	padding:0; 
	//top:28px;
	min-width:90px;
	width:100%;
	background:#546E7A;
	z-index:1100; 
	//max-height:70vh; 
	max-height:165px; 
	//min-height:100px; 
	overflow-y:scroll;
	list-style-type: none;
	text-align:left;
	padding-left:5px;
	padding-bottom: 10px;
}
.light .av_b {
	border:1px solid #546E7A;
	//background:#CFD8DC;
	background:#fff;
}

.av_b li{padding:3px 3px; text-decoration: none;}
.av_b li:not(.av_dis):hover{background:#CFD8DC; color:#546E7A }
.light .av_b li:not(.nonClick):hover{background:#546E7A; color:#CFD8DC}



.av_m { 
	padding:2px;
	//margin: -5px 2px 2px 2px; 
	//margin: 2px 2px 2px 2px; 
	margin: 0px;
	//display: block;
	width: 98%;
	width: 100%;
	border-top:1px solid #0086b3;
}

.av_m:empty {
	display:none;
}

.av_m > li {
	display: inline-block;
  //color: #546E7A;
  color: #CFD8DC;
  font-size:.9em;
  position: relative;
  z-index: 10;
  border: 1px solid #CFD8DC;
  border: 1px solid #0086b3;
  border-radius: 3px;
  word-wrap: break-word;
  cursor: pointer;
  margin: 2px 5px 2px 0;
  padding: 0 3px 0 3px;
  text-align:left;
}
.light .av_m > li {
	color: #546E7A;
	//border: 1px solid #546E7A;
	border: 1px solid #0086b3;
}

.av_b li.av_dis {
	opacity: 0.5;
	background: #CCC;
	color:#263238;
}

/* Common features */
label:not(.il), .av_b li, .av_ns, .av_m, ul.tabs li, .tab_head, .sw_yesno, .circle, .pk_hd span, .pk_hd i, .cal td, .adv_toggle h4, .btn, .av_b span {
    cursor:pointer;
    /*Non selectable on click */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#students td label {
	margin-left: 5px;
}

/* Form Elements*/

/*Form Element Group*/
.fe_g {
	border-top: #d6dce1 1px dashed;
	display:table;
	height: 55px;
}

.fe_t {
	width: 18.5%;	
	vertical-align:middle;
	display:table-cell;
	float:none;
	text-align:right;
	padding: 10px 15px;
	background-color: #d6dce1;
	color: #546E7A;
}

.fe_v{
	vertical-align:middle;
	display:table-cell;
	float:none;
	padding: 10px 15px;
}

.fe_v > div:not(:last-child) {
	margin-bottom:10px;
}

.fe_h {
	display:table;
	width: 100%;
	background: #546E7A;
	color: #fff;
	padding: 10px;
	margin-top: 10px;
}
.fe_h > div {
	vertical-align:middle;
	display:table-cell;
}

.fe_h img {
	width: 26px;
}


/*Detail Element Group*/
.de_g {
	border-top: #d6dce1 1px dashed;
	display:table;
	height: 55px;
}

.de_t {
	width: 18.5%;	
	vertical-align:middle;
	display:table-cell;
	float:none;
	text-align:right;
	padding: 10px 15px;
	background-color: #d6dce1;
}

.de_v{
	vertical-align:middle;
	display:table-cell;
	float:none;
	padding: 10px 15px;
}

.de_v > div:not(:last-child) {
	margin-bottom:10px;
}

/* Pagination */
/* b-back, n - number, s - selected */

.pg * {
	cursor:pointer;
}

.pg_b,.pg_n,.pg_s{
	min-width:30px;
	font-size:16px;
	padding:5px 10px;
	border-radius:2px;
	background:#CFD8DC;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	color:#37474F;
	transition: all 0.15s ease;
}

.pg_b,.pg_n{
	border:1px solid #CFD8DC;
}

.pg_s{
	font-weight:bold;
	/*border:1px solid #546E7A;
	background:#B0BEC5;
	color:#263238;
	-moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);*/
}

.pg_b:hover, .pg_n:hover, .pg_s:hover{
	//background:#B0BEC5;
	//border:1px dashed #78909C;
	//color:#263238;
	//font-weight:bold;
	/*-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);*/
}

.light .pg_b, .light .pg_n, .light .pg_s{
	border:1px solid #607D8B;
	background:#607D8B;
	color:#CFD8DC;
}/*number_url,celected_url*/

.light .pg_b:hover, .light .pg_n:hover, .light .pg_s:hover{
	//background:#78909C;
	//border:1px dashed #ECEFF1;
	//color:#fff;
	//font-weight:bold;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.light .pg_b:active, .light .pg_n:active, .light .pg_s:active{
	background:#78909C;
	//border:1px dashed #ECEFF1;
	color:#fff;
	font-weight:bold;
}



/*start Info*/



div.success,
div.error,
div.information,
div.alert{
	margin:20px;
    padding:10px;
    border-radius:5px;
	text-align:center;
}

div.success,
div.error,
div.alert{
	color:#fff;
}

div.information{
	color:#546E7A;
}


/*div.alert,.light div.alert{
	margin:20px;
    padding:10px;
    border-radius:5px;
	text-align:center;
	color:#333;
}*/



div.success {
	background: rgba(53,186,59,0.8);
	border:1px solid rgba(53,186,59,0.8);
}

.light div.success {
	background: rgba(53,186,59,0.9);
	border:1px solid rgba(53,186,59,0.9);
}

div.error {
    background: rgba(161, 24, 24,0.8);
	border:1px solid rgba(161, 24, 24,0.8);
}

.light div.error {
    background: rgba(161, 24, 24,0.9);
	border:1px solid rgba(161, 24, 24,0.9);
}

div.alert{
	background: rgba(253,88,0, 0.8);
	border: 1px solid rgba(253,88,0, 0.9);
}

.light div.alert{
	background: rgba(253,88,0, 0.9);
	border: 1px solid rgba(255,255,0, 0.9);
}

div.information{
	background: rgb(214, 220, 225);
	border: 1px solid rgba(214, 220, 225, 0.9);
}

.light div.information{
	background: rgb(214, 220, 225);
	border: 1px solid rgba(214, 220, 225, 0.9);
}

div.success:empty, div.error:empty, div.alert:empty, div.information:empty,
.light div.success:empty, .light div.error:empty, .light div.alert:empty, .light div.information:empty {
	display:none;
 }

/*div.success,.light div.success {
	margin:20px;
    padding:10px;
    border-radius:5px;
	text-align:center;
	color:#fff;
}

div.success {
	background: rgba(53,186,59,0.8);
	border:1px solid rgba(53,186,59,0.8);
}

.light div.success {
	background: rgba(53,186,59,0.9);
	border:1px solid rgba(53,186,59,0.9);
}

div.error,.light div.error {
    margin:20px;
    padding:10px;
    border-radius:5px;
	text-align:center;
	color:#fff;
}

div.error {
    background: rgba(161, 24, 24,0.8);
	border:1px solid rgba(161, 24, 24,0.8);
}

.light div.error {
    background: rgba(161, 24, 24,0.9);
	border:1px solid rgba(161, 24, 24,0.9);
}

.light div.success:empty, .light div.error:empty,
div.success:empty,.light div.error:empty{
	display:none;
 }*/
/*end Info*/

/* start textarea_n*/

.tarea_n , .light .tarea-n{
	height:100px;
	position:relative;
	border:1px solid #CFD8DC;
	margin:20px;
	display:table;
}

.flags,.light .flags{
	height:100%;
	display:table-cell;
	vertical-align:middle;
}
.flags{
	border-right: 1px solid rgba(157,178,188, 0.4);
}
.light .flags{
	border-right: 1px solid rgba(122, 133, 138, 0.4);
}
.func, .light .func{
	width:20px;
	margin:5px;
}
.tarea1 , .light .tarea1{
	width:100%;
	height:100%;
	display:table-cell;
	overflow:hidden;
}
.tarea_n textarea ,.light .tarea_n textarea{
    width: 100%;
	height: 100%;
	margin:0;
	border:0;
	padding:5px;
	resize: none;
}
.light .tarea_n textarea{
    background:#ECEFF1;
	color:#607D8B;
}
.tarea_n textarea {
  	background:#546E7A;
	color:#CFD8DC;	
}


/* end textarea_n*/


/* Dashboard */
/*.dpi_title{
	text-decoration: none;
	font-weight: bold;
	color: #263238;
}*/
.dbi {background-color: #FFFFFF;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1); 
	margin-bottom:25px; 
	position:relative; 
	text-align:center;
	}
	
.dbi:after {
    content: '';
    display: block;
    padding-bottom: 100%;
  }
  
.dbi_content {
    position: absolute;
    height: 100%;
	/*! padding:15px 0; */
	box-sizing:border-box
}

.dbi_content img {
	margin-top:10px;
	width: 100px;
	}

.dpi_title {
	position:absolute; 
	bottom:0; 
	padding:10px 5px; 
	border-top:1px solid #e9ecf2;
	box-sizing:border-box;
	font-size: 15px;
	min-height: 84px;
	text-decoration: none;
	font-weight: bold;
	color: #263238;
}

.dbi_content, .dpi_title{
    width: 100%;
}


/* Tag input*/
.tag_l{
	float:left;
	margin-left:5px;
	border: 1px dotted #333;
	padding: 2px 6px;
	border-radius:6px;
	background-color: #fff;
}

.tag_c{
	position: relative;
	bottom: 6px;
	left: 4px;
	cursor: pointer;
}


.tw_4{
	width:45px;
}

.tw_5{
	width:50px;
}

.tw_6{
	width:60px;
}

.tw_7{
	width:70px;
}

.tw_8{
	width:80px;
}

.tw_85{
	width:85px;
}

.tw_9{
	width:95px;
}

.tw_10{
	width:100px;
}

.tw_11{
	width:110px;
}

.tw_12{
	width:120px;
}

.tw_13{
	width:130px;
}

.tw_14{
	width:145px;
}

.tw_15{
	width:150px;
}

.tw_16{
	width:160px;
}

.tw_18{
	width:185px;
}

.tw_20 {
    width: 200px;
}

.tw_21 {
    width: 210px;
}

.tw_50 {
	width:50%;
}

.ws{
	white-space:nowrap;
}

.user_ticket {
    margin-left: 50px;
}

/* Notification */
.av_notify {
	position:relative;
}
.av_notify .nmb {
	background: rgb(53,186,59);
	color:white;
	border-radius:20%;
	font-weight:bold;
	position: absolute;
	top: -3px;
	right: -8px;
	text-align: center;
	font-size: 9px;
	padding: 2px;
	line-height: 1;

}

.iwir {
	border: 1px solid #0086b3;
}

input.fe_err,
textarea.fe_err,
select option.fe_err{ 
	border-bottom:1px solid rgba(161, 24, 24,0.8) !important;
	background:rgba(161, 24, 24,0.1);
}
	
input .fe_al,
textarea .fe_al,
select option .fe_al{
	border:1px solid rgba(255,255,0, 0.9);
	background:rgba(255,255,0, 0.1)
}
	
.md_iwoi input[type=text].fe_err, 
.md_iwi input[type=text].fe_err,
.md_ibgi input[type=text].fe_err,
.md_iwir input[type=text].fe_err,
.md_ibgir input[type=text].fe_err{
	border-bottom:1px solid rgba(161, 24, 24,0.8);
}
	
.md_iwoi input[type=text].fe_al, 
.md_iwi input[type=text].fe_al,
.md_ibgi input[type=text].fe_al,
.md_iwir input[type=text].fe_al,
.md_ibgir input[type=text].fe_al{
	border-bottom:1px solid rgba(255,255,0, 0.9);
}
.ibgir .icon {
	min-width:50px;
	text-align:center;
}
/*
.pc{
	padding:6px;
}*/
	
.home_footer {
	position: absolute;
    bottom: 0;
    color: #CFD8DC;
    padding: 20px;
    border-top: 1px solid #CFD8DC;
	text-align:center; 
	font-size:14px; 
	width:100%
}

/*sidebar_button*/
.sidebar_button {
    display: inline-block;
    padding: 5px 7px 2px;
    border: 2px solid #cfd8dc;
    vertical-align: middle;
    background: #455A64;
    cursor: pointer;
    margin-left: 10px;
}
.sidebar_button:hover, #open_btn:hover {
    border: 2px solid #CFD8DC;
    background: #78909C;
	color: #263238;
}

.collapsed .dropdown > .dropdown_li {
    position: relative;
}

.collapsed .dropdown > .dropdown_li:hover > .dropdown_ul {
    display: block !important;
    position: absolute;
    width: 220px;
    left: 54px;
}

.collapsed .dropdown > .dropdown_li:hover > .dropdown_ul > span {
    display: block !important;
}

.dropdown_ul {
    display: none;
    position: absolute;
    margin-left: 0;
    width: 250px;
    background: #546E7A;
    //left: 55px;
    //top: 38px;
    top: 0;
	z-index: 79;
	margin-left: 5px !important;
}

.rot_90 {
	-moz-transform: rotate(0deg); /* Для Firefox */
    -ms-transform: rotate(0deg); /* Для IE */
    -webkit-transform: rotate(0deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg); /* Для Opera */
    transform: rotate(0deg);
}

.w_40 .rgt:last-child {
	padding-bottom: 40px;
}



/* 
.mmm:hover > .hhh, .mmm:hover > .hhh > .side_arrow_exp {
	display: block;
	margin-left: 70px;
}
 */
/*responsive*/


@media all and (max-width: 599px){
	
	/* page login */
	
	.home_form {
		width: 100%;
		max-width: 250px;
		margin: 0 auto;
		float: none;
		display: table;
		position: static;
	}

	.home_form input[type="submit"], .home_form .signup {
		width: 50% !important;
	}
	
	/* end page login */

	.content {
    padding: 5px;
	}
	
	/* .sidebar {
	display: none;
	
	} */

    .logo_block {
        width: 155px;
    }

    .logo img {
        height: auto !important;
        width: 100px;
    }

    .beta {
        margin-top: 10px;
    }
	
	#cssmenu ul{
	margin: 0 !important;
	}
	
	/* .sd, #cssmenu ul li .sd{
	padding: 10px;
	} */
	
	#cssmenu > ul > li{
		padding: 10px !important;
	}
  
	.dropdown {
		height: 410px;
		overflow-y: scroll;
		z-index: 999;
	}

	.dropdown li.has-sub {
		color: #ECEFF1;
	}

    .information_persone {
        width: 95%;
        margin-left: 15px;
        position: absolute;
        bottom: -20px;
    }

    .avatar {
        height: 30px !important;
        width: 30px !important;
    }

    .information_persone .w_10 {
        width:85%;
    }

    .header .profile_name {
        margin-top: 10px !important;
        width: 100%;
    }

    .information_block {
        bottom: 20px;
        width: 125px;
    }

	/* top menu */

	#cssmenu {
		padding-top: 15px !important;
	}

	#cssmenu ul {
		background: #546E7A !important;
	}

	#cssmenu > ul > li > a {
		padding: 5px !important;
		font-size: 14px !important;
		text-decoration: none;
		color: #ECEFF1 !important;
	}

	.submenu-button {
		display: none !important;
	}

	/* end top menu */

    form > div {
		width: 100%;
	}
	
	form input {
		width: 100%;
	}
	
	.tb_copy, .tb_del, .tb_edit, .tb_det, 
	.light .tb_copy, .light .tb_del, .light .tb_edit, .light .tb_det {
		margin-left: 20px;
	}
	
	.tc{
		margin: 0 auto;
		display: table;
		margin-top: -2px;
	}
	
	.p_1 {
		padding: 5px;
	}
	
	.fl_r {
		float: right;
	}
	
	.fl_r .icon-logout, .fl_r .icon-settings{
		top: 25px;
	}
	
	.fe_t, .fe_v, .de_t{
		width: 100%;
		text-align: center;
		padding: 10px 15px;
		display:inline-table;
	}
	
	.de_v {
		width: 100%;
		padding: 5px 3px;
		display:inline-table;
	}
	
	.de_v .w_12 {
		width: 100%;
	}
	
	.w_1-3{
		width:100%;
	}

	.light .btn {
		width:100%;
		height:35px;
		text-align: center;
		font-size: 14px;
	}	
	
	.de_tb thead, .tb thead{
		display: none;
    }

    .de_tb tr, .tb tr {
		margin-bottom: 10px;
		display: block;
		border-bottom: 1px solid #ddd;
    }

    .de_tb td, .tb td {
		display: block;
		/*text-align: center;*/
		font-size: 15px;
		border-bottom: 1px dotted #546E7A;
		min-height: 30px;
    }

    .de_tb td:last-child, .tb td:last-child{
		border-bottom: 0;
    }

    .de_tb td:before, .tb td:before {
		content: attr(data-label);
		float: left;
		/*text-transform: uppercase;*/
		font-weight: bold;
    }
	
	.debuge .w_7, .debuge .w_5, .debuge .w_12, .debuge .w_6, .debuge .w_4, .debuge .w_3, .debuge .w_19, 
	.debuge .w_10, .debuge .w_13, .debuge .w_8, .debuge .w_15, .debuge .w_14,.debuge .w_25 {
        width:100%;
	}
	
	.ml_1, .ml_3, .ml_2{
		margin-left:0;
	}
	
	.fe_v > div:not(:last-child) {
		margin-bottom: 3px;
	}
	
	.fe_v .md_iwi .icon{
		position: relative;
		margin-left: -22px;
	}
	
	/*dashboard*/
	
	/*.condash {
    padding: 10px 2% 10px 5% !important;
	margin: 0 auto;
	max-width: 430px !important;
	}
	
	.w_9{
	width:47%;
	max-width: 209.25px;
	}
	
	.dbi {
    margin-bottom: 10px;
	}
	
	.dpi_title {
	min-height: 65px;
	font-size: 12px;
	padding:5px;
	}
	
	.dbi_content img {
    width: 45%;
	margin-top:-10px;
	max-width:150px
	}
	
	.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	}*/
	
	/*date piker*/
	
	.light .pk{
		width:100%;
		max-width:300px;
	}
	
	/*pagination*/
	
	.pg_b,.pg_n,.pg_s{
	max-width: 35px;
	font-size: 12px;
	padding: 3px 5px;
	width: 5%;
}

.tx_ic_l{
	display: inline-block;
	width: 45px;
	padding: 2px;
	position: absolute;
	color: #ECEFF1;
	text-align: center;
	z-index: 9;
	background: #78909C;
	top: 2px;
	left: 2px;
}

.tx_ic_r{
	display: inline-block;
	width: 45px;
	padding: 2px;
	position: absolute;
	color: #ECEFF1;
	text-align: center;
	right: 0;
	z-index: 9;
	background: #78909C;
	top: 2px;
	right: 2px;
}

.light .tx_ic_l{
	display: inline-block;
	width: 45px;
	padding: 2px;
	position: absolute;
	color: #546E7A;
	text-align: center;
	z-index: 9;
	background: #CFD8DC;
}

.light .tx_ic_r{
	display: inline-block;
	width: 45px;
	padding: 2px;
	position: absolute;
	color: #546E7A;
	text-align: center;
	right: 2px;
	z-index: 9;
	top: 2px;
	background: #CFD8DC;
}

}


/* add exam quetion*/

.all_vers {
	position:relative;
	margin-top: 20px;
}

.box_div {
	margin-bottom: 20px;
}

.bord_inp {
	border:1px solid #CFD8DC !important;
	height:25px;
	margin-right: 30px;
}

.mrg_inp {
	margin-right: 30px;
}

.mrg_inp input {
	border:1px solid #CFD8DC;
	float:left;
}

.box_inp {
	position: relative;
}

.x_btn {
	position: absolute;
    top: 0;
    right: 10px;
	cursor: pointer;
}


@media all and (max-width: 360px){
.lng:not(:hover) a{
	display:block;
}
	/*login*/

.container{
	margin-top: 80px;
}

.home_form {
	width:250px;
	height:300px;
	position:fixed;
	/*top:50%;*/
	left:50%;
	/*margin-top:10px; */
	margin-left:-125px;
}

.home_form input[type=submit] {
    padding: 5px;
    font-size: 12px;
	cursor:pointer;
	margin-bottom:10px;
	width:100px;
}

.home_footer {
	position: absolute;
	bottom: 0;
    color: #CFD8DC;
    padding: 10px;
    border-top: 1px solid #CFD8DC;
	text-align:center;
	font-size:10px;
	width:100%;
}

	/*dashboard*/

.condash {
    padding: 10px 2% 10px 5% !important;
	margin: 0 auto;
	max-width: 430px !important;
}

.w_9{
	width:47%;
	max-width: 209.25px;
}

.dbi {
    margin-bottom: 10px;
}

.dpi_title {
	min-height: 65px;
	font-size: 12px;
	padding:5px;
}

.dbi_content img {
    width: 40%;
	margin-top:-10px;
	max-width:150px
}

.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
}

}

	.home_footer {
	position: absolute;
	bottom: 0;
    color: #CFD8DC;
    padding: 10px;
    border-top: 1px solid #CFD8DC;
	text-align:center; 
	font-size:10px; 
	width:100%;
}
	
	/*dashboard*/
	

	
	.w_9{
	    /*width:47%;
	    max-width: 209.25px;*/
	}
	
	.dbi {
    margin-bottom: 10px;
	}
	
	.dpi_title {
	min-height: 65px;
	font-size: 12px;
	padding:5px;
	}
	
	.dbi_content img {
    width: 40%;
	/*margin-top:-10px;*/
	max-width:150px
	}
	
	.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	}
}

@media all and (min-width: 361px) and (max-width: 479px){
	
	/*dashboard*/
	
	.container {
	margin-top:80px;
}
	
	.condash {
    padding: 10px 2% 10px 5% !important;
	margin: 0 auto;
	max-width: 480px !important;
	}
	
	.w_9{
	width:30%;
	max-width: 209.25px;
	}
	
	.dbi {
    margin-bottom: 10px;
	}
	
	.dpi_title {
	min-height: 51%;
	font-size: 10px;
	padding: 3px;
	}
	
	.dbi_content img {
    width: 40%;
	margin-top: -15px;
	max-width: 150px;
	}
	
	.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	}
}

@media all and (min-width: 480px) and (max-width: 599px){
	
	/*dashboard*/
	
	.container {
	margin-top:80px;
}
	
	.condash {
    padding: 10px 2% 10px 5% !important;
	margin: 0 auto;
	max-width: 599px !important;
	}
	
	.w_9{
	width:30%;
	max-width: 209.25px;
	}
	
	.dbi {
    margin-bottom: 10px;
	}
	
	.dpi_title {
	min-height: 45%;
	font-size: 12px;
	padding: 5px;
	}
	
	.dbi_content img {
    width: 45%;
	margin-top:-10px;
	max-width:150px
	}
	
	.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	}
}




@media all and (min-width:600px) and (max-width: 799px){
	
	/* page login */
	
	.home_form {
		width: 100%;
		max-width: 250px;
		margin: 0 auto;
		float: none;
		display: table;
		position: static !important;
	}

	.home_form input[type="submit"], .home_form .signup {
		width: 50% !important;
	}
	
	/* end page login */
	
	.container {
		margin-top:80px;
	}
	
	.content {
		padding: 5px;
	}

    .logo_block {
        width: 155px;
    }

    .logo img {
        height: auto !important;
        width: 100px;
    }

    .beta {
        margin-top: 10px;
    }
	
	/* .sidebar {
	display: none;
		
	} */
	/*table label*//* header top */
	.icon{
		/*top: 50px;*/
		/*position: absolute;*/
		/*margin-left: -70px;*/
	}

    .information_persone {
        width: 95%;
        margin-left: 15px;
        position: absolute;
        bottom: -20px;
    }

    .avatar {
        height: 30px !important;
        width: 30px !important;
    }

    .information_persone .w_10 {
        width:85%;
    }

    .header .profile_name {
        margin-top: 10px !important;
        width: 100%;
    }

    .information_block {
        bottom: 20px;
        width: 125px;
    }
	
	form > div {
		width: 100%;
	}
	
	form input {
		width: 100%;
	}
	
	.tb_copy, .tb_del, .tb_edit, .tb_det, 
	.light .tb_copy, .light .tb_del, .light .tb_edit, .light .tb_det {
		margin-left: 20px;
	}
	
	.tc{
		margin: 0 auto;
		display: table;
		margin-top: -2px;
	}
	
	.p_1 {
		padding: 5px;
	}
	
	.fl_r {
		float: right;
	}
	
	.fl_r .icon-logout, .fl_r .icon-settings{
		top: 25px;
	}
	
	.fe_t, .fe_v, .de_t{
		width: 100%;
		text-align: center;
		padding: 10px 15px;
		display:inline-table;
	}
	
	
	.de_v {
	width: 100%;
    padding: 10px 15px;
	display:inline-table;
	}
	
	.w_1-3{
	width:33%;
	}

	.light .btn {
	width:100%;
	height:35px;
    text-align: center;
	font-size: 14px;
	}

	.de_tb thead, .tb thead {
    display: none;
    }

    .de_tb tr, .tb tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid #ddd;
    }

    .de_tb td, .tb td {
    display: block;
	/*text-align: center;*/
	font-size: 15px;
	border-bottom: 1px dotted #546E7A;
	min-height: 30px;
    }

    .de_tb td:last-child, .tb  td:last-child{
    border-bottom: 0;
    }

    .de_tb td:before, .tb d:before{
    content: attr(data-label);
    float: left;
    /*text-transform: uppercase;*/
    font-weight: bold;
    }
	
	.w_8, .w_15, .w_25, .w_12, .w_14, .w_10, .w_13{
	    /*width:100%;*/
	}
	
	.w_5, .w_6, .w_3, .w_7, .w_4, .w_19{
	    /*width:50%;*/
	}
	
	.w_7 .ml_2 .md_iwi .icon{
	margin-left:60px;
	}
	
	/*.ml_1 .icon{
	margin-left:60px;
	}
	
	.ml_2 .icon{
	margin-left:0;
	}*/
	
	.fe_v .md_iwoi,
	.fe_v .md_iwir,
	.fe_v .md_iwids,
	.fe_v .md_iwi{
	padding-right:5px;
	padding-left:5px;
	}
	
	/*.fe_v .icon-right{
	margin-left:60px;
	}*/
	
	/*.fe_v .md_iwi{
	margin: 5px 25%;
	}*/
	
	.ml_2, .ml_1, .ml_3{
	margin-left:0;
	}
	
	.fe_v > div:not(:last-child) {
    margin-bottom: 3px;
	}
	
	.fe_v .md_iwi .icon{
	position: relative;
	margin-left: -22px;
	}
	
 input[type="checkbox"] + label {
	margin-left:-45px;
	}
	
	/*.icon-right{
	margin-left:20px;
	}*/
	
	/*dashboard*/
	
	.condash {
    padding: 10px 2% 10px 5% !important;
	margin: 0 auto;
	max-width: 750px !important;
	}
	
	.w_9{
	width:30%;
	max-width: 209.25px;
	}
	
	.dbi {
    margin-bottom: 10px;
	}
	
	.dpi_title {
	min-height: 65px;
	font-size: 12px;
	padding:5px;
	}
	
	.dbi_content img {
    width: 50%;
	margin-top: -5px;
	max-width: 150px;
	}
	
	.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	}
	
}

@media all and (min-width:800px) and (max-width: 1024px){
	
	/* page login */
	
	.home_form {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		float: none;
		display: table;
		position: static !important;
	}
		
	/* end page login */
	
	/* header top */

    .logo_block {
        width: 155px;
    }

    .logo img {
        height: auto !important;
        width: 100px;
    }

    .beta {
        margin-top: 10px;
    }

    .information_persone {
        width: 95%;
        margin-left: 15px;
        position: absolute;
        bottom: -20px;
    }

    .avatar {
        height: 30px !important;
        width: 30px !important;
    }

    .information_persone .w_10 {
        width:85%;
    }

    .header .profile_name {
        margin-top: 10px !important;
        width: 100%;
    }

    .information_block {
        bottom: 20px;
        width: 125px;
    }
	
	.dpi_title {
    min-height: 65px;
    font-size: 12px;
    padding: 5px;
}
	
	.sidebar {
		width:50px !important;	
	}

	.content {
    padding: 5px;
	}
	
	.icon{
	/*top: 50px;*/
    /*position: absolute;*/
    /*margin-left: -70px;*/
	}
	
	form > div {
	width: 100%;
	}
	
	form input {
	width: 100%;
	}
	
	.tb_copy, .tb_del, .tb_edit, .tb_det, 
	.light .tb_copy, .light .tb_del, .light .tb_edit, .light .tb_det {
    margin-left: 20px;
	}
	
	.tc{
	margin: 0 auto;
	display: table;
	margin-top: -2px;
	}
	
	.p_1 {
    padding: 5px;
	}
	
	.fl_r {
    float: right;
	}
	
	.fl_r .icon-logout, .fl_r .icon-settings{
	top: 25px;
	}
	
	.fe_t, .fe_v, .de_t{
	width: 100%;
    text-align: center;
    padding: 10px 15px;
	display:inline-table;
	}
	
	
	.de_v {
	width: 100%;
    padding: 10px 15px;
	display:inline-table;
	}
	
	.w_1-3{
	width:33%;
	}

	.light .btn {
	width:100%;
	height:35px;
    text-align: center;
	font-size: 14px;
	}
	
	table thead {
    display: none;
    }

    table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid #ddd;
    }

    table td {
    display: block;
	/*text-align: center;*/
	font-size: 15px;
	border-bottom: 1px dotted #546E7A;
	min-height: 30px;
    }

    table td:last-child {
    border-bottom: 0;
    }

    table td:before {
    content: attr(data-label);
    float: left;
    /*text-transform: uppercase;*/
    font-weight: bold;
    }
	
	.w_7, .w_5, .w_4, .w_6, .w_3, .w_12, .w_14/*,  .w_14 > .w_13*/{
        /*width: 24%;*/
    }

	/*.w_13{
	width:100%;
	}*/
	.md_iwi {
	margin-top:5px;
	}
	/*.w_8, .w_15, .w_25, .w_12, .w_14, .w_10, .w_13{
	width:100%;
	}*/
	
	/*.w_5, .w_6, .w_3, .w_7, .w_4, .w_19{
	width:50%;
	}*/
	
	/*.w_7 .ml_2 .md_iwi .icon{
	margin-left:60px;
	}*/
	
	/*.ml_1 .icon{
	margin-left:60px;
	}
	
	.ml_2 .icon{
	margin-left:0;
	}*/
	
	.fe_v .md_iwoi,
	.fe_v .md_iwir,
	.fe_v .md_iwids,
	.fe_v .md_iwi{
	padding-right:5px;
	padding-left:5px;
	}
	
	/*.fe_v .icon-right{
	margin-left:60px;
	}*/
	
	/*.fe_v .md_iwi{
	margin: 5px 25%;
	}*/
	
	.ml_2, .ml_1, .ml_3{
	margin-left:0;
	}
	
	.fe_v > div:not(:last-child) {
    margin-bottom: 3px;
	}
	
	.fe_v .md_iwi .icon{
	position: relative;
	margin-left: -22px;
	}
	
}

@media all and (min-width:1024px) and (max-width: 1280px){
	.sidebar {
		width:50px !important;	
	}
	
	.fl_r .icon-logout, .fl_r .icon-settings{
	top: 25px;
	}
	
	.w_5, .w_7{
	width:30%;
	}
	
	.fe_t {
		text-align: center;
		padding: 10px 5px;
	}

}

#selectall{
	cursor: pointer;
}
#unselectall{
	cursor: pointer;
}

.av_pill {
	border:1px solid #CFD8DC;
	padding:3px;
	border-radius:4px;
	margin:3px;
	border-color: #546e7a;
	display: inline-block;
}
.dialog .av_pill {
	color:#546E7A;
	font-weight:bold;
}
.dialog hr {
	color:#546E7A;
	background-color:#546E7A;
}
.dialog {
	width:96%;
	margin:0 auto 10px auto;
	background-color:#ECEFF1;
}

.dialog h3 {
    background-color:  #546E7A;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    padding: 4px 6px;
	border:1px solid #546E7A;
	margin: 0;
	font-size: 15px;
}

.dialog .inner {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	border:2px solid #546E7A;
	background:#ECEFF1;
	border-top:0px;
	padding:5px;
	height:100%;
	/* overflow:hidden; */
}

.dialog h3 span {
	float:right;
	font-weight:normal;
}

















/*new tooltip*/

.tooltipblock {
	//margin-bottom: 70px;
	position: relative;
	display: inline-block;
}


.tt strong {
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 10px;
}

.tt > span { 
	width: 200px;
	height: 120px;
	padding: 10px 20px;
	opacity: 0; 
	visibility: hidden; 
	z-index: 10; 
	position: absolute; 
	font-size: 12px; 
	font-style: normal; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
	border: 1px solid #78909C;
	background: #78909C;
	z-index: 9999;
	color: #ECEFF1;
} 


.tt:hover > span { 
	opacity: 1; 
	text-decoration:none; 
	visibility: visible; 
	overflow: visible; 
	display: inline; 
}

.tt span b { 
	width: 15px; 
	height: 15px; 
	display: block; 
	position: absolute; 
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg); 
	-o-transform: rotate(-45deg); 
	transform: rotate(-45deg); 
	background: #78909C;
}

/*TOP LEFT*/
.tt_p_t_l .tt > span {
	top: 0;
    left: 40%;
} 

.tt_p_t_l .tt span b {  
	bottom: -8px;
	right: 10px;
}
/**/

/*TOP Center*/
.tt_p_t_c .tt > span{ 
	top: -130px;
	left: -70px;
}

.tt_p_t_c .tt span b { 
	bottom: -8px;
	left: 50%;
}

/**/

/*TOP Right*/
.tt_p_t_r .tt > span{ 
	top: -200px;
	left: -10px;
} 

.tt_p_t_r .tt span b { 
	bottom: -8px;
}

/**/

/*LEFT*/
.tt_p_l .tt > span{ 
	right: 110px;
	bottom: -115px;
} 

.tt_p_l .tt span b { 
	right: -8px;
	top: 50%;
}

/**/

/*Right*/
.tt_p_r .tt > span{ 
	left: 125px;
	bottom: -115px;
}

.tt_p_r .tt span b { 
	left: -8px;
	top: 50%;
}

/**/


/*BOTTOM LEFT*/
.tt_p_b_l .tt > span{ 
	top: 120px;
	left: -155px;
} 

.tt_p_b_l .tt span b {  
	bottom: 168px;
	right: 10px;
}

/**/

/*BOTTOM CENTER*/
.tt_p_b_c .tt > span{ 
	top: 90px;
	left: -70px;
} 

.tt_p_b_c .tt span b {  
	bottom: 110px;
	left: 50%;
}

/**/

/*BOTTOM Right*/
.tt_p_b_r .tt > span{ 
	top: 120px;
	left: -10px
} 

.tt_p_b_r .tt span b { 
	top: -8px;
}

/**/

/**/

#open_btn {
	width: 120px;
    height: 36px;
    text-align: center;
    color: #cfd8dc;
    border: 2px solid #cfd8dc;
    background: #455A64;
}

.sel_exams label, .sel_exams input {
    margin-left: 10px;
}

.exam_buttons, .pc img {
    cursor: pointer;
}

#selectAll {
	margin-bottom: 10px;
}

.ex_img {
	//max-height:30px;
}
.b_gr {
	border:2px solid green !important;
}

.b_red {
	border:2px solid red !important;
}
.bred {
	background:red;
}
.red {
	border:1px solid rgba(161, 24, 24,0.8) !important;
	box-shadow: 0 0 3px rgba(161, 24, 24,0.9);
	padding: 3px;
}
.c_red, .c_red a {
	color:#d32F2f !important;
}

.c_gr,.c_red, .c_gr a,.c_red a {
	color:rgba(53,186,59,0.9);
	font-weight:bold;
}

.exam_f {
	background:#CFD8DC repeat scroll center center / cover;
	border-radius: 5em;
	border:1px solid #546E7A;
	padding:3px;
	margin:5px;
}

.file_err {
	border-bottom: 1px solid rgba(161, 24, 24,0.9) !important;
}

/* Circle Persent With Animate */
	.wrapper {
            margin: 50px auto;
            overflow: hidden;
            padding: 20px;
            width: 55%;
        }
        
        .data-one,
        .data-two,
        .data-three {
            float: left;
            display: inline;
        }
        
        .circliful {
            position: relative;
        }
        
        .circle-text,
        .circle-info,
        .circle-text-half,
        .circle-info-half {
            position: absolute;
            text-align: center;
            display: inline-block;
        }
        
        .circle-info {
            color: #999;
        }
        
        .circliful .fa {
            margin: -10px 3px 0 3px;
            position: relative;
            bottom: 4px;
        }
		canvas{
			width: 100px !important;
			height: 100px !important;
		}
		span.circle-text {
			font-size: 16px !important;
		}
		li.data-one.circliful {
			position: absolute;
			right: 0;
			top: 10%;
		}
		li.data-two.circliful {
			position: absolute;
			right: -14%;
			top: 10%;
		}
		span.circle-text {
			line-height: 0 !important;
			left: 16%;
			top: 40%;
			color: #fff;
		}
		span.circle-info-half {
			line-height: 15px !important;
			top: 50%;
			left: 15%;
			font-size: 12px;
			color: #fff;
		}
		li.data-two.circliful .circle-info-half {
			left: 9%;
		}
		div#student_count_by_faculty {
			display: none;
		}

/*		
		
		
.red {
	color: red;
	display: inline-block;
}

*/

.iwids.av_select {
	border-bottom: none !important;
}

/*.sel_add_input {*/
    /*color: #0288d1;*/
    /*margin: 0px !important;*/
    /*padding: 5px !important;*/
    /*font-size: 14px !important;*/
    /*width: 100%;*/
    /*border: 0px !important;*/
    /*background: transparent!important;*/
/*}*/


/*
.rotate {
    white-space: nowrap;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    -o-transform-origin: left bottom;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    font-size: 11px;
    height: 330px;
    width: 60px;
    line-height: 738px;
}
*/

.rotate {
    -webkit-transform: rotate(-90deg);
    /* -webkit-transform-origin: left bottom; */
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    -o-transform-origin: left bottom;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    height: 330px;
    width: 60px;
    position: relative;
}

th.rotate > div {
    position: absolute;
    height: unset;
    width: 330px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    bottom: -40px;
}


/* custom confirm css start */
.dialog-ovelay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999
}
.dialog-ovelay .dialog {
    width: 50%;
    margin: 100px auto 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border-radius: 3px;
    overflow: hidden
}
.dialog-ovelay .dialog header {
    padding: 1% 2%;
    background-color: #546E7A;
    border-bottom: 1px solid #e5e5e5
}
.dialog-ovelay .dialog header h3 {
    font-size: 14px;
    margin: 0;
    color: #555;
    display: inline-block
}
.dialog-ovelay .dialog header .fa-close {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
    border-radius: 1px
}
.dialog-ovelay .dialog header .fa-close:hover {
    color: #b9b9b9
}
.dialog-ovelay .dialog header .fa-close:active {
    box-shadow: 0 0 5px #673AB7;
    color: #a2a2a2
}
.dialog-ovelay .dialog .dialog-msg {
    padding: 1% 5%
}
.dialog-ovelay .dialog .dialog-msg p{
    margin: 0;
    font-size: 25px;
    text-align: center;
    color: #333
}
.dialog-ovelay .dialog footer {
    border-top: 1px solid #e5e5e5;
    padding: 8px 10px
}
.dialog-ovelay .dialog footer .controls {
    direction: rtl
}
.dialog-ovelay .dialog footer .controls .button {
    padding: 1% 5%;
    border-radius: 3px
}
.button {
    cursor: pointer
}
.button-default {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgba(204, 204, 204, 0.5);
    color: #5D5D5D;
}
.button-danger {
    background-color:rgba(161, 24, 24,0.9);
    border: 1px solid #d32f2f;
    color: #f5f5f5
}

/* custom confirm css end */


#new_study_semester {
    width: 100%;
    height: 100%;
    display: table;
}