@font-face {
    font-family:"bebas_neueregular";
    src: url("../fonts/BebasNeue-webfont.eot");
    src: url("../fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/BebasNeue-webfont.woff") format("woff"),
         url("../fonts/BebasNeue-webfont.ttf") format("truetype"),
         url("../fonts/BebasNeue-webfont.svg#bebas_neueregular") format("svg");font-weight: normal;font-style: normal;}
h1{font-family: 'bebas_neueregular';}
h3,.accor-h,.splithead{color:#525252;font-family: 'bebas_neueregular'; font-weight:normal; letter-spacing:0.03em}
input[type=button]{transition:all 0.2s ease-out;cursor:pointer; margin:0px}
p{padding:0 0 5px 0;margin:0px;}
html:lang(ta) h1{
    font-size: 20px;
}

/*language style*/
.body_content.maxheight{min-height:1000px;}
.header_listed_data font,.tap_button_inp font input,.admin_name font{ font-size:10px;}
.head_sp font,
.top_listmenu font,
.bg-h font,.top_head li font,#verticle_menu font{  font-size:11px!important;word-break: break-word;
letter-spacing: normal;}
.tab_menu li font{  font-size:12px;}
.top_head font{font-size:13px;}
div::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background-color: #F5F5F5;}
div::-webkit-scrollbar{width: 7px;background-color: #F5F5F5;}
div::-webkit-scrollbar-thumb{background-color: #c4c4c4;}
div::-webkit-scrollbar-thumb:hover{ background-color:#39F}
html,body{height:100%;}
body{ color:#4c4c4c;font-family: Arial, Helvetica, sans-serif;	font-size: 13px;line-height: 19px;width: 100%;background:#fcfcfc}
input,select,textarea{color:#4c4c4c;}
a{text-decoration:none;}
.inhrit{padding:0 0 0 0px!important;}
.top_grid.inhrit{padding:0 0 0 0px!important;}
.bor-top{border-top:1px solid #ccc;}
.bot-b{display:block;}

/*language style*/
.body_content.maxheight{min-height:1000px;}
.header_listed_data font,.tap_button_inp font input,.admin_name font{ font-size:10px;}
.head_sp font,
.top_listmenu font,
.bg-h font,.top_heada li font,#verticle_menu font{  font-size:11px!important;word-break: break-word;
letter-spacing: normal;}
.tab_menu li font{  font-size:12px;}
.top_heada font{font-size:13px;}
div::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background-color: #F5F5F5;}
div::-webkit-scrollbar{width: 7px;background-color: #F5F5F5;}
div::-webkit-scrollbar-thumb{background-color: #c4c4c4;}
div::-webkit-scrollbar-thumb:hover{ background-color:#39F}
html,body{height:100%;}
body{ color:#4c4c4c;font-family: Arial, Helvetica, sans-serif;	font-size: 13px;line-height: 19px;width: 100%;background:#fcfcfc}
input,select,textarea{color:#4c4c4c;}
a{text-decoration:none;}
.inhrit{padding:0 0 0 0px!important;}
.top_grid.inhrit{padding:0 0 0 0px!important;}
.bor-top{border-top:1px solid #ccc;}
.bot-b{display:block;}
/*input::-webkit-input-placeholder{color:#AF6EC9;}
*/
.content_1{overflow:auto;}
.mobile-navleft, .mobile {display: none;}
#loading-mask{ position:fixed; width:100%; text-align:center; height:100%; background:rgba(255,255,255,0.8); top:0; bottom:0; z-index:300;}
#loading_mask_loader{ position:relative; top:30%}
.mul-container{width:220px;}
#google_translate_elements{ margin-left:110px; padding-top:3px;}
.multilang{margin:0px 40px 0 0;background-color:#0097C0;height:30px;}
.multilang .mal-span{color: #fff;font-size: 12px; float:left; display:block;margin-left: 10px;margin-top: 5px;}
input[type=text],input[type=password]{ padding:6px;transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;
border: 1px #C5C5C5 solid;background: #FFF;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0 10px 15px #EEE inset;}
input[type=text]:focus { border:1px solid #ccc; background:#fff; box-shadow:none;}
textarea,select{padding: 5px;transition: all 0.1s ease-out; margin:0px; font-family:Arial, Helvetica, sans-serif;
-moz-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;
border: 1px #C5C5C5 solid;background: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0 10px 15px #EEE inset;}
.spriteimg{background:url(../images/schooadminicon-black.png) no-repeat;}
.wrapper_cont{width:100%; min-height:100%; height:auto!important; height:100%; position:relative; overflow:hidden }
.body_section{width:100%; padding:0; overflow:hidden;}
.header{width:100%;height:auto;float:left}
.logo_head {width: 100%; float:left;/*height: 83px;*/padding:10px;background: #04b1e0; box-sizing:border-box;-moz-box-sizing:border-box}
.top_listmenu {height:auto; float:left;width:100%;border-bottom: 1px solid #E2DEDE; box-shadow:0px 1px 3px rgba(0,0,0,.3);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,.3); -webkit-box-shadow:0px 1px 3px rgba(0,0,0,.3);-ms-box-shadow:0px 1px 3px rgba(0,0,0,.3);
background: #eaeaea;background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fdfdfd),color-stop(100%,#eaeaea));
background-image: -webkit-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: -moz-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: -o-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: linear-gradient(top,#fdfdfd,#eaeaea);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 );
text-shadow: 0 1px white; border-bottom: 1px solid #CDCDCD; z-index:200; }
.br{display:block;}
.logo{width:35%;float: left; }
.table_form td{padding:5px 0;}
.sl_right{margin:5px 40px 0 0;background-color: #017FA1;}
.sl_right span{display:inline-block; padding: 5px 5px 5px 8px;color: #f7f7f7; text-transform:uppercase;  font-size:8px; letter-spacing: .5px;}
.sl_right select{background-color: #0094BC;border: 1px solid #017FA1;box-shadow: none;width: 180px;}
.log_img{float:left; width:70px; height:60px;/*margin:0px 20px 0px 20px;*/}
.ver_menu {float:left;height:auto;width:100%;/* padding:0 0 0 10px;*/}
.sidebar{ position:absolute; width:100%; top:40px; bottom:140px;overflow:auto;}
/*.fixedbar .sidebar{height:500px;}*/

.desktop-menu #verticle_menu{-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
#verticle_menu {float:left; position:relative;width: 16%; top:-8px;background: #F1F1F1;z-index: 100; 
border-right: 1px solid #ddd;}
#verticle_menu.fixedbar{ position:fixed;top:55px; left:0; bottom:0px!important}
.mobile-button{ display:none}
.h-show{ width:25px; position:relative; height:25px; margin:0 2px; top:2px; background-color:#fff; border:1px solid #ddd; display:block}
.hsearch{ margin-left:40px;}
.hsearch .add-photo-btn.left { width:20%}
.h-show:before{position: absolute;content: "\2261";right: 6px;top: 3px;color: #818181;font-size:18px;
z-index: 10;}

.dash_form .u_role {
    position: absolute;
    right: 0;
    top: -54px;
    z-index: 250;
}

.u_role{float:right;background:#1CC6D9;color:#fff;font-weight: bold;padding: 3px; border-radius:5px 0 0 5px}
.bop#verticle_menu{width:40px;}
.bop.left_body{margin-left:42px;}
.logo img{height:60px; display:block;}
.fix-img img{width:auto; max-width:100%; display:block;}
.listdata{width:60px;}
.logo h2{color: rgb(255, 255, 255);padding: 10px 0px 0px 0px;line-height: 24px; font-size:19px; margin-top:10px;
}
.exit{float:right;margin:15px 10px 0px 0px; position:relative}
.exit a{display:block;}
.scrollup{display:block;width:48px;text-align:center;color:#333;height:54px;z-index:9999;
background-position: -69px -163px;position:fixed;bottom:5px;text-indent:-9999px;right:10px;display:none;}
.logout{width:150px; position:absolute; left:-105px; top:55px; background:#FC3; border:1px #B4B4B4 solid;z-index:1000;background: rgb(255,255,255);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
ul.logout:before{ top:-10px; content:""; position:absolute; left:44%; border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;}
.logout li{ display:block; position:relative; border-bottom:solid #E1E1E1 1px;border-top:solid #fff 1px;}
.logout li:first-child{border-top:none;}
.logout li:last-child{border-top:none;border-bottom:none;}
.et_img{background-position: -881px -41px;}
.pr_img{background-position: -723px -41px;}
.he_img{background-position: -401px -1px;}
.lo_img{background-position: -722px -63px;}
.logout li a{ display:block; height:35px; text-shadow:none; line-height:35px; width:150px; text-decoration:none; font-size:12px;color: #646464}
.logout li a:hover{background: #CF4079;color: #FFF;}
.logout li a span{width:20px; height:20px; float:left; margin:7px; display:block;}
.admin_name{float:right;width:275px;;min-height:50px;/*margin:-2px 15px 0px 0px;*/ max-height:80px;  height:auto; }
.admin_name.smsdas{float:right;width:180px!important; min-height:50px;/*margin:-2px 15px 0px 0px;*/ max-height:80px;  height:auto; z-index:100; margin-right:10px;}
.admin_name strong{font-size:12px; color:#646464;overflow:hidden; text-transform:inherit;}
.a_img{float:left;padding:10px 0px 0px 10px; width:35px; height:40px;}
.admin_text{width:170px;}.admin_text span{display:block; color:#090; font-size:12px; font-weight:bold; text-transform:uppercase;}
.smsds_text{width:100px;}.smsds_text span{display:block; color:#090; font-size:24px; padding:9.5px;}
.a_img img{ width:100%; display:block;max-width:100%;}
.top_listmenu ul li{float:left; display:inline-block; position:relative;}
.top_listmenu ul li a{float:left;display:inline-block;color:#4c4c4c; text-decoration:none; padding:4px 20px; line-height:40px;}
.top_listmenu ul li a:hover{color:#00751A;}
.mes_nav li img{margin:0 10px 0 0; border:solid 1px #fff; float:left}
.top_listmenu ul li a span{width:20px; height:20px;float:left; margin:10px 6px 0px 0px;}
.top_listmenu li ul{display:none;position:absolute;top:55px;left:0px;border:1px #B4B4B4 solid; z-index:100; margin:10px 0 0 0;background:rgb(241, 241, 241);
background: rgb(255,255,255);background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
.text_color2{color:#4c4c4c; padding:0 5px}
.two-forminp input[type=text]{width:80%;}
.two-forminp select{width:85%;}
.top_listmenu li ul li a{ text-shadow:none;width:200px; height:45px;color:#4c4c4c; font-size:13px; border-bottom:1px #D4D4D4 solid;border-top:1px #fff solid; padding:5px; line-height:19px}
.top_listmenu li ul:before{content:""; position:absolute; left:45%; top:-10px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #f0f0f0; z-index:2}
.top_listmenu li ul:after{content:""; position:absolute; left:45%; top:-11px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #B4B4B4; z-index:1}
.top_listmenu li ul li a:hover{background: #CF4079;color: #FFF;}
.count{position: absolute;top:2px;height:11px;line-height:11px; text-shadow:none;font-size:8px;padding:0 3px;background:#C00;color:#fff;right:20px;}
.meslist{position:relative;}
.sub_top{float:right; text-align:right; width:100%; height:30px;}
.fld{font-weight:bold;}
.body_content{float:left; width:100%;padding:10px 0px 35px 0px;  min-height:600px; height:auto!important}
.left_body{ position:relative;margin-left: 17%;padding: 0 .5% 0 .5%;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.section{ float:left;padding:20px 5px 5px 5px;height:auto!important; max-height:400px; overflow:hidden;position:relative; width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
.section.section2{height:auto; max-height:inherit;}
.slide_tog{ float:left; width:100%;}
#top_head{float:left;}
.top_head{ margin-bottom:10px; }
#header h1,.top_head > h1{ width:auto; background-image:url(../images/head_icon.png); background-position:4px center; background-repeat:no-repeat; font-size:180%; display:inline-block; padding:8px 20px 8px 36px; line-height:100%; background-color:#555555; color:#fff;text-transform:uppercase; font-weight:normal; letter-spacing:1px;font-family: 'bebas_neueregular';
}
.top_menubox{width:100%;height:auto;position:absolute;z-index:8000;left:0px;top:0px;}
.top_menuicon{width:100%;height:auto;background-color: #434343; display:none; padding:0; }
.slide_but{width:83px; height:22px; background:url(../images/top_menubt.png) no-repeat; display:block;  text-indent:-9999px}
.slide_button{ text-align:center;border-top:solid 1px #fcfcfc;float:left;width:100%; padding:5px 0; background: #eaeaea;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fdfdfd),color-stop(100%,#eaeaea));
background-image: -webkit-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: -moz-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: -o-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: linear-gradient(top,#fdfdfd,#eaeaea);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=1 );
border-bottom: 1px solid #CDCDCD;}
.slide_button a{ display:inline-block; border: 1px solid #fff; text-transform:uppercase;font-size:19px;text-decoration:none; color:#fff; padding:5px 10px; background:#5F5F5F; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 0;-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 0;box-shadow: rgba(0,0,0,0.3) 0 1px 0;}
.mes_even{float:left; width:100%; margin:30px 0 0 0;}
.message_box{float: left;background: #FFF;margin-left: 2%;width: 31.8%;border: 1px #E6E6E6 solid;}
.message_box:first-child {margin-left: 0px;}
.message_box ul li{ display:block; position:relative; float:left; width:100%}
.message_box ul li span{float: left;color: #FFF;padding: 0;background: #0AB996;border: 1px solid #0AA1A2;text-align: center;width: 40px;}
.message_box ul li a{display:block;height:auto; padding:3px; text-decoration:none; margin-bottom:5px }
.notificatio_box{float:left; width:400px;margin:0px 0px 0px 40px; padding:10px; background:#F5F5F5; border:1px #DDD solid; height:445px; overflow-y:scroll}
.notificatio_box ul li{ display:block; position:relative; float:left}
.notificatio_box ul li span{float:left; padding:20px}
.notificatio_box ul li a{display:block; height:auto; padding:10px; text-decoration:none; }
.clearfix{clear:both;}
.resize_nav{display: none;}
.leftmargin {margin-left: 50px;}

.desktop-menu #verticle_menu{-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;}
    #verticle_menu {float:left; position:relative;width: 16%; top:-8px;background: #F1F1F1;z-index: 100; 
    border-right: 1px solid #ddd;}
    #verticle_menu.fixedbar{ position:fixed;top:55px; left:0; bottom:0px!important}
    .mobile-button{ display:none}
    .h-show{ width:25px; position:relative; height:25px; margin:0 2px; top:2px; background-color:#fff; border:1px solid #ddd; display:block}
    .hsearch{ margin-left:40px;}
    .hsearch .add-photo-btn.left { width:20%}
    .h-show:before{position: absolute;content: "\2261";right: 6px;top: 3px;color: #818181;font-size:18px;
    z-index: 10;}
    
    .dash_form .u_role {
        position: absolute;
        right: 0;
        top: -54px;
        z-index: 250;
    }
    
    .u_role{float:right;background:#1CC6D9;color:#fff;font-weight: bold;padding: 3px; border-radius:5px 0 0 5px}
    .bop#verticle_menu{width:40px;}
    .bop.left_body{margin-left:42px;}
    .logo img{height:60px; display:block;}
    .fix-img img{width:auto; max-width:100%; display:block;}
    .listdata{width:60px;}
    .logo h2{color: rgb(255, 255, 255);padding: 10px 0px 0px 0px;line-height: 24px; font-size:19px; margin-top:10px;
    }
    .exit{float:right;margin:15px 10px 0px 0px; position:relative}
    .exit a{display:block;}
    .scrollup{display:block;width:48px;text-align:center;color:#333;height:54px;z-index:9999;
    background-position: -69px -163px;position:fixed;bottom:5px;text-indent:-9999px;right:10px;display:none;}
    .logout{width:150px; position:absolute; left:-105px; top:55px; background:#FC3; border:1px #B4B4B4 solid;z-index:1000;background: rgb(255,255,255);
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
    ul.logout:before{ top:-10px; content:""; position:absolute; left:44%; border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;}
    .logout li{ display:block; position:relative; border-bottom:solid #E1E1E1 1px;border-top:solid #fff 1px;}
    .logout li:first-child{border-top:none;}
    .logout li:last-child{border-top:none;border-bottom:none;}
    .et_img{background-position: -881px -41px;}
    .pr_img{background-position: -723px -41px;}
    .he_img{background-position: -401px -1px;}
    .lo_img{background-position: -722px -63px;}
    .logout li a{ display:block; height:35px; text-shadow:none; line-height:35px; width:150px; text-decoration:none; font-size:12px;color: #646464}
    .logout li a:hover{background: #CF4079;color: #FFF;}
    .logout li a span{width:20px; height:20px; float:left; margin:7px; display:block;}
    .admin_name{float:right;width:275px;;min-height:50px;/*margin:-2px 15px 0px 0px;*/ max-height:80px;  height:auto; }
    .admin_name.smsdas{float:right;width:180px!important; min-height:50px;/*margin:-2px 15px 0px 0px;*/ max-height:80px;  height:auto; z-index:100; margin-right:10px;}
    .admin_name strong{font-size:12px; color:#646464;overflow:hidden; text-transform:inherit;}
    .a_img{float:left;padding:10px 0px 0px 10px; width:35px; height:40px;}
    .admin_text{width:170px;}.admin_text span{display:block; color:#090; font-size:12px; font-weight:bold; text-transform:uppercase;}
    .smsds_text{width:100px;}.smsds_text span{display:block; color:#090; font-size:24px; padding:9.5px;}
    .a_img img{ width:100%; display:block;max-width:100%;}
    .top_listmenu ul li{float:left; display:inline-block; position:relative;}
    .top_listmenu ul li a{float:left;display:inline-block;color:#4c4c4c; text-decoration:none; padding:4px 20px; line-height:40px;}
    .top_listmenu ul li a:hover{color:#00751A;}
    .mes_nav li img{margin:0 10px 0 0; border:solid 1px #fff; float:left}
    .top_listmenu ul li a span{width:20px; height:20px;float:left; margin:10px 6px 0px 0px;}
    .top_listmenu li ul{display:none;position:absolute;top:55px;left:0px;border:1px #B4B4B4 solid; z-index:100; margin:10px 0 0 0;background:rgb(241, 241, 241);
    background: rgb(255,255,255);background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
    .text_color2{color:#4c4c4c; padding:0 5px}
    .two-forminp input[type=text]{width:80%;}
    .two-forminp select{width:85%;}
    .top_listmenu li ul li a{ text-shadow:none;width:200px; height:45px;color:#4c4c4c; font-size:13px; border-bottom:1px #D4D4D4 solid;border-top:1px #fff solid; padding:5px; line-height:19px}
    .top_listmenu li ul:before{content:""; position:absolute; left:45%; top:-10px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #f0f0f0; z-index:2}
    .top_listmenu li ul:after{content:""; position:absolute; left:45%; top:-11px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #B4B4B4; z-index:1}
    .top_listmenu li ul li a:hover{background: #CF4079;color: #FFF;}
    .count{position: absolute;top:2px;height:11px;line-height:11px; text-shadow:none;font-size:8px;padding:0 3px;background:#C00;color:#fff;right:20px;}
    .meslist{position:relative;}
    .sub_top{float:right; text-align:right; width:100%; height:30px;}
    .fld{font-weight:bold;}
    .body_content{float:left; width:100%;padding:10px 0px 35px 0px;  min-height:600px; height:auto!important}
    .left_body{ position:relative;margin-left: 17%;padding: 0 .5% 0 .5%;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
    .section{ float:left;padding:20px 5px 5px 5px;height:auto!important; max-height:400px; overflow:hidden;position:relative; width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
    .section.section2{height:auto; max-height:inherit;}
    .slide_tog{ float:left; width:100%;}
    #top_heada{float:left;}
    .top_heada{ margin-bottom:10px; }
    #header h1,.top_heada > h1{ width:auto; background-position:4px center; background-repeat:no-repeat; font-size:180%; display:inline-block; padding:8px 20px 8px 15px; line-height:100%; background-color:#555555; color:#fff;text-transform:uppercase; font-weight:normal; letter-spacing:1px;font-family: 'bebas_neueregular';
    }
    .top_menubox{width:100%;height:auto;position:absolute;z-index:8000;left:0px;top:0px;}
    .top_menuicon{width:100%;height:auto;background-color: #434343; display:none; padding:0; }
    .slide_but{width:83px; height:22px; background:url(../images/top_menubt.png) no-repeat; display:block;  text-indent:-9999px}
    .slide_button{ text-align:center;border-top:solid 1px #fcfcfc;float:left;width:100%; padding:5px 0; background: #eaeaea;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fdfdfd),color-stop(100%,#eaeaea));
    background-image: -webkit-linear-gradient(top,#fdfdfd,#eaeaea);
    background-image: -moz-linear-gradient(top,#fdfdfd,#eaeaea);
    background-image: -o-linear-gradient(top,#fdfdfd,#eaeaea);
    background-image: linear-gradient(top,#fdfdfd,#eaeaea);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=1 );
    border-bottom: 1px solid #CDCDCD;}
    .slide_button a{ display:inline-block; border: 1px solid #fff; text-transform:uppercase;font-size:19px;text-decoration:none; color:#fff; padding:5px 10px; background:#5F5F5F; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 0;-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 0;box-shadow: rgba(0,0,0,0.3) 0 1px 0;}
    .mes_even{float:left; width:100%; margin:30px 0 0 0;}
    .message_box{float: left;background: #FFF;margin-left: 2%;width: 31.8%;border: 1px #E6E6E6 solid;}
    .message_box:first-child {margin-left: 0px;}
    .message_box ul li{ display:block; position:relative; float:left; width:100%}
    .message_box ul li span{float: left;color: #FFF;padding: 0;background: #0AB996;border: 1px solid #0AA1A2;text-align: center;width: 40px;}
    .message_box ul li a{display:block;height:auto; padding:3px; text-decoration:none; margin-bottom:5px }
    .notificatio_box{float:left; width:400px;margin:0px 0px 0px 40px; padding:10px; background:#F5F5F5; border:1px #DDD solid; height:445px; overflow-y:scroll}
    .notificatio_box ul li{ display:block; position:relative; float:left}
    .notificatio_box ul li span{float:left; padding:20px}
    .notificatio_box ul li a{display:block; height:auto; padding:10px; text-decoration:none; }
    .clearfix{clear:both;}
    .resize_nav{display: none;}
    .leftmargin {margin-left: 50px;}
/*verticale Menu */
.dy{font-size:11px; font-weight:bold;color:#fff; padding:1px 10px;}
.iconmenu.sidebar ul > li > a{text-indent:-9999px; }
.iconmenu.sidebar ul > li > ul > li > a{text-indent:0px;}
.iconmenu.sidebar ul ul{position:absolute;left:39px; top:0;z-index:500; width:200px; display:none!important}
.iconmenu.sidebar ul > li:hover ul{display:block!important}
.iconmenu a ,.sidebar a {text-decoration:none;color:#000;}
.iconmenu ul > li ,.sidebar ul > li {position:relative;}
.iconmenu ul,.sidebar ul {list-style:none;padding:0;margin-top:-1px}
.sidebar ul > li > ul > li > a {color: #f5f5f5;font-size: 12px;border-top:1px solid #0E6C86;position: relative;display: block;background: #0D7692;
width: auto;padding: 5px 5px 5px 18px;margin-top:-1px;border-bottom:1px solid #177F9B;text-shadow: none;}
.sidebar ul ul{display:none;}
.sidebar ul > li > ul > li > a:before{ position:absolute; content:"\00bb"; left:5px;top:3px; color:#063449;}
.sidebar ul > li > ul > li > a.active:before{color:#F90;}
.sidebar ul > li > ul > li > a:hover:before{color:#F90;}
.sidebar ul > li > ul > li > a:hover {color:#E5E5E5;background-color: #3b3b3b;}
.sidebar ul > li > a{display:block;width:auto;padding:10px 0px 10px 5px;font-size: 14px;color:#494949;	font-weight: normal;border-bottom:1px #fff solid;
border-top:1px #e2e2e2 solid; overflow:hidden; position:relative; margin:1px 0px;
background: #f9f9f9;
background: -moz-linear-gradient(top,  #f9f9f9 0%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f2f2f2 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#f2f2f2 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#f2f2f2 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient
( startColorstr='#f9f9f9',endColorstr='#f2f2f2',GradientType=0 );
transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;
text-shadow:0px 1px 0px #fff; }
#navigation .open > a,#navigation > li > a:hover{text-shadow:none;box-shadow: none;color: #177092}
.sidebar ul > li > a:hover span{ margin-left:5px;-webkit-transform:rotate(360deg); -webkit-transform:rotate(360deg);transition:all 0.2s ease-out; 
-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;}
.sidebar ul > li.open:before{ position:absolute; content:"\2261"; right:10px; top:12px; color:#E45959; font-size:20px; z-index:10}
.sidebar ul > li.setup-progress{background:#95184A; color:#FC0;}
.sidebar ul > li.open ul{display: block}
.sidebar #navigation li.open ul > li > a.active{ background:#333}
.color-switch {position:fixed; right:0; top:93px; z-index:500;}
.color-switch ul > li{ float:left;display:block; padding:3px 0px 3px 10px;width:95%;}
.color-switch ul > li > p{padding:0 0 0 2px; color:#4c4c4c}
.f_h{padding: 5px 10px;background: #FAC800;} 
.color-switch ul > li > a{display:block; width:20px; height:20px;}
.gr{background:#08af9d;}.rd{background:#e8466f;}.nv{background:#8855b0;}.yl{background:#ffa200;}
.color-switch .col-box{width:30px; font-size:20px; background-image:url(../images/hint.png); background-position:center center; background-repeat:repeat; text-indent:-9999px; line-height:30px; height:30px;position:absolute;left:-35px;top:-5px;background-color:#818181; cursor:pointer; color:#fff; text-align:center}
.color-switch .col-box2{right:-309px;border:5px solid #fff;border-right:none;width:300px;padding:0 0 10px 0; background:#ECEBEB;box-shadow:0px 0px 10px rgba(0,0,0,0.7);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5); position: absolute;transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;} 
.col-box2.show{right:0px;}

/*verticale Menu */
#menu_bar {font-size:14px;float:left;width:40px; height:40px;}	
#menu_bar ul li a {display:block;background:#0F84A3; width:180px; padding:3px; }
#menu_bar dt{display:block; position:relative; z-index:2000}
#menu_bar dd ul{position:absolute; top:30px; left:40px; display:none; z-index:1000}
#menu_bar dt :hover ul{display:block;}
#menu_bar dl dd ul li a {color:#FFF;font-size: 13px; border-bottom:1px solid #10708A}
#menu_bar dt a{display:block;width:auto;padding:8px 0px 8px 10px;font-size: 15px;color:#4A4A4A;	font-weight:600;border-bottom:1px #C4C4C4 solid;
border-top:1px #F3F3F3 solid; display:block; text-indent:-9999px;
-moz-box-shadow: inset 0 0 1px #fff;-ms-box-shadow: inset 0 0 1px #fff;	-webkit-box-shadow: inset 0 0 1px white;
box-shadow: inset 0 0 1px white; margin:2px 0px; display:block; text-indent:-9999px;
background-color: #E0E0E0;background: -moz-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);	background: -ms-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
background: -o-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#DCDCDC));
background: -webkit-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);background: linear-gradient(to bottom,#FAFAFA 0,#DCDCDC 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FAFAFA", endColorstr="#DCDCDC",GradientType=0); transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;
text-shadow:0px 1px 0px #fff;text-decoration:none;color:#000;}

/* icon list*/
.top_listmenu ul li a.v-all{border-bottom:none; height:25px; text-align:center; color:#900; display:block; font-weight:bold; font-size:11px;}
.subt1{border-left:3px solid #F9D556;}
.rej1{border-left:3px solid #FB6E4E}
.forw1{border-left:3px solid #55D3FF}

.icon_list li{float:left; position:relative;margin:5px 1.6% 20px 0; width:8.4%;
display: inline-block;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
-webkit-transition-property: transform;transition-property: transform;-webkit-transform: translateZ(0);transform: translateZ(0);}
.icon_list li img{opacity:0.8; filter:alpha(opacity=80);-mox-opacity:0.8}
.icon_list li:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;
opacity: 0;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
.icon_list li:hover, .icon_list li:focus, .icon_list li:active {  -webkit-transform: translateY(-8px);transform: translateY(-8px);  -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.3)}
.icon_list li:hover:before, .icon_list li:focus:before, .icon_list li:active:before {opacity: 1; -webkit-transform: translateY(8px); transform: translateY(8px);}
.icon_list li a{ display:block;color:#2E2E2E; padding:5px 2px; border:solid 1px #fff; text-align:center; height:95px; text-decoration:none;background: rgb(249,249,249);background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(244,244,244,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(244,244,244,1))); 
background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(244,244,244,1) 100%); 
background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(244,244,244,1) 100%);background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(244,244,244,1) 100%);background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f4f4f4',GradientType=0 );-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease; box-shadow:0px 0px 5px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 5px rgba(0,0,0,.2);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.2);-ms-box-shadow:0px 0px 5px rgba(0,0,0,.2)}
	
.icon_list li a span{display: block;color: #4C4C4C;font-size: 12px;padding: 10px 0 0 0;font-weight: bold;}
/*.icon_list li a:hover{border:solid 1px #fff;box-shadow:0px 0px 8px rgba(0,0,0,.3);-moz-box-shadow:0px 0px 8px rgba(0,0,0,.3);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,.3);-ms-box-shadow:0px 0px 8px rgba(0,0,0,.3); position:relative; z-index:100; border-radius:20px;}
*/#menutop_list li{float:left;position:relative;display:block;width:8.18%; padding:5px 0; height:125px; border-right:1px solid #525252; border-left:1px solid #333;}
#menutop_list li:hover{background:#333;}
#menutop_list li a{display:block;text-align:center;text-decoration:none;padding:20px 0; font-size:13px;color:#FFF;}
#menutop_list li a span{display:block;font-size: 12px; padding:7px 0 0 0}
.tog_button{float:left; padding:5px 0; position:relative;} 
.hideshow a{width:30px;height:26px; display:block}
.home,.pay,.con,.user,.exam,.cbsc,.manage,.adm,.enter,.inven,.sup,.set{float:left; width:20px; height:20px;margin-right:10px; background-position: -161px -2px;}
.user{background-position: -761px -41px; }.pay{background-position: -362px -21px;}.con{background-position: -2px -81px;}
.manage{background-position: -782px -41px;}.cbsc,.exam{background-position: -922px -81px;} .admission {background-position: -602px -40px; }
.enter{background-position: -940px -80px; }.inven{background-position: -481px -41px;}.sup{background-position: -161px -60px; }
.supp{background-position: -401px 0px;}.sett{background-position: -862px -41px;}.mess{background-position: -522px -81px;}
.imgg{background-position: -521px -62px;}.chr{background-position: -500px -102px;}.rank{background-position: -101px -1px;}
.mcat{background-position: -23px -81px;}.reload{background-position: -902px -60px;}.log_i{background-position: -720px -60px;} 

/* tab_lop*/

.mes_tab ul.tabs1,.mes_tab ul.tabs2{padding:0px;margin:0;list-style-type: none;text-align: left;} 
.mes_tab ul.tabs1 li,.mes_tab ul.tabs2 li{display: inline;margin-right:3px;margin-top: 0;margin-bottom: 0;margin-left: 0;}     
.mes_tab ul.tabs1 li a,.mes_tab ul.tabs2 li a{text-decoration: none; float:left;position: relative;z-index: 1;color:#FFF; background:#DBDBDB;	border-radius: 2px 2px 0 0;	outline:none;padding:10px; font-size:15px; margin:0 2px; 0 0}
.mes_tab ul.tabs1 li a:hover,.mes_tab ul.tabs2 li a:hover{background:#7658f8;}
.mes_tab ul.tabs1 li a:visited{color: #000;} 
.mes_tab ul.tabs2 li a:visited{color: #000;} 
.mes_tab ul.tabs1 li a,.mes_tab ul.tabs2 li a:hover{background-color:#rgb(219, 84, 64);}
.mes_tab ul.tabs1 li.selected a{/*selected tab style */ position: relative;top: 0px;font-weight:bold;background: #7658f8; color:#fff;}
.mes_tab ul.tabs2 li.selected a{/*selected tab style */ position: relative;top: 0px;font-weight:bold;background: #db5440;}
.mes_tab ul.tabs1 li.selected a:hover{/*selected tab style */text-decoration: none;}  
.mes_tab ul.tabs2 li.selected a:hover{/*selected tab style */text-decoration: none;}
.tabcontent1 li a,.tabcontent2 li a{color:#333; font-size:13px;}
.tabcontent1,.tabcontent2{display: block; }
.calendar_tab{float:left; width:50%;border:1px rgb(230, 230, 230) solid; background:#fff;}
#calendar {	width: 100%;}
.tabcontents1,.tabcontents2{width:auto;height:470px;overflow:auto;border-radius: 0 2px 2px 2px;margin-top: 3px;padding-top: 10px;padding-right: 0px;padding-bottom: 0px;background: rgb(249,249,249);background: -moz-linear-gradient(left,  rgba(249,249,249,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%); background:#fff;}
.top_button li{float:right; display:inline-block; padding: 5px 3px;}
.ts_button,.top_button li input[type=button]{padding: 6px 14px; color:#484848; font-weight:bold; cursor:pointer;

background: #febf04;

background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04));
background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
background: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 );
border: 1px solid #E0E0E0;border-bottom:1px solid #D4AE3E;

-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
box-shadow: inset 0px 0px 2px #FFF;-o-box-shadow: inset 0px 0px 2px #fff;-webkit-box-shadow: inset 0px 0px 2px #FFF;
-moz-box-shadow: inset 0px 0px 2px #fff;}

.top_button li input[type=button]:hover{border:1px solid #ECCA63;text-shadow:none;}
.fixed_bgcolor{width:auto;height:30px;position:fixed; display:inline-block;top:150px; right:0px; cursor:pointer; /*background:#FC0;*/ z-index:1000;background: rgb(247,247,247);background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 );}
.color_icon{float:left;display:inline-block; width:28px; height:28px;background-position: -758px -81px; 
 border:1px solid #ccc; background: rgb(255,255,255); background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );}
.color_pic{height:30px;padding:0px 0px 0 35px; display:none;}
.color_pic ul li{width:15px; height:15px; background:#ccc; float:left;margin: 7px 3px 7px; border:1px solid #fff; display:block; position:relative;}
#f_color{background:#f3b203;} #t_color{background: #9fa804;} #s_color{background: rgb(10,153,219);}
#fo_color{background:#991f12;} #fi_color{ background:#545353;}
.placeholder{color:#8B8B8B; }


/*sub pages*/
.sub_pageconten{float:left; width:100%; position:relative}
.top_button{float:right;width:60%;height:40px;}
.top_searchbox{float:left; width:100%; display:inline-block;}
.top_searchbox select > option{ width:16em;}
.form_container .top_searchbox ul{padding:10px 0;}

#approval_settings > img{ position:absolute; top:60px; left:48%}
.top_searchbox ul li{float:left; padding:5px 10px 5px 0px!important; display:block}
.top_searchbox ul li.fullwidth{ padding:0!important;}
.top_searchbox ul li:first-child{padding-left:0px!important;}
.top_searchbox #bg{ margin-top:-1px; margin-right:8px}
.top_searchbox ul li input[type=text]{width:90px; margin:0px}
form select{margin-top:0px!important;}


/*lengthy select box*/

.top_searchbox ul li input[type=text]:focus{-ms-box-shadow: 1px 1px 5px #ccc;-moz-box-shadow: 1px 1px 5px #ccc;-webkit-box-shadow: 1px 1px 5px #ccc;box-shadow: 1px 1px 5px #ccc; background:#fff;}
.top_searchbox ul li span{display:block;}
.top_searchbox ul li select{width:165px;padding:5px;border:1px #ccc  solid;box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;}
select{zoom: 1;}
select > option{ background:#fff;}
#bg,.searchgo{border:1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding:7px 10px; text-decoration:none; display:inline-block;color: #FFFFFF;
 background-color: #34AFD9;  box-shadow: inset 0px 0px 2px #FFF;
-o-box-shadow: inset 0px 0px 2px #fff;
-webkit-box-shadow: inset 0px 0px 2px #FFF;
-moz-box-shadow: inset 0px 0px 2px #fff; }
.expt li{display:block; position:relative; padding:0px;}
.expt a{display:block; font-size:11px; font-weight:bold; line-height:20px;width:70px; padding:4px 3px; text-decoration:none; color:#4c4c4c;background: #F6C305;}
.expt a:hover{color:#FFF;}
.expt{ left:-6px;display:none; position:absolute; top:40px; z-index:100;overflow:hidden; border:1px solid #DDAE00}
.E_file{position:relative; display:inline-block;}
.tap_button_inp li:hover ul{display:block;}
.content_mainsection{float:left; width:100%; /*margin:30px 0 0 0;*/ margin:20px 0 0 0;position:relative;}
 .border_element{float:left; width:100%; border:1px solid #F1F0F0;}
.catry{float: left; width:100%}
.catry_left{float:left; width:300px; background:#ccc; height:400px; display:none;}
.header_listed { width:100%; display:table; table-layout:fixed;}
.color_s{ background:#2F7598}
.atten{color:#6B6B6B}
.absent_ic{background-position: -770px -102px;  width:19px; height:20px; text-indent:-9999px; display:inline-block }
.Holid{background-position: -261px -40px; width: 19px;height: 20px;text-indent:-9999px; display:inline-block;}
.header_listed dd,
.header_listed li{ position:relative; display:table-cell; padding:8px 0px;border-right:1px solid #266B8E;color:#fff; font-weight:bold;text-transform: capitalize;word-wrap: break-word; /*border-bottom:1px solid #ccc;*/text-align:left;}
.header_listed_data{ width:100%; display:table; table-layout:fixed; }
.header_listed_data dd,
.header_listed_data li{position:relative; display:table-cell; padding:8px 0px; vertical-align:top; border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3; word-wrap: break-word;word-break:break-word;}

.header_listed_data li:first-child{border-left:1px solid #E3E3E3; }
/*.header_listed li:first-child{border-left:1px solid #ccc;}*/
.header_listed_data .a_center{ width:160px;}
.header_listed .a_center{width:160px;}
.header_listed li > span{ padding:0 5px }
.a_r{width: 15px;height: 15px;text-decoration: none;display: inline-block;margin: 0 4px;position: absolute;
right: 0px;}
.d_r{background-position: -673px -99px;bottom:3px;
} 
.bg-shadow .bg-h .right span{ font-size:12px}
.bg-shadow .bg-h .right em{font-style:normal;}
.u_r{background-position: -796px -108px;top: 2px;}
.first-Child{width:40px;  }
.last-Child{width:130px; text-align:center}
.header_listed_data:hover{background:#F9F9F9; color:#000}
.ml{background:#F3F3F3;}
.header_listed li.Attendance{width:180px; position:relative; text-align:left}
.Attendance{width:180px; position:relative; text-align:left; padding-left:6px;}
.ld{display:none; position:absolute; top:3px; left:0px; z-index:100}
.atten_first{ float:left; padding:0 0 0 10px; position:relative; display:inline-block}
.Attendance  li:hover .ld{display:block;}
.selectlist_box{float:left; width:100%; padding:5px 0;text-align:right;}
.header_listed_two { width:100%; display:table; table-layout:fixed;}
.header_listed_two li{ display:table-cell;text-align:left; padding:8px 0px;color:#fff; font-weight:bold;text-transform: capitalize;word-wrap: break-word; 
text-shadow:1px 1px 2px rgba(0,0,0, 0.6); -moz-text-shadow:1px 1px 2px rgba(0,0,0, 0.6);-webkit-text-shadow:1px 1px 2px rgba(0,0,0, 0.6);}

/*GRID*/

.listed_data{ width:100%; display:table; table-layout:fixed; clear:both }
.listed_data li{ display:table-cell;height:40px; text-align:left;border-right:1px solid #EEE;  border-bottom:1px solid #eee; word-wrap: break-word;}
.listed_data:hover{background:#F3F3F3;}
.listed_data li:first-child{border-left:1px solid #eee;}

.set_act_two{padding:10px 5px; display:inline-block}
.abs_list li{ display:inline-block; position:relative; padding:5px 10px;}

/*fotter section*/

.e-pa_logo{float:left; padding:5px 0 0 20px}
.fotter{ padding-left:220px; border-top:1px solid #ddd; position:relative; solid 1px;height:40px; line-height:40px; /*background:url(../images/fot_bg.jpg) repeat-x;*/background-color:#f1f1f1; color:#646464}
.c_p{float:left; padding:0 0 0 10px;}
.r_p{float:right; padding: 0 20px 0 0; font-size:12px}


.loader-img{ position:absolute; top:10%; left:45%}
/* div scroll bar */
.limit .mCSB_container{width:auto;	margin-right:0px;overflow:hidden;}
.mCSB_container{width:auto;	margin-right:7px;overflow:hidden;}
.mCSB_container.mCS_no_scrollbar{margin-right:0;}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mar_right,.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{	margin-right:30px;}
.mCustomScrollBox>.mCSB_scrollTools{width:6px;	height:100%;top:0;right:0;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0; height:auto;}
.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;	width:100%;	height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;height:100%;margin:0 auto;text-align:center;}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:block;position:relative;height:20px;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown{top:100%;margin-top:-40px;}

/* horizontal scrollbar */

.mCSB_horizontal>.mCSB_container{height:auto;margin-right:0;margin-bottom:30px;	overflow:hidden;}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-bottom:0;}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-right:0;margin-bottom:30px;}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{width:100%;height:16px;top:auto;right:auto;	bottom:0;left:0;overflow:hidden;}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{margin:0 20px;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:2px;	margin:7px 0;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{width:30px;height:100%;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{	width:100%;	height:4px;	margin:6px auto;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{display:block;	position:relative;	width:20px;	height:100%;overflow:hidden;margin:0 auto;cursor:pointer;float:left;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{margin-left:-40px;	float:right;}
.mCustomScrollBox{-ms-touch-action:none;}
.mCustomScrollBox>.mCSB_scrollTools{opacity:0.90;filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)";}
.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_draggerRail{background:#ddd;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#5FB8F2; }
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-repeat:no-repeat;opacity:0.9;filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#b6b6b6}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#b6b6b6}
/* selec category sub menulist*/
.marB-5{margin-bottom:5px;}
.sf-menu li{ display:block;}
.sf-menu, .sf-menu * {position: relative;}
.sf-menu li#sf-submenu {position:absolute;left:0px;top:-999em;background: #01B4AD; border:1px solid #079175;padding:1px; /*width:576px*/}
.sf-menu li#sf-submenu ul li:first-child {border-bottom:none;border-top:none;}
.sf-menu li#sf-submenu ul li { float:left; margin:0 1px; display:block; border:none; padding:0;}
.sf-menu li#sf-submenu ul li a strong{display:none;}
.submenu >.list_nav li a{width:180px;padding:5px; font-weight:normal;display:block;color:#4c4c4c; text-align:left;
position:relative;text-decoration:none;}
.submenu >.list_nav li a:hover{color:#eee; background:#4c4c4c;}
.sf-menu li a:hover .d_arr{transform:rotate(180deg);-moz-transform:rotate(180deg); -ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}
.sf-menu li {float:left;position:relative;background: #01B4AD;padding:0px; border:1px solid #079175;}
.sf-menu li > a { padding:4px 8px;width:170px;  border-bottom:1px solid #d3d3d3;display:block; color:#4c4c4c; font-weight:bold;
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );position:relative;text-decoration:none;}
.sf-menu:hover li#sf-submenu {top:28px;z-index:99;}
.ie7 .sf-menu:hover li#sf-submenu {display: block;top: 40px}
.d_arr{ right:7px; top:12px; content:""; position:absolute; width:0; height:0; border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid #4c4c4c;}
.left_side{float:left; width:17%; background:#f7f7f7; height:500px; border-right:1px solid #F1F0F0;} 
.form_section{float:left; width:80.5%; height:auto; margin:0 0 0 2%}
.profile_frame{z-index: 100;position:relative;width:150px; /*background: #F5F5F5;border: 1px solid #f0f0f0; */}
.L-middle{width:70%; margin:0 auto; padding:8% 0 0 0}
.photo{width:100%; position:relative; height:auto; background:#f2f2f2; float:left}
.photo img{max-width:100%; max-height:172px;}
.p_border{float:left; border:1px solid #dadada; padding:8px; background:#fff;}
.A-upload{float:left;  width:100%; }
.ad_text{float:left; width:100%; text-align:center;padding:8px 0px; }
.F-si{font-size:150%; font-weight:bold; color:#5c5e5b}
.up1{float:left; position:relative; width:50%; height:30px; line-height:30px; overflow:hidden; 
background: #a3acb5; font-weight:bold;
background: -moz-linear-gradient(top,  #a3acb5 0%, #9098a3 30%, #68727e 74%, #566270 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3acb5), color-stop(30%,#9098a3), color-stop(74%,#68727e), color-stop(100%,#566270));
background: -webkit-linear-gradient(top,  #a3acb5 0%,#9098a3 30%,#68727e 74%,#566270 100%);
background: -o-linear-gradient(top,  #a3acb5 0%,#9098a3 30%,#68727e 74%,#566270 100%);
background: -ms-linear-gradient(top,  #a3acb5 0%,#9098a3 30%,#68727e 74%,#566270 100%);
background: linear-gradient(to bottom,  #a3acb5 0%,#9098a3 30%,#68727e 74%,#566270 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3acb5', endColorstr='#566270',GradientType=0 );
color:#fff; border-radius:4px;border-bottom:2px solid #cfd1d0;cursor: pointer;}
.submit{float:right; width:48%}
.up2{float:left; width:100%; line-height:29px; height:32px;
background: #a3acb5; font-weight:bold;
background: -moz-linear-gradient(top,  #a3acb5 0%, #9098a3 30%, #68727e 74%, #566270 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3acb5), color-stop(30%,#9098a3), color-stop(74%,#68727e), color-stop(100%,#566270));
background: -webkit-linear-gradient(top,  #a3acb5 0%,#9098a3 30%,#68727e 74%,#566270 100%);
background: -o-linear-gradient(top,  #a3acb5 0%,#9098a3 30%,#68727e 74%,#566270 100%);
background: -ms-linear-gradient(top,  #a3acb5 0%,#9098a3 30%,#68727e 74%,#566270 100%);
background: linear-gradient(to bottom,  #a3acb5 0%,#9098a3 30%,#68727e 74%,#566270 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3acb5', endColorstr='#566270',GradientType=0 );
color:#fff; border-radius:4px;border:0px;border-bottom:2px solid #cfd1d0;cursor: pointer;}

.upload_but{position:absolute;width:100%; left:0px; height:30px;opacity:0;
	filter: alpha(opacity = 0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=0);cursor: pointer;}
.bot_text{width: 100%;text-align: center;float: left;padding: 10px 0 0 0;color: #596573;font-size: 12px;display: block;}

.edit a,.delete a,.view a,.disable a,.enable a,.add a,.print a,.pdf a,.word a,.excel a,.attach a,.upload a,.graph a,.gall-view a,.denied a,.calendar a,.download a,.downloadzip a,.forward_s a,.save a,.reset a,.subtution a,.reassign a,.asign a,.publish a,.unpublish a,.apply a,.p_ty a,.genert a,.flag a,
.allot a,.reserve a,.vacate a,.transfer a,.tem_edit a,


{width:100%; height:100%; display:block; position:absolute;}
.edit,.delete,.view,.disable,.enable,.gall-view,.add,.print,.pdf,.word,.excel,.attach,.upload,.graph,.p_ty,.allot,.reserve,.vacate,.transfer,.setting,.calendar,.download,.downloadzip,.save,.reset,.reassign,.forward_s,.subtution,.asign,.publish,.unpublish,.apply,.flag,.genert,.summary,.grid-ic,.chart,.sent,.reset-p,.hr-view,
.tem_edit,.denied
{display:inline-block; width:20px; height:20px; margin:0 3px 0 3px; cursor:pointer; position:relative;border: none;-webkit-border-radius:5px;
-moz-border-radius:5px;border-radius:5px;
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.8),0 0px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0px 0 rgba(255,255,255,0.8),0 0px 3px rgba(0,0,0,0.3);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.8),0 0px 3px rgba(0, 0, 0, 0.3);
background-color: #fff }
.reserve{}
.allot{background-position: -280px -19px;}
.vacate{}
.transfer{}
.denied{background-position: -480px -21px;}
.tem_edit{background-position: -820px -134px; }
.setting{background-position: -840px -41px;}
.reset-p{background-position: -240px -20px; }
.hr-view{background-position: -889px -104px;}
.sent{background-position: -400px -81px; }
.chart{background-position:-500px -100px;}
.grid-ic{background-position:0px -80px;}
.summary{background-position:-80px -100px;}
.forward_s{background-position: -720px -60px;}
.subtution{background-position:-940px -80px; }
.flag{background-position: -140px -1px;}
.edit{background-position: -841px -81px;}
.genert{background-position: -841px -40px;}
.delete{background-position: -21px -1px;}
.disable{background-position: -721px -102px;} 
.view{background-position: -940px -60px; }
.add{background-position: -745px -101px;}
.print{background-position: -360px -62px;}
.pdf{background-position:-120px -100px}
.word{background-position: -162px -100px; }
.excel{background-position: -240px -99px}
.attach{background-position: -61px -21px;}
.upload{background-position: -981px -1px;}
.graph{background-position: -501px -102px;}
.calendar{background-position: -721px -23px; }
.download{background-position: 0px -20px}
.downloadzip{background-position: 0px -20px}
.reassign{background-position: -961px -60px; }
.asign{background-position: -501px -40px; }
.publish{background-position: -280px 0px; }
.unpublish{background-position: -100px -60px; }
.gall-view{background-position:-860px -104px; }
.icon_f{display:inline-block; width:20px; height:20px; margin:0 3px 0 3px; cursor:pointer; }
.apply{background-position: -721px -101px; }
.single_c{background-position: -217px -227px; }
.two_c{background-position: -247px -226px;}
.three_c{background-position: -276px -227px; 
 }
.st_c{background-position: -329px -227px;  }
.s_two_c{background-position: -303px -227px;}
.s_tree_c{background-position: -353px -228px;}

.fee{background-position: -859px -20px;}
.assets{background-position: -521px -101px;}
.placement{background-position: -888px -104px;}
.approval{background-position: -720px -101px;}
.emagazine{background-position: -760px -1px; }
.accounts{background-position: -400px -21px; }
.poll{background-position: -42px -81px;}
.reason{background-position: -793px -287px; }
.substitution{background-position: -640px -40px; }
.library{background-position: -360px 0px;}
.qb{background-position: -769px -289px;}
.security{background-position: -220px -20px; }
.projectmanagement{background-position: -1px -82px;}
.todolist{background-position: -81px -81px;  }
.livechat{background-position: -561px -83px; }
.docs{background-position: -83px -100px; }
.idcard{background-position: -760px -1px;}
.healthcare{background-position: -828px -290px; }
.counselling {background-position: -760px -42px; }
.scholorship {background-position: -859px -20px;}
.studentloan {background-position: -862px -293px; }
.network {background-position: -879px 0px;}

.spriteimg.paynow:after{ position:absolute; content:"Pay Now"; left:2px; top:2px;}
.spriteimg.paynow:hover{box-shadow:inset 0px 0px 10px rgba(0,0,0,.3);}
.spriteimg.paynow {
    background: #e274a3 none repeat scroll 0 0;
    border: 1px solid #d86c9a;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    padding: 0px 2px;
}

.a_center .various3 {
    position: relative;
    top: 3px;
}
.paynow {
    background-position:-17px -243px;
    display: inline-block;
    height: 22px;
    position: relative;
    width: 62px;
	-webkit-border-radius:3px;
-moz-border-radius:3px;border-radius:3px;
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.8),0 0px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0px 0 rgba(255,255,255,0.8),0 0px 3px rgba(0,0,0,0.3);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.8),0 0px 3px rgba(0, 0, 0, 0.3);
}

.nvoice_payment {
    margin:40px auto 0;
    width: 750px;
	
}
.nvoice_payment table{ border:1px solid #666}
.nvoice_payment table td {
    border: 1px solid #666; padding:3px 7px;
}
.nvoice_payment table tr:first-child td {
    background:#266b8e none repeat scroll 0 0;
    padding: 5px;border-right:1px solid #cccccc;
}
.nvoice_payment table tr:first-child td strong{ color:#fff}
.nvoice_payment table tr:last-child td strong{ color:#fff}
.nvoice_payment table tr:last-child td {
    background:#266b8e none repeat scroll 0 0;
    padding: 5px; border-right:1px solid #cccccc;
}
/*form*/
.form_input{width:700px; float:left; background:#FAFAFA; padding:10px 0 20px 0; height:auto; }
.d2_input li span{padding:0px;}
#form_in li{padding:10px;}
#form_in span{display:block; padding:3px}
.input_j{width:385px; padding:5px 10px; border:1px solid #cacecf;}

#flip-scroll {
position: relative;
border-spacing: 0;
border:1px solid #ccc;
width: 100%;}
#flip-scroll th{padding:10px 4px; font-size:13px; text-align:left;background:#189BA2;
border-right: 1px solid #127F7B;color: #FFF;font-weight:normal;text-transform: capitalize;word-wrap: break-word;
border-bottom: 1px solid #127F7B;border-top: 1px solid #127F7B;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);-moz-text-shadow: 1px 1px 2px rgba(0,0,0, 0.3);
-webkit-text-shadow: 1px 1px 2px rgba(0,0,0, 0.3);}
#flip-scroll td{padding:8px 4px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}


/*checbox*/

.custom-checkbox{position: relative;display: inline-block; margin:1px 5px 0 0}
.ie8 .custom-checkbox {zoom: 1;}
.custom-checkbox >.box {position: relative;display: block;width:17px;height:17px;background-position: -118px -134px;}
.custom-checkbox >.box >.tick {position: absolute;left:0px;top:0px;width: 17px;height:17px; background-position: -139px -134px;display: none;}
.oldie .custom-checkbox >.box >.tick {left:0px;top: 0px;zoom: 1;}
.custom-checkbox > input:checked+.box >.tick {display:block; }
.custom-checkbox.checked > .box > .tick {display: block;}
.custom-checkbox > input {position: absolute; outline: none;left: 0;top: 0;padding: 0;width: 17px;height: 17px;border: none;margin: 0;opacity: 0;z-index: 1;}
.ie7 .custom-checkbox > input {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.ie8 .custom-checkbox > input {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";}

  
  /*Radio button*/
   
.custom-radio{position: relative;display: inline-block; margin:0 3px 0 0}
.ie8 .custom-radio {zoom: 1;}
.custom-radio >.box { position: relative; display: block; width:18px; height:18px;background-position: -167px -133px;}
.custom-radio >.box >.tick {position: absolute;left:0px;top:0px;width: 18px;height:18px;background-position: -187px -133px;display: none;}
.oldie .custom-radio >.box >.tick {left:0px;top: 0px;zoom: 1;}
.custom-radio > input:checked+.box >.tick {display:block;}
.custom-radio.checked > .box > .tick {display: block;}
.custom-radio > input {position: absolute;outline: none; left: 0;top: 0;padding: 0;width: 18px;height: 18px;border: none; margin: 0;opacity: 0;z-index: 1;}
.ie7 .custom-radio > input {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.ie8 .custom-radio > input { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";}


#s_form{display:none}
.form_h{float:left; width:100%; padding:20px 0 0px 0}
.Add_form{float:left; width:90%; padding:0 0 0 20px; margin:0 0 2px 0;-moz-box-shadow: inset 0 0 1px #888;-ms-box-shadow: inset 0 0 1px #888;	-webkit-box-shadow: inset 0 0 1px #888;box-shadow: inset 0 0 1px #888;background-color:#FCFCFC}
.d_input li{width:30%; float:left}
.date_input{ padding:5px;border-radius:3px; 
 -wibkit-border-radius:3px; -moz-border-radius:3px;-ms-border-radius:3px; transition:all 0.1s ease-out;
-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;
border:1px #C5C5C5 solid;background:#fff;box-shadow: 0px 0px 3px rgba(0,0,0,0.1), 0 10px 15px #eee inset;}
.date_input:focus{background:#fff;border:1px #a3a4a4 solid;}
.c_box{display:inline-block; margin:5px 10px 0 0}
.textB_input{ padding:5px;
 transition:all 0.1s ease-out;
-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;
border:1px #C5C5C5 solid;background:#fff;box-shadow: 0px 0px 3px rgba(0,0,0,0.1), 0 10px 15px #eee inset;}
.textB_input:focus,textarea:focus{background:#fff;border:1px #a3a4a4 solid;box-shadow:none}
.list_forminput select{ padding:5px;border-radius:3px;-wibkit-border-radius:3px; -moz-border-radius:3px;-ms-border-radius:3px; transition:all 0.1s ease-out;
-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;
border:1px #C5C5C5 solid;background:#fff;box-shadow: 0px 0px 3px rgba(0,0,0,0.1), 0 10px 15px #eee inset;}
.list_forminput li{display:block; width:100%; padding:4px 0px; position:relative; clear:both}
.list_forminput li span{display:inline-block; float:left; width:200px; padding:7px 0; font-weight:bold; color:#4c4c4c}
.list_forminput li h3{width:50%;padding:5px 0px; font-size:1.2em; color:#676767; font-family:'bebas_neueregular'; border-bottom:1px  dotted #ccc; margin:0 0 10px 0}
.d_input li span{padding:3px;}
.pad_list li{padding:3px; display:block;border:none; border-top:1px solid #ddd }
.pad_list li:first-child{border-left:none;}
.d2_input li{float:left; width:25%;}
.photo_adimg{ z-index:100;position: absolute; right:10px; width:200px;background:#F5F5F5; border:1px solid #f0f0f0}
.form_content{ float:left;width:100%;}

/* upload form*/
.form_inpt{display:block; float:left; margin:0 0 5px 0; position:relative;}
.f_float{float:left; width:40%;}
.grid-40{width:40%;}
.grid-45{width:45%;}
.form_inpt input[type="file"]{z-index: 999;line-height: 0;width:80px;height:35px;  position: absolute;opacity: 0;-
    filter: alpha(opacity = 0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=0);cursor: pointer;margin:0;padding:0;right:-5px; top:0}

.add-photo-btn{left:-2px;overflow:hidden; cursor:pointer;color:#fff;display:block; width:65px; text-align:center;
 height:31px;line-height:30px; float:left;background: rgb(165,184,211);
background: #49c0f0;
background: -moz-linear-gradient(top,  #49c0f0 0%, #2cafe3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49c0f0), color-stop(100%,#2cafe3));
background: -webkit-linear-gradient(top,  #49c0f0 0%,#2cafe3 100%);
background: -o-linear-gradient(top,  #49c0f0 0%,#2cafe3 100%);
background: -ms-linear-gradient(top,  #49c0f0 0%,#2cafe3 100%);
background: linear-gradient(to bottom,  #49c0f0 0%,#2cafe3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 );
}
.form_inpt input[type="text"]{padding:0 0 0 10px;height:29px;float:left; width:165px;}
.addbutton{-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.3);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.3);
padding:4px 8px;font-size:0.9em; font-weight:bold;color:#616161;border:1px solid #fcfff4;background: #cdeb8e;
background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );}
.del_but{ float:right;
-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.3);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.3);
padding:4px 8px;font-size:0.8em; font-weight:bold;color:#fff;border:1px solid #fcfff4;background: #d8684b;
background: -moz-linear-gradient(top,  #d8684b 0%, #cc0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8684b), color-stop(100%,#cc0000));
background: -webkit-linear-gradient(top,  #d8684b 0%,#cc0000 100%);
background: -o-linear-gradient(top,  #d8684b 0%,#cc0000 100%);
background: -ms-linear-gradient(top,  #d8684b 0%,#cc0000 100%);
background: linear-gradient(to bottom,  #d8684b 0%,#cc0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8684b', endColorstr='#cc0000',GradientType=0 );}
.del_but:hover{border:1px solid #ccc;}
.addbutton:hover{border:1px solid #ccc;}
.s_button{	border:1px solid #4AD4EE; color:#fff;font-weight:bold; padding:5px 20px; 
color: #7E5D7C;border: 1px solid #CD93C6;
background-image: -moz-linear-gradient(#e9c4e3, #d798d1);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D798D1), to(#E9C4E3));
background-image: -webkit-linear-gradient(#E9C4E3, #D798D1);
background-image: -o-linear-gradient(#e9c4e3, #d798d1);
box-shadow: inset 0px 0px 2px #FFF;-o-box-shadow: inset 0px 0px 2px #fff;-webkit-box-shadow: inset 0px 0px 2px #FFF;
-moz-box-shadow: inset 0px 0px 2px #fff;background-color: #D798D1;  -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
  -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
  -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
  transition: background-color .2s ease-in-out, transform .1s ease-in-out;
border-radius:3px;-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;-ms-border-radius:3px;	cursor:pointer}
.s_button:active,.s_button:hover {color:#646464; -webkit-box-shadow:    0 1px 0 #c47bbd; -moz-box-shadow: 0 1px 0 #c47bbd; box-shadow:    0 1px 0 #c47bbd;}
.middle_but{margin:0 auto; width:40%}
.form_container{behavior:url(../boxsizing.htc);float:left; width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}

 input[type=button].marr5{ margin-right:5px }
.marr5{ margin-right:5px }
.marl5,input[type=button].marl5{ margin-left:5px }

/*accoridion tab_menu*/

#nav{width:auto;}
#nav > li{background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); 
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); margin-bottom:4px;}
#nav > li > a h3{border:1px solid #ddd; margin:0}
#nav > li > a {background:url(../images/plus.gif) no-repeat 7px center ;display: block; padding: 6px 0 6px 30px;font-size:13px;font-weight: bold;color:#3F3F3F;  text-decoration: none;
;-moz-box-shadow: 0 1px 0 #9a9a9a;-webkit-box-shadow: 0 1px 0 #9A9A9A;box-shadow: 0 1px 0 #9A9A9A;
text-shadow: 0 1px 0 #FFF; position:relative;z-index:0;
text-shadow: 0 1px #FFF;border: 1px solid #DFDFDF;}
#nav > li > a.open{background:url(../images/plus-active.gif) no-repeat 7px center ;}
#nav > li > a:before{content: '';position: absolute;z-index:-1;border: 1px dashed #CCC;top: 3px;bottom: 3px;left: 3px;right: 3px;
-moz-box-shadow: 0 0 0 1px #fff;-webkit-box-shadow: 0 0 0 1px #FFF;box-shadow: 0 0 0 1px #FFF;}
.arrow label{padding:0 ;}
#nav li ul { display: none; background:#fff }
#nav li ul li a {display: block;padding: 5px 0px;padding-left: 30px;font-size: 13px;text-decoration: none;background-image:url(images/chevron_red.png);
	color:#a09400;background-repeat: no-repeat;background-position: right center;background-color:#FC0;}
	
#nav li ul li a:before{position:absolute; width:30px; height:20px; content:"\2261"; color:#4c4c4c; font-weight:bold; font-size:20px; left:15px}
#nav li:hover {background:#fff;color:#333;  }
#nav  ul li p{padding:4px 20px; margin:0px;}
#nav  ul li{padding:0px 10px; border-bottom:3px solid #fff; background:#fafafa}
#nav  ul li:first-child{padding-top:5px;}
#nav li #nav1 li a {background: #A7FCED;border: 1px solid #72E6D1;display: block;color: #626262;font-weight: bold;}
#nav li > #nav1 li ul{border:1px solid #d7d7d7}
#nav li > #nav1 li ul li{padding:8px 5px; border-bottom:1px solid #d7d7d7; background:#fff}
.in_listed{ display:inline-block; padding:3px 5px;}

/*E-templates*/

.E-template li{float:left; display:block; padding:5px;  margin:0px 2px 20px 2px;  position:relative; border:1px solid #fff; overflow:hidden; transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;}
.E-template li a{float:left; display:block; position:relative; width:250px; overflow:hidden;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.E-template li img{width:100%; max-width:100%; display:block;}
.E-template li:hover{border:1px solid #3CF; box-shadow:0px 0px 5px rgba(0,0,0, 0.6);}
.hover_ele{-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;width:250px; height:100%; position:absolute; z-index:100; left:-250px; display:block; color:#fff; text-align:center; font-size:20px; font-weight:bold; padding:50% 0 0 0; background:#0AC2C2; opacity:0.5; top:0px; }
.E-template li a:hover .hover_ele{left:0px; top:0px;}


/* Pagenation */

.pagination{ margin:20px 0}
.pagination li{display:block; position:relative; float:left}
.pagination li a{ display:block;background: #f8f8f8;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: linear-gradient(to bottom,  #f8f8f8 0%,#e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e9e9e9',GradientType=0 );
display: inline-block;padding: 0px 9px;margin-right: 4px;border-radius: 3px;border: solid 1px #C0C0C0;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 3px rgba(0, 0, 0, 0.1);
font-size: .875em;font-weight: bold;text-decoration: none;color: #717171;text-shadow: 0px 1px 0px #FFF;}
.pagination li.active2,.pagination li a.active, .pagination li a:hover{box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
color: #F0F0F0; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); color: #4C4C4C; background: #3CF;}

.page { display: inline-block;padding: 0px 9px;  margin-right: 4px; border-radius: 3px;border: solid 1px #c0c0c0; background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size: .875em; font-weight: bold; text-decoration: none; color: #717171; text-shadow: 0px 1px 0px rgba(255,255,255, 1);}
.page.gradient:hover {box-shadow: inset 0px 0px 8px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .8); color: #f0f0f0; text-shadow: 0px 0px 3px rgba(0,0,0, .3); color:#4c4c4c; background:#3CF}

.pagination li.page.active { box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8); color: #F0F0F0; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); color: #4C4C4C; background: #3CF; }

.fotter-ml{ margin-left:16%}
.header_listed_data{clear:both;}
.page_play{float:left; width:100%; padding:0 0 10px 0}
.pageselect{float:right; margin:0 10px 0 0 0;}
.select-c{width:100px; border:1px solid #ccc}
.right{float:right}
.r-mar{margin: 0 10px 0 0;}
.s_page{margin:0 10px;}
.s_page span{padding:5px 0 0 0;}
.s_page select{padding:2px; border:1px solid #ccc;  }
.drag-min{min-height:35px; width:80px; border:1px solid #ccc; position:relative; overflow:hidden}
.drag-min ul{position:absolute;width:100%; height:100%;}

/* create Section*/
span{display:inline-block;}
.create_inp li input[type=text]{width:40px; padding:5px;}
.create_l{position:relative; display:block; width:56px;}
.delete_icn{ cursor:pointer;display:block; top:0px; right:0px; position:absolute; width:12px; height:12px;background-position: -139px -174px;}
.sec_p{padding:0 0 0 5px;}
.add_icon{width:20px; height:20px;background-position: -169px -172px; cursor:pointer; display:inline-block}
.Del_icon{width:20px; height:20px;background-position: -193px -172px; cursor:pointer;display:inline-block}

.a_center{ text-align:center!important}

/* form style*/

.f_grid1{width:500px; float:left; background:#f7f7f7; padding:15px; border:1px solid #ddd;}
.i-style{padding:4px 5px; transition:all 0.1s ease-out;
-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;
border:1px #BDBDBD solid;background:#fff;box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;}
.list_formgrid li{padding:8px 0; display:block; float:left; margin:0 20px 0 0}
.list_formgrid p{padding:0; margin:3px 0 0 0; font-weight:normal; font-style: italic}
.list_formgrid li input[type=text]{width:200px;}
.list_formgrid li select{width:215px;}
.list_formgrid li strong{color:#C00; font-size:1.3em}
.list_formgrid li textarea{width:320px; height:80px;padding:7px;border-radius:3px;  -wibkit-border-radius:3px; -moz-border-radius:3px;-ms-border-radius:3px; transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;border:1px #C5C5C5 solid;background:#fff;box-shadow: 0px 0px 3px rgba(0,0,0,0.1), 0 10px 15px #eee inset;}
.list_formgrid li span{display:inline-block; float:left; width:220px; padding:4px 0; font-weight:bold; color:#4c4c4c}
.list_formgrid select{ padding:5px;border-radius:3px;-wibkit-border-radius:3px; -moz-border-radius:3px;-ms-border-radius:3px; transition:all 0.1s ease-out;
-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;
border:1px #C5C5C5 solid;background:#fff;box-shadow: 0px 0px 3px rgba(0,0,0,0.1), 0 10px 15px #eee inset;}
.toggle-div{ display:none;float:left; /*width:100%;*/width:100%;clear:both; margin:5px 0 0 0;}
.E-color{background:#E1B10C;}
.header_listed.E-color li{border-right: 1px solid #E1B10C;}
.header_listed.E-color li:last-child{width:160px}
.save{background-position: -820px -104px;}
.reset{background-position: -801px -62px; }
.mar-top{margin:5px 0 0 0}
.p_left{padding:0 0 0 10px; display:inline-block}
.s_list li{float:left; display:block; padding:0 20px 0 0;}

/*template images grid*/
/*E-magazine images grid*/
.gal_adimg{width:150px; padding:5px; background:#f7f7f7; border:1px solid #ddd}
#tempaltegrid{position:relative;float:left;width:100%;padding-bottom: 10px;}
.grid{width:188px;height:185px;padding:15px;background:#fff;margin:8px 8px 8px 0;font-size:12px;float:left;
box-shadow: 0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-transition: top 1s ease, left 1s ease;
-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
.grid strong {border-bottom:1px solid #ccc;margin:0 0 10px 0;display:block;	padding:0 0 5px; color:#636262; font-size:15px}
.grid p {margin:0; padding:0; color:#838181;}
.grid .meta1 { background:#eee; padding:3px 5px; border:1px solid #cfcfcf; margin-top:15px}
.grid .imgholder img{max-width:100%;background:#ccc;display:block; width:100%}
.user_float{ display: inline-block; padding:0 0 0 180px;}
.b-color{background: #006A87; /*margin: 0 0 4px 0;*/ color: #F7F7F7;}


/* subject section */
.left_nav.grid15{width:15%;}
.grid15{width:15%;}
.grid25{width:25%;}
.grid20{width:20%;}

.grid30{width:30%;}


.shell_box,
.left_nav,
.admin_name,
.gr-bg{background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); 
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
border: 1px solid #DDD;-moz-box-shadow: 0 1px 0 #9a9a9a;-webkit-box-shadow: 0 1px 0 #9A9A9A;box-shadow: 0 1px 0 #9A9A9A;
text-shadow: 0 1px 0 #FFF; position:relative;}

.left_nav{ float:left; width:24% !important; height:auto;  min-height:200px;
border: 1px solid #DDD;-moz-box-shadow: 0 1px 0 #9a9a9a;-webkit-box-shadow: 0 1px 0 #9A9A9A;box-shadow: 0 1px 0 #9A9A9A;
text-shadow: 0 1px 0 #FFF;position:relative; z-index:1}
.admin_name:before,
.gr-bg:before,
.left_nav:before{content: '';position: absolute;z-index:-1;border: 1px dashed #CCC;top: 3px;bottom: 3px;left: 3px;right: 3px;
-moz-box-shadow: 0 0 0 1px #fff;-webkit-box-shadow: 0 0 0 1px #FFF;box-shadow: 0 0 0 1px #FFF;}
.top_grid{float:left; position:relative;  padding:0 0 0 2% ; height:40px; width:98%; color:#333; font-size:120%; line-height:40px; font-weight:bold}
.top_grid h3{float:left; padding-left:10px;color: #069EA3;letter-spacing: .3px;}
.xposi{position:absolute; right:2%; top:10px;}
.left{float:left;}
.input-s{padding:5px;}
.input-s input[type=text]{width:70%; padding:5px; border:1px solid #b6b6b6;}
.input-s input[type=button]{ padding:5px 8px; border:1px solid #b6b6b6; position:relative; left:-3px;}
.display-tree{float:left; width:66%; padding:10px 0 0 1%; margin:0 0 0 2%; border:1px solid #ddd;min-height:300px;background:#f7f7f7; height:auto!important}

/* group-batch */

.form_strat{float:left; padding:0px 0px 20px 0px;}
.form_strat li{float:left; width:auto; padding:5px}
.form_strat p{padding:5px 0 0 0; margin:0px; font-weight:normal; font-style: italic}
.form_strat li span{display:block; color:#5F5F5F;}
.form_strat input[type=text],.form_strat input[type=password]{width:auto; padding:4px;transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;border: 1px #BDBDBD solid;background: #fff;
box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;}
.form_strat select{ padding:4px;transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;border: 1px #BDBDBD solid;background: #fff;box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;}
.form_strat input[type=password]:focus,.form_strat input[type=text]:focus{ }
.adminform{ float:left; display:block; padding:0 10px 0 0 ; width:100%}
.form_strat.adminform li{float:left; padding:5px 30px 10px 0px;  display:block;}
.mar_left{margin:0 0 0 10px;}
.add_split{ display:block; width:100%;float:left; padding:0; background:#fff; margin:0 0 5px 0}
.splithead{ display:block; font-size:17px; }
.ovly_screen{ z-index:99999; text-align:center; display:block;width:100%; position:fixed; height:100%; top:0px; left:;px; right:0px; bottom:0px; background:rgba(215,215,215,0.7);}
.loadimg{background-image:url(../images/loading-img.gif); background-repeat:no-repeat; width:103px; height:153px; position:relative;left:47%; top:40%;}
.c_form{width:auto;max-width:700px; margin:150px auto 0 auto; display:block; background:#fff; padding:20px; box-shadow:0px 0px 5px rgba(0,0,0,0.9);}
.c_form h3 {padding: 10px 0px;font-size: 1.8em;color: #676767;font-family: 'bebas_neueregular';border-bottom: 1px dotted #ccc;margin: 0 0 10px 0;}
.close_box{cursor:pointer; position:absolute; right:5px; top:10px; width:20px; text-align: center; padding:1px 0; background:#DA5F5F;color:#fff; font-weight:normal; font-size:11px;-moz-border-radius:100%; border-radius:100%;}
.Q-r{font-size:15px; border-radius:50px; position:absolute;right:5px; top:5px; width:20px;text-align: center;padding:1px 0; color:#fff;font-weight:bold;}
.wrong{ background:#BB502C;}
.correct{background:#690;}

/* lavanya 19/12/2013 */

.D_head{font-size:15px; color:#5E5E5E;font-family:'bebas_neueregular'; font-weight:normal; margin:0 20px 0 0px }
.al_p{padding:6px;}
.al_p5{padding:5px;}
.subject_grid{float:left; width:100%;border-bottom:1px dashed #ddd;}
.subject_grid li{ border-bottom:1px dashed #ddd; display:block; padding:5px 0 0 0; float:left; width:33%;}
#gridGroupHierarchy .display-tree,#groupHierarchy .display-tree{float: left;width:95.5%!important;padding: 10px;margin:1%;border:1px solid #ddd;min-height:300px;background:#f7f7f7;height:auto!important;}
.bg-h{
background: #EAEAEA;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FDFDFD),color-stop(100%,#EAEAEA));
background-image: -webkit-linear-gradient(top,#FDFDFD,#EAEAEA);
background-image: -moz-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: -o-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: linear-gradient(top,#fdfdfd,#eaeaea);
background-image: linear-gradient(top,#fdfdfd,#eaeaea);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 );
text-shadow: 0 1px #FFF;
border-bottom: 1px solid #CDCDCD;
color: #636363;
}
.bg-shadow{ position:relative;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);}
.bg{border-bottom: 1px solid #b2b2b2;background: #f6f6f6;
background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f8f8f8), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 50%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 50%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 50%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 0%,#f8f8f8 50%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );border:1px solid #dfdfdf;}
.display-tree h4{color:#F10505;padding: 15px 0 15px 0;}
.l_text{ box-shadow:0px 0px 4px rgba(0,0,0,0.3); width:100%; float:left; margin:0 auto;padding:5px; background:#fff; font-weight:bold;text-align:center; position:relative; box-sizing:border-box; display:none}
.l_text.gr{color:#1E8F09;border: 1px dashed #8CBB83; display:block}
.l_text.er{color:#C00;border: 1px dashed #DC8D8D}
.l_text.lr{color:#F90;}
.close{position:absolute; top:0px; right:0px; width:15px; height:auto; padding:5px 0; cursor:pointer; background:#C30; color:#fff; font-weight:bold; font-size:8px;}
.grid_t{width:100%; float:left; height:220px; border:1px solid #ddd; background:#fff; overflow:auto; }
.r_margin{margin-right:3%;}
.o_buuton{background:#10a8bf; color:#fff; text-shadow:0px 1px 2px #333; padding:5px 10px; border:1px solid #258992; border-bottom:4px solid #258992 }
.b-pad{padding:0 0 15px 0;}
.h_tag h3{float:left; padding:6px 20px; letter-spacing:1px; font-weight:normal; background:#1FBBEC; color:#fff;text-shadow: 0px 1px 0px #6D6C6C;
-ms-text-shadow: 0px 1px 0px #6D6C6C;-webkit-text-shadow: 0px 1px 0px #6D6C6C;-moz-text-shadow: 0px 1px 0px #6D6C6C;-o-text-shadow: 0px 1px 0px #6D6C6C; }

.text-color{color:#06C; font-weight:bold}
/*ayona*/
.selbox .w_selection {width:250px;}
.selbox ul li input[type=text]{width:245px;}
.r-mar-per{margin-right:2%;}
.b-tmar{margin-top:20px;}
.lh_adjust{line-height:15px;}
.e_ic{float:left; padding:10px 0 0 10px;}
.top_pad{padding-top:5px;}
.tog_box{position:absolute; top:4px; right:3px; width:22px; height:20px; overflow:hidden; padding:2px 0; border:1px solid #ccc; background:#fff; display:block}
.switcher{overflow:hidden; position: absolute; padding:4px 0; background:#EAEAEA; border:1px solid #ddd; right:0px; top:0;}
.switcher .l_arrw{display:inline-block; width:20px; height:20px; margin:0 3px 0 3px; cursor:pointer; }
.switcher .toggle-g{width:120px; margin-right:-120px;transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;}
.toggle-g.show{margin-right:0px;}
/*.l_arrw,.c_arrw{display:inline-block; width:20px; height:20px; margin:0 3px 0 3px; cursor:pointer; }*/
.l_arrw{background-position: -642px -100px;}
.c_arrw{background-position: -622px -100px; }
.batch_form .Sf{display:block; float:left; line-height:28px;}
.batch_form .Ss{ margin-left:100px;}
.main_sdiv{float:left; padding:10px; background:#eee; margin:0 0 15px 0; position:relative;}
.p-bottom{padding-bottom:20px;}
.main_sp{ display:block;padding:5px;float:left;border: 1px dashed #ddd; width:85%}
.main_sp h3 {padding: 10px 0px;color: #059091;border-bottom: 1px dashed #ddd;margin: 0 0 10px 0;}
.tog_box span a{background:none;}
.tog_box span a:hover{background:none;}

/*exam type */

.grid_fld{float:left; width:38%;}
.two_form .head_li{width:100%; padding:8px 0}
/*.two_form li input[type=text]{width:75%;max-width:275px}
.two_form .fullwidth input[type=text]{width:32.5%; max-width:275px}
.two_form .fullwidth select{width:32.5%; max-width:275px}*/

/*.two_form li textarea{width:75%;}

.two_form li select{width:79%;}*/
.in_lable{margin-left:180px;}
.in2_lable{margin-left:118px;}
.in3_lable{margin-left:110px;}
.in2-max{width:140px;}
.f_bold{font-weight:bold;}
.single_form li{display:block; word-break:break-word; float:left; width:100%;/* padding:5px;*/ padding:5px 0px 5px 10px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-ms-box-sizing:border-box}
.two_form li .lable-pad,.single_form li .lable-pad{  word-break:break-word}
.single_form strong{color:#F00;font-size:16px;}
.two_input li input[type=text]{width:60%;}
.two_form strong{color:#F00;font-size:16px;}
.lable-pad{padding:5px 0;}
.two_form li{display: inline-block; width:49%;/*padding:5px 0;*/ padding:5px 0px 5px 10px;word-break:break-word;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-ms-box-sizing:border-box}
.four_form li{display: block;float:left; width:24%;padding:5px 0; word-break:break-word; box-sizing:border-box}

.form_content p{padding:2px 0px; margin:0px; color:#f00;}
.form_content input[type=text],
.form_content input[type=email],
.form_content input[type=date],
.form_content input[type=password]{width:180px;}
.single_form input[type=text],
.single_form input[type=email],
.single_form input[type=date],
.single_form input[type=password]{width:150px;}
.top_searchbox .selectbox_width{width:192px;}
.selectbox_width{width:192px;}
.s_minbox_width{width:100px !important;}
.textarea_width{width:250px; font-size:13px;}
.mant{font-weight:bold; color:#F00; font-size:1.2em;}
.head_sp{ display:block ;padding:0;float:left;border: 1px solid #dedede; width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; box-sizing:border-box; min-height:100px}
#nav > li h3,.accor-h,.head_sp > h3 {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;
width: 100%;position: relative;letter-spacing: 0.2px;padding: 10px 10px;/*left: -4px;*/font-size: 1.5em;color:#E95074;margin: 0 0 5px 0;
font-weight: normal;background: #EAEAEA;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FDFDFD),color-stop(100%,#EAEAEA));
background-image: -webkit-linear-gradient(top,#FDFDFD,#EAEAEA);
background-image: -moz-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: -o-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: linear-gradient(top,#fdfdfd,#eaeaea);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 );
text-shadow: 0 1px #FFF;border-bottom:1px solid #DFDFDF;}
.overflow{overflow:hidden; position:relative}
.margin_top{ margin-top:30px!important;}
.margin_top2{ margin-top:50px;}
.margin_top10{margin-top:10px;}
.radio_box{ background:#eee; border:1px dashed #ddd; padding:3px}
.key_grid{float:left; width:22%; position:relative;}
.key_pad li{float:left; padding:2px 3px; }
.k_button{ padding:3px 7px; width:30px; color:#333; border:1px solid #e5be4b; border-bottom:3px solid #c1971d;background: #ffd65e;
background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04));
background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
background: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 );}
.c_clear{padding: 4px;width: 67px;background: #f9c667;
background: -moz-linear-gradient(top,  #f9c667 0%, #f79621 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621));
background: -webkit-linear-gradient(top,  #f9c667 0%,#f79621 100%);
background: -o-linear-gradient(top,  #f9c667 0%,#f79621 100%);
background: -ms-linear-gradient(top,  #f9c667 0%,#f79621 100%);
background: linear-gradient(to bottom,  #f9c667 0%,#f79621 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
 border:1px solid #ccc}
.s_symbol{background: #ffffff; padding:3px 7px; width:30px; color:#4c4c4c; border:1px solid #ccc; border-bottom:3px solid #ccc;
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.s_symbol:hover{font-weight:bold; color:#333}
.s_symbol:active{-moz-box-shadow:inset 1px 1px 11px #646464;-webkit-box-shadow:inset 1px 1px 11px #646464;box-shadow:inset 1px 1px 11px #646464;}
.k_button:active{-moz-box-shadow:inset 1px 1px 11px #646464;-webkit-box-shadow:inset 1px 1px 11px #646464;
box-shadow:inset 1px 1px 11px #646464;}
.algrithm{padding:0 0 0 50px;}
h3.re_h3{position:relative; margin:-45px 0 0 0;}
.textarea-width{width:150px;}
.smallselec_width{width:40px;}
.down_b{ display:block; padding:5px;}
.centertag{text-align:center;}
.exam_l{float:left; width:100%;}
.min_input{width:40px!important; padding:5px;}
.max_input{width:90%; max-width:350px; padding:5px;}
.top_searchbox p{padding:0 0 8px 0; margin:0;}
.top_searchbox p strong{color: #F00;font-size: 16px;}

.link_flor a{-ms-border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; margin-top:5px; float:right;padding:1px 5px;display:block; color:#eee; background:#444343; text-decoration:none; text-align:right; border:1px solid #ddd;}
.link_flor a:hover{ background:#333;}
.shellwidth{width:47%; border:1px solid #ddd; overflow:hidden;margin:1.2%; min-height:150px;}
.shell_secwidth{width:25%;border:1px solid #ddd; /*overflow:hidden*/;margin:1.2%; min-height:150px}
.shell_thrwidth{width:97%;border-top:1px dashed #ccc;margin:1.2%; height:300px;}
.shell_scr{width:97%;border:1px solid #ddd;margin:1.2%; height:300px;}
.box-size{box-sizing:border-box;}
.middle-box{width:80%; margin:0 auto;}
.margin-top{margin-top:20px;}
.al_margin{margin:.5%;}
 .b_tag{ padding:5px;  text-align:right}
.shell_box{width:31%;position:relative; }
.shell_box:before{content: '';position: absolute;z-index: -1;border:1px dashed #BCBCBC;top: 3px;bottom: 3px;left: 3px;right: 3px;
-moz-box-shadow: 0 0 0 1px #fff;-webkit-box-shadow: 0 0 0 1px #FFF;box-shadow: 0 0 0 1px #FFF;}
.h_100{height:100px;}
.gray_box{width:31%; background: #EEE;
background-image: -moz-linear-gradient(top, #fff, #eee);
background-image: -ms-linear-gradient(top, #fff, #eee);
background-image: -o-linear-gradient( top, #fff, #eee);
background-image: -webkit-linear-gradient(top, #FFF, #EEE);
background-image: linear-gradient(top, #fff, #eee);
border: 1px solid #DDD;-moz-box-shadow: 0 1px 0 #9a9a9a;-webkit-box-shadow: 0 1px 0 #9A9A9A;box-shadow: 0 1px 0 #9A9A9A; z-index:0; position:relative; }
.gray_box:before{content: '';position: absolute;z-index: -1;border: 1px dashed #CCC;top: 3px;bottom: 3px;left: 3px;right: 3px;
-moz-box-shadow: 0 0 0 1px #fff;-webkit-box-shadow: 0 0 0 1px #FFF;box-shadow: 0 0 0 1px #FFF;}
.box-size {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
.level_height{padding-bottom:3000px; margin-bottom:-3000px;}
.middle{width:49%;font-size:12px;color:#646464; min-height:30px; border:1px solid #ddd; }
.max_heightdiv{max-height:350px; }
.name_list{width:100%;}
.name_list li{width:100%; display:block; padding:2px 0; border:0px;}
.name_list li:first-child{border-left:0px;}
.name_list li a{ display:block; text-align:left; color:#4c4c4c;text-decoration:none; padding-left:5px;}
.ul_head dd{float:left; width:48%; text-align:center; font-size:10px; font-weight:bold; color:#646464; }
.min_height{min-height:50px; overflow:hidden; border-bottom:1px solid #D9D7D7}

.S_head{color: #F2F2F2;display: block;padding: 5px;font-weight: bold;background:#0EBFD2; text-shadow:none}
.subject_list li{ position:relative; display:block; width:100% ; padding:5px 0 5px 10px; border-bottom:1px solid #ddd; font-weight:bold;color:#4c4c4c; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
.subject_item li{position:relative; color:#4c4c4c; float:left; border-bottom:1px solid #ddd; font-weight:bold;color:#4c4c4c; display:block;width:100%; padding:5px 0 5px 10px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
/*.subject_list li a{ border-top: 1px solid #E5E5E5; display:block; width:97%; font-weight:bold; padding:5px 0 5px 8px; text-decoration:none; float:left }*/
.draggrid li{float:left; width:100%; display:block; padding:5px 0}
.subject_list li a:active{width:inherit;}
.shellright{width:66%; position:relative}
.scheright{width:75%; position:relative}
.divgrig_sd{width:14%;}
.mar_arround{margin:1.5%}
.grid_sh{width:24%;}
.scroll_hg{height:250px;}
.formgridcolum{width:40%; float:left;border:1px solid #ddd; }
.line_h{line-height:25px;}
.top_searchbox ul li.clear_pad{padding:0px;}
.dot-border{border: 1px dashed #CCC;}
.bottom-dot{border-bottom: 1px dashed #CCC;}
.marginbot{margin-bottom:15px;}
.marginbot30{margin-bottom:30px;}

.single_form2 li{float:left; display:block; clear:both; padding:5px 10px; color:#4c4c4c; font-weight:bold; cursor:move}
.bg_color{background: #f7f7f7;}
.form_line{line-height:30px;}
.drag_point .d_display {display:none;}
.drag_point i{display:none;}
.black_overlay{display: none;position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: black;
z-index:1001;-moz-opacity: 0.8;	opacity:.80;filter:alpha(opacity=80);position:fixed;}
.white_content {display: none;position: absolute;top: 25%;left: 20%;height: auto;padding: 16px;
background-color: white;z-index:2000;overflow: auto;}
.drag_point li{padding:5px; color:#4c4c4c;  font-weight:bold; border-bottom:1px solid #e8e8e8; display:block; float:left; width:100%; box-sizing:border-box}
.drag li{ cursor:move; }
.drag li:active{ cursor:move; border:1px dashed #ccc}
.drop{ float:left;min-height:30px; width:100%; display:block; clear:both}
.dragcon li{padding:4px; background:#C90; display:inline-block; margin:5px; width:auto; float:left;border: 1px solid #5CC9E8;
background: #9FE7F2; color:#2D2B2B}
/*button for save and cancel*/
.b-tmar .s_button,
.button_sc{border:1px solid #8a66f4; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 7px 20px; text-decoration:none; display:inline-block;box-shadow: inset 0px 0px 2px #FFF; margin:0 0 0 10px!important;
-o-box-shadow: inset 0px 0px 2px #fff;
-webkit-box-shadow: inset 0px 0px 2px #FFF;
-moz-box-shadow: inset 0px 0px 2px #fff;font-weight:bold; color: #FFFFFF;
 background: #7A64BA;
  cursor:pointer}
.button_sc:hover{ border:1px solid #693bf1;
 background-color: #8e6af5; background-image: -webkit-gradient(linear, left top, left bottom, from(#8e6af5), to(#6d47e7));
 background-image: -webkit-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: -moz-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: -ms-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: -o-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: linear-gradient(to bottom, #8e6af5, #6d47e7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8e6af5, endColorstr=#6d47e7);}

/*table*/

input[type=button]:active{position:relative; top:1px; transition:all .2s ease-out;-moz-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-ms-transition:all .2s ease-outs}
#table-example-1 { width:100%; border-collapse: collapse; }
#table-example-1 caption { padding-bottom: 0.5em; }
#table-example-1 th{background: #189BA2;
padding: 8px;
border-right: 1px solid #127F7B;
color: #FFF;
font-weight: bold;
text-transform: capitalize;
word-wrap: break-word;
border-bottom:1px solid #0A7064;
border-top: 1px solid #0A7064;
text-align: left;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
-moz-text-shadow: 1px 1px 2px rgba(0,0,0, 0.3);
-webkit-text-shadow: 1px 1px 2px rgba(0,0,0, 0.3);
} 
#table-example-1 td { border: solid thin #f7f7f7; padding:5px;}
#table-example-1 td {white-space: nowrap;}
#table-example-1 .td_left{text-align:left;}
#table-example-1 td { border-style: none solid; vertical-align: middle; text-align:left }
#table-example-1 tbody td:first-child::after { content: leader(". ");}

#table-top-1 th{padding:10px 5px;  vertical-align: middle; text-align: center;background: #C1F3F9; font-weight:bold; color:#4c4c4c ;border-left: solid 1px #0A7064;  }

/*drag content*/

.sem-list span,.sem-list input{ display:none}
.drag_list input[type=text]{margin:0 10px; float:right}
.drag_list b{display: inline-block;padding-top: 3px;}
#list1 li:active{border:none;}
#list1 li a{cursor:move;}
.drag_list:active{ background-color:white; border:dashed 1px gray; }
.list_dr li{width:100%; display:block; border:none}
/*grid layout*/
.scroll-p{height:300px;  }

.min_heightdiv{min-height:300px; }
.grid_column1{width:100%; float:left;}
.grid_column2{width:50%;float:left;}
.grid_colun2{width:100%;float:left;}
.column3-mar{margin-right:1%;}
.grid_column3{width:33%;float:left;}
.grid_column3s{width:33.25%;float:left;}
.grid_row1{float:left; width:100%; marigin-bottom:30px; padding:10px 0;}
.grid_left{width:23%;}
.two_lable{margin-left:140px;}
ul .fullwidth{width:100%}
.fullwidth.top_grid {line-height: 50px;}
.fullwidth.top_grid h3{padding-left:0px; line-height: inherit;}
.sub_gridlist { width:100%; display:table; table-layout:fixed; margin-top:-1px;}
.dd-bg{background:#189ba2; color:#eee}
.color_e{background:#990;}
.ar_pad2{padding:7px;}
.ar_pad1{padding:10px;}
.f_pad{padding:6px 0px;}
.sub_gridlist dd{display:table-cell;text-align:center; padding:8px 0px;font-weight:bold;text-transform: capitalize;word-wrap: break-word;border:1px solid #dfdfdf; }
.grid_5c{width:17%;}
.dragdiv{width:80%;}
.grid_80{width:80%;}
.grid_70{width:70%;}
/*.dragcon .drag_p{padding:6px;}
.dragcon .topbottom-m{ margin:5px 0px;}
.dragcon .b-dotted{border:1px  dotted #ccc;}
.dragcon .dbg{ background:#6EE9EE}*/
.position{position:relative; overflow:hidden;}
.s_text{color:#4c4c4c; padding:5px;}
.bottom-solid{border-bottom:1px solid #ccc;}
.levelheight{ float:left;padding-bottom:3000px; margin-bottom:-3000px;  border-right:1px  solid #ccc}
.drag_content{width: 80%;float: left;padding: 0 0 0 10px;}
.drag_content ul{float:left; }
.div200,.template_img{width:200px;}
.template_img img{width:100%; max-width:100%; display:block;}
.Title-form{padding: 5px 0px;font-size: 1.2em;color: #676767;font-family: 'bebas_neueregular';border-bottom: 1px dashed #CCC;margin: 0 0 10px 0;}
.top_menud li{display:block; position:relative; border-bottom:1px solid #ccc}
.top_menud li a{ font-size:14px;display:block;padding:10px; text-decoration:none; text-shadow:none; color:#4c4c4c; }
.top_menud li a:hover{background:#06B8DB; color:#fff}
.top_menud li a.activeQ{background: #06B8DB; color:#fff}
.top_menud li a.activeQ:before{content: "♦";position: absolute;color: #06B8DB;right: -10px;font-size: 40px;}
.left_nav .top_menud li a.activeQ:before{content: "";position: absolute;color: #06B8DB;right: -10px;font-size: 40px;}
.divcenter{ margin:0 auto;}
.solidborder{border:1px solid #dfdfdf;}
.solidborder.al_margin{ margin:0}
.tr_inp{width:140px;}
.tr_sel{width:150px;}
.c_text {float:left; width:100%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}

/*Horizontal Tab */
.H-tab{float:left; width:100%;background:#60686A;}
.H-tab li{float:left; display:block; position:relative; }
.H-tab li a{display:block;padding:12px 25px 12px 35px; color:#fff; text-decoration:none;font-weight:bold;}
.H-tab li a.activeQ{background: #ff9a00; color:#262B3B; text-shadow:none;}
.H-tab li a:before{position: absolute;
content: "";top: 0;color: #464646;right: -20px;z-index: 2;font-weight: bold;font-size: 35px;border-top: 22px solid rgba(0, 0, 0, 0);
border-bottom: 21px solid rgba(0, 0, 0, 0);border-left: 20px solid #60686A; }
 .H-tab li a:after{position: absolute;
content: "";top: 0;color: #464646;right: -21px;z-index: 1;font-weight: bold;font-size: 35px;
border-top: 22px solid rgba(0, 0, 0, 0);border-bottom: 21px solid rgba(0, 0, 0, 0);border-left:20px solid #424242; }
.H-tab li a.activeQ:before{position: absolute;
content: "";top: 0;color: #464646;right: -20px;z-index: 2;font-weight: bold;font-size: 35px;border-top: 22px solid rgba(0, 0, 0, 0);
border-bottom: 21px solid rgba(0, 0, 0, 0);border-left:20px solid #ff9a00; }
.drag-min{min-height:30px; width:80px; border:1px solid #ccc;}
.drag-min2{width:99%;min-height:30px; position:relative;}
.drag-min2 ul{width:100%; position: relative; min-height:20px; top:0px; left:0px}
.drag-min2 li{float:left; width:100%; display:block; text-align:left; border-bottom:1px solid #fff; padding:0 0 0 5px; box-sizing:border-box;-moz-box-sizing:border-box;webkit-box-sizing:border-box; background:#FFE1B1; position:relative}
.drag-min2 .drag_list{width:90%;}
.d_display .delete_icn{display:none;}
.driple_form li{float:left; width:33%; padding:5px 0}
.driple_form li input[type=text],
.driple_form li input[type=password]{width:80%;}
.driple_form li select{width:85%;}
.driple_form li .in_lable{margin-left:140px;}

/*tab menu */

.tab_menu ul{float:left; width:100%;background: #e8e8e8;border: 1px solid #CDCDCD; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;
background: #EAEAEA;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FDFDFD),color-stop(100%,#EAEAEA));
background-image: -webkit-linear-gradient(top,#FDFDFD,#EAEAEA);
background-image: -moz-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: -o-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: linear-gradient(top,#fdfdfd,#eaeaea);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=1 ); }
.tab_menu li{float:left; display:block; position:relative; border-left:1px  solid #ddd;border-right:1px  solid #fff;border-radius:0px 0px 0 0;}
.tab_menu li a{display: block;padding: 14px 0px 10px 0px;text-decoration: none;color: #4C4C4C;font-size: 14px;width: 140px;text-align: center; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.r_c{position:absolute; width:20px; height:20px; text-align:center; font-weight:bold;color: #ABABAB; left:44%; border-radius:50px; top:-9px;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.autotab li a{width:auto; padding:15px ;}
.tab_menu li:before{}
.tab_menu li a:hover{background: #06d1e8;
background: -moz-linear-gradient(top,  #06d1e8 0%, #05abe0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06d1e8), color-stop(100%,#05abe0));
background: -webkit-linear-gradient(top,  #06d1e8 0%,#05abe0 100%);
background: -o-linear-gradient(top,  #06d1e8 0%,#05abe0 100%);
background: -ms-linear-gradient(top,  #06d1e8 0%,#05abe0 100%);
background: linear-gradient(to bottom,  #06d1e8 0%,#05abe0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06d1e8', endColorstr='#05abe0',GradientType=0 );
color:#fff;}
.r_cadd,.tab_menu li:hover .r_c{background: #7d7e7d;
background: -moz-linear-gradient(top,  #7d7e7d 0%, #262626 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#262626));
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#262626 100%);
background: -o-linear-gradient(top,  #7d7e7d 0%,#262626 100%);
background: -ms-linear-gradient(top,  #7d7e7d 0%,#262626 100%);
background: linear-gradient(to bottom,  #7d7e7d 0%,#262626 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#262626',GradientType=0 );
color:#eee}
.tab_menu li .activeQ{background: #06d1e8;
background: -moz-linear-gradient(top,  #06d1e8 0%, #05abe0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06d1e8), color-stop(100%,#05abe0));
background: -webkit-linear-gradient(top,  #06d1e8 0%,#05abe0 100%);
background: -o-linear-gradient(top,  #06d1e8 0%,#05abe0 100%);
background: -ms-linear-gradient(top,  #06d1e8 0%,#05abe0 100%);
background: linear-gradient(to bottom,  #06d1e8 0%,#05abe0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06d1e8', endColorstr='#05abe0',GradientType=0 );
color:#fff;}
.tab_menu li .activeQ:before{position: absolute;content: "";bottom: -3px;color: #fff;left: 42%;font-weight: bold;font-size: 35px;margin: 0 auto;
border-left:10px solid transparent; border-right:10px solid transparent;border-bottom:10px solid #fff;width:0; height:0;}

/* Sub Tab*/
.sub-tab ul{float:left;width:100%; background:#40474A ; }
.sub-tab ul li{float:left; display:block; position:relative}
.sub-tab ul li a{color:#E8BA19; display:block; text-align:center;border-left:1px solid #31373A;width:120px;padding:8px 3px;}
.sub-tab ul li a.activeQ,.sub-tab ul li a:hover{background:#22292c; color:#fff;}
.tb-pad{padding:6px 0;}


/*tab menu */
.tab_nav{width:100%; float:left;background: #e8e8e8;border: 1px solid #CDCDCD; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;
background: #EAEAEA;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FDFDFD),color-stop(100%,#EAEAEA));
background-image: -webkit-linear-gradient(top,#FDFDFD,#EAEAEA);
background-image: -moz-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: -o-linear-gradient(top,#fdfdfd,#eaeaea);
background-image: linear-gradient(top,#fdfdfd,#eaeaea);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=1 ); );
border:1px solid #ddd; border-radius:0px 0px 0 0;}
li.disabled-link a{display:block; color:#b5b5b5!important; cursor:not-allowed}
.tab_nav li{float:left; display:block; position:relative;  border-left:1px  solid #ddd;border-right:1px  solid #fff;
}
.tab_nav li a{display: block;padding: 14px 0px 10px 0px;text-decoration: none;color:#242424;font-size: 14px;width: 140px;text-align: center; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.r_c{position:absolute; width:20px; height:20px; text-align:center; font-weight:bold;color: #646464; left:44%; border-radius:50px; top:-9px; background: #e8e8e8; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;transition:all 0.3s ease-in; cursor:default;
background: -moz-linear-gradient(top,  #e8e8e8 0%, #ffffff 50%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(50%,#ffffff), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top,  #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
background: -o-linear-gradient(top,  #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
background: -ms-linear-gradient(top,  #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
background: linear-gradient(to bottom,  #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=0 ); box-shadow:0px 0px 3px rgba(0,0,0,.5);
}
.tab_nav li:before{}

.tab_nav li .activeQ{background: #06d1e8;
background: -moz-linear-gradient(top,  #06d1e8 0%, #05abe0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06d1e8), color-stop(100%,#05abe0));
background: -webkit-linear-gradient(top,  #06d1e8 0%,#05abe0 100%);
background: -o-linear-gradient(top,  #06d1e8 0%,#05abe0 100%);
background: -ms-linear-gradient(top,  #06d1e8 0%,#05abe0 100%);
background: linear-gradient(to bottom,  #06d1e8 0%,#05abe0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06d1e8', endColorstr='#05abe0',GradientType=0 );
color:#fff;}
.tab_nav li .activeQ:before{position: absolute;content: "♦";bottom: -10px;color: #fff;left: 44%;font-weight: bold;font-size: 25px;margin: 0 auto;}
.adjust{position:relative; margin-top:-43px;}


.fixheight{height:250px;}
.r-topmenu li{display:block;background:#e15c5f;position:relative;}
.r-topmenu li a{display:block; padding:10px; color:#fff; font-weight:bold; font-size:12px;}
.r-topmenu li a:hover{background:#333;}
.r-topmenu ul{position:absolute; z-index:100; display:none; top:0px; border:1px solid #000; -webkit-transition:all 0.2s ease-in}
.r-topmenu li:hover ul{display:block;}
.r-topmenu li ul li a{width:150px; background:#414141; border-bottom:1px  solid #333;border-top:1px  solid #4A4A4A; color:#eee; font-weight:normal}
.fitimage img{width:auto; max-width:100%; display:block;}
.inst_b li{float:left; display:block; padding:0 4px; text-align:center; font-weight:bold; color:#646464}
.min_heightdiv1{/*min-height:150px; */}
input.form_lable1{ width:60%; padding:8px;}
.d_position{position:absolute; right:0px; top:0px;}
.c_delete{ width:40px; height:30px; background-position: -896px -124px; display:inline-block }
.grid_5{width:5%;background:#979797; color:#fff; text-align:center; font-weight:bold;padding:10px 0; margin-top:50px;}
.ar_mar{margin:1%;}
.grid_60{width:60%;}
.grid_65{width:65%;}
.grid_90{width:90%;}
.one-colum{width:97%; float:left}
.two-colum{width:48%;}
.three-colum{width:31.3%;}
.four-colum{width:21%;}
.btn_mx {
display: inline-block;padding: 6px 12px;margin-top: 0;font-size: 13px;line-height: 20px;color: #333;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;cursor: pointer;background-color: #F5F5F5;background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#E6E6E6));
background-image: -webkit-linear-gradient(top,#FFF,#E6E6E6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(to bottom,#FFF,#E6E6E6);
background-repeat: repeat-x;border: 1px solid #FFF;
border-bottom: 3px solid #CCC;border-color: #E6E6E6 #E6E6E6 #BFBFBF;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);}
.margintag{position:relative; margin-top:-10px;}
.rightborder{border-right:1px solid #ddd;}
.margin7{margin-top:7px;}
.dropdown{margin:0px; padding:0px;}
.drop-boxlist { position: relative;  width:130px;  padding: 5px 7px;background: #fff;  border: 1px solid #ccc;	*border:1px solid #ccc;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0 10px 15px #EEE inset;cursor: pointer;    outline: none; color: #000;}
.drop-boxlist:after {content: "";width: 0; height: 0;position: absolute;right:6px;top: 50%;margin-top: -3px; border-width: 6px 6px 0 6px;
border-style: solid; border-color: #4c4c4c transparent;}
.drop-boxlist .dropdown {position: absolute;top:110%;left: 0; right: 0;height:200px;overflow-y:scroll;background: white;border-radius: inherit;
    border: 1px solid #ccc;box-shadow: 0 0 5px rgba(0,0,0,0.1);font-weight: normal;list-style: none;display:none;pointer-events: none;}
.drop-boxlist .dropdown li {display: block;padding:4px;text-decoration: none;color: #4c4c4c;border-bottom: 1px solid #e6e8ea; width:inherit;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);}
.drop-boxlist .dropdown li i {float: right;color: inherit;}
.drop-boxlist .dropdown li:first-of-type li {border-radius: 7px 7px 0 0;}
.drop-boxlist .dropdown li:last-of-type li { border: none;border-radius: 0 0 7px 7px;}
.drop-boxlist .dropdown li:hover a {background: #f3f8f8;}
.drop-boxlist.active .dropdown {display:block;pointer-events: auto;}
.no-opacity .drop-boxlist .dropdown,.no-pointerevents .drop-boxlist .dropdown {display: none;pointer-events: auto; }
.no-opacity .drop-boxlist.active .dropdown,
.no-pointerevents .drop-boxlist.active .dropdown { display: block;}
.scroll_h { height:250px;}
.max-width{max-width:50%; display:block}
.m-height{min-height:150px;}
.min-width{max-width:80%; display:block}
.scrollp{height:200px;}
/*multi input box*/

ul.token-input-list {overflow: hidden;  height: auto !important; 
    height: 3%;    width: 95%;border: 1px solid #ccc; cursor: text;font-size: 12px; z-index: 999; margin: 0;padding: 0;background-color: #fff;
    list-style-type: none; }
ul.token-input-list input{background:none; box-shadow:none;}
ul.token-input-list li {list-style-type: none; padding:2px 5px; width:auto;}
ul.token-input-list li p{color:inherit;content:""}
ul.token-input-list li input { border: 0; width: 350px; padding: 3px 8px; background-color: white; -webkit-appearance: caret;}
li.token-input-token { float:left;overflow: hidden; height: auto !important; height: 1%; margin: 3px; padding: 3px 5px;background-color: #e8e8e8;
    color: #3E3E3E;font-weight: bold; cursor: default;display: block;}
li.token-input-token p { float: left;padding: 0; margin: 0;}
li.token-input-token span {float: right;color: #DC4545;font-size: 16px;cursor: pointer;margin-left: 5px;}
li.token-input-selected-token {background-color: #08844e; color: #fff;}
li.token-input-selected-token span { color: #bbb;}
div.token-input-dropdown {position: absolute; width: 400px;background-color: #fff;overflow: hidden; border-left: 1px solid #ccc;border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; cursor: default;  font-size: 12px; z-index: 1;}
div.token-input-dropdown p {margin: 0; padding: 5px; font-weight: bold; color: #777;}
div.token-input-dropdown ul { margin: 0; padding: 0;}
div.token-input-dropdown ul li { background-color: #fff; padding: 3px; list-style-type: none;}
div.token-input-dropdown ul li.token-input-dropdown-item { background-color: #fafafa;}
div.token-input-dropdown ul li.token-input-dropdown-item2 { background-color: #fff;}
div.token-input-dropdown ul li em {font-weight: bold; font-style: normal;}
div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-color: #d0efa0;}

ul .dy_select li{float:left;width:100%; display:block; padding:2px;}

.treeicon{background-position: -399px -218px; width:30px; height:30px; display:inline-block;}
.l-icon{width:30px; height:25px; display:inline-block;}
.count-n {padding: 2px 7px;background: #F60;font-size:10px; text-shadow:none;color: #FFF;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;}
.tree-icon{ border-radius:3px;position:absolute; width:auto;  top:-35px; right:0px;
background: #ff5db1; /* Old browsers */
background: -moz-linear-gradient(top,  #ff5db1 0%, #d13f8b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5db1), color-stop(100%,#d13f8b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff5db1 0%,#d13f8b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff5db1 0%,#d13f8b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff5db1 0%,#d13f8b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff5db1 0%,#d13f8b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#d13f8b',GradientType=0 ); /* IE6-9 */

}
.adjust-t{ margin:-40px 4px 0 0;}
.tr_arow:before{ content:""; width:0; height:0; border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #d13f8b; position:absolute; bottom:-10px; left:10px;}
.tree-icon1 { position:relative;border-radius: 3px;width:30px; padding:0;background: #FF5DB1;
background: -moz-linear-gradient(top, #ff5db1 0%, #d13f8b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF5DB1), color-stop(100%,#D13F8B));
background: -webkit-linear-gradient(top, #FF5DB1 0%,#D13F8B 100%);
background: -o-linear-gradient(top, #ff5db1 0%,#d13f8b 100%);
background: -ms-linear-gradient(top, #ff5db1 0%,#d13f8b 100%);
background: linear-gradient(to bottom, #FF5DB1 0%,#D13F8B 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#d13f8b',GradientType=0 );
}
.Next_input{display:inline-block}
 .bg4{background:#eee;}
.bg2{ background-color:#EDEDED}
.bg3{ background-color:#f6f6f6}
.s_icon{ display:inline-block; width:22px; height:20px; margin:0 2px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px}
.student_c{background-position: -739px -41px; }
.staff_c{background-position: -800px -42px;  }
.ad1{background-position: -602px -191px; }
.at1{background-position: -466px -192px; } .at2{background-position: -492px -191px; }
.as1{background-position: -465px -219px; } .as2{background-position: -492px -218px;}
.af1{background-position: -465px -246px; } .af2{background-position: -493px -246px;  }
.ap2{background-position: -376px -194px; } .an2{background-position:-411px -194px;  }

.f_bold{font-weight:bold;color: #464646;}
.mar-arr{margin:6px}
.add_ele{position: absolute;/*right: -14px;*/right: 0px;top:8%; padding:3px; background:#f0f0f0; border:1px dashed #ddd}
.add_ele a {display: block;margin: 5px 0;}
.add_ele.add_ele1{right:3px; }

/*text and background color*/
.text-bg{background: #5D605D;color: #E6E6E6;}
.thk{ text-align:center; position:relative;background: #4FD085;color: #FFF;text-shadow: 0px 1px 1px #8F8F8F; font-size:17px; font-weight:bold; border-radius:15px;}
.thk:before{content: "";
top:26px; left:-30px;
position: absolute;
border-bottom: 7px solid rgba(0, 0, 0, 0);
border-top: 9px solid rgba(0, 0, 0, 0);
border-right: 30px solid #6DD297;}

.seat-list span{ display:block; line-height:20px; color:#4c4c4c; font-weight:bold; width:25px; height:25px; background:url(../images/seat.png) no-repeat;; border:1px solid #BBBABA; text-align:center; margin-bottom:5px}

.seat-listnon span{ display:block; line-height:30px; color:#4c4c4c; font-weight:bold; width:40px; height:40px; background:url(../images/activeseat.png) no-repeat;; border:1px solid #BBBABA; text-align:center; margin-bottom:5px}
.listborder li{ border-bottom:1px solid #ddd; position:relative}
.st-name div{padding:3px; padding: 5px;color: #4C4C4C; font-weight:bold;}
.seat-list span.res{ text-indent:-9999px;background:url(../images/activeseat.png) no-repeat; }
.green-b{ background:#00B96D;  
border: 1px solid #fff;-moz-box-shadow: 0 1px 0 #C2C2C2;-webkit-box-shadow: 0 1px 0 #C2C2C2;box-shadow: 0 1px 0 #C2C2C2;
text-shadow: 0 1px 0 #9a9a9a; position:relative;z-index:0;}
.green-b:before{content: '';position: absolute;border:1px dashed #1C945A;top: 4px;bottom: 3px;left: 3px;right: 3px;
-moz-box-shadow: 0 0 0 1px #1CC32A;-webkit-box-shadow: 0 0 0 1px #1CC32A;box-shadow: 0 0 0 1px #1CC32A}
.but-t{margin-top:30px;}
.but-t a{color:#fff; font-size:20px; font-weight:bold; display:block; text-align:center; padding:15px;}
.label_text{width:100px;}
.hover-d{ text-align:center;position:absolute; display:none; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.8);}
.sliderimg li:hover .hover-d{ display:block}
.sliderimg li{ position:relative; background:#fff;float:left; width:30%;  display:block; padding:5px; margin:1%; border:1px solid #ccc;min-height:100px;}
.sliderimg2 li{ background:#fff;float:left; width:10%;  display:block; padding:5px; margin:.5%; border:1px solid #ccc;}
.sliderimg2 li:hover{box-shadow: 0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-transition: top 1s ease, left 1s ease;
-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease; background:#363636}

.sliderimg2 li img,.sliderimg li img{width:100%; display:block;}

.b-disable{opacity:0.4;filter:alpha(opacity=40);-moz-opacity:0.4;}
.max_heightdiv2{height:700px;}
.sc_heightdiv{height:500px;}
.sc_heightdiv1{height:400px;}
.invisable{display:none;}
.visable .invisable{display:block;}
.visable .add_t{ padding:5px;  border:1px dashed #ccc; display:block;}
.rownum {padding: 6px;}
.v-image{width:150px; min-height:80px;position:absolute; top:5px; right:5px; overflow:hidden;}
.v-image img{width:100%; display:block; max-width:100%;}
.inhrit-mar{margin:0px!important;}
.fix-right{position:absolute;top:5px; right:5px;}
.add-cont{border-radius:100%;-moz-border-radius:100%;}
.add-cont a{display:block;padding:3px 8px; background:#66F; color:#eee; }
.q_listb{padding: 0 0 0 10px;float: left; line-height: 29px;}
.remove-button {padding: 5px; text-shadow:none;position: absolute;top: 6px;font-size: 12px;right: 5px;background: #F45757;}
.remove-button a{color:#fff;}
.addQuestion{margin: 0 6px;padding: 5px;background: #15B28F;border-radius: 3px;color: #FFF;border: 1px solid #15B28F;}
.cert_f{background:#C4B106;}
.dot2-border{border:3px solid #A69805;}
.cl{background-color:#fff;color:#464646;background-image:url(../images/bg-im.png);background-repeat:repeat;border:1px solid #8E8B0E;position:relative;height:400px}
.cl span{display:block;}
.cer_co{padding:40px 0;font-size: 40px;font-weight: bold;}
.corner-rib{ position:absolute; width:145px; height:140px; top:-22px; right:-58px; background:url(../images/CORNER.png) no-repeat top right}
.cer_T{font-size: 20px;font-family: cursive;}
.cer_p{line-height:50px; font-size:17px; padding:10px;background: #F4F4F4;}
.cer_in{font-size:25px; padding:10px}
.cer_st{padding: 20px;font-size: 34px;color:#9D409B}
.per_t{width:50px;height:50px;border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-webkit-border-radius:50px;line-height:50px;
background: #1BD28C; color:#fff}
.max-height-scroll{max-height:300px; height:auto;!important;}

.flexgrid{width:100%; float:left;}
.span_head{padding:8px 0; width:100%; font-weight:bold;border-bottom:1px dashed #ccc; margin-bottom:15px; color:#676767}
ul.flexgrid li { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;
    width: 200px; padding:0 10px 10px 10px; background-color: #fff;border: 1px solid #fff; color: #484848; box-shadow:0px 1px 5px rgba(0,0,0,.2); text-align:justify;}
	 ul.flexgrid li:hover{border:1px solid #333;}
.Text_con{width:83%; margin-left:20px;}
.mop{color:#2b2b2b;font-size:13px; font-weight:bold}
.sub_m{width:20px; height:20px;background:#38B07E; border-radius:50px; text-align:center; color:#fff}
.er_m{width: 20px;height: 20px;background: #D03737;border-radius: 50px;text-align: center;color: #FFF;}

.submittion{background-color: #B0F7D9;border:1px solid #41D999;}.S_error{background-color:#FFA3A3;
border: 1px solid #DF461A;}
.gop li{float:left; width:100%;}
.tabmenu3 li{float:left; display:block; position:relative; width:50%}
.tabmenu3 li a{ text-align:center; display: block; background:#E8C009; border-left:1px solid #fff; padding:8px 0; text-shadow:none; color:#4c4c4c}
.tabmenu3 li a.activeQ{background:#555656; color:#fff;}
.tabmenu3 li a.activeQ:before{ content:""; position:absolute; border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid #555656; bottom:-5px; left:45%;}
.plus-s:before{position:absolute; width:30px; height:20px; content:""; color:#4c4c4c; font-weight:bold; font-size:20px; right:0px}
.max-scroll{max-height:150px;height:auto!important;}
.max-scroll2{max-height:250px; height:auto!important;}
.bubble-content {position: relative;float: left;width: 100%;padding:20px;background-color: #FFF; border:5px solid #e5e5e5}
.point {border-top: 10px solid rgba(0, 0, 0, 0);border-bottom: 10px solid rgba(0, 0, 0, 0);
border-right: 12px solid #e5e5e5;position: absolute;left: -12px;top: 12px;}
.point1 {border-top: 10px solid rgba(0, 0, 0, 0);border-bottom: 10px solid rgba(0, 0, 0, 0);
border-left: 12px solid #eee;position: absolute;right: -12px;top: 12px;}
.f1_bold {font-weight: bold;color: #048DAB;}
.f2_bold{font-weight: bold;color:#07674A}
.student-f{ position:relative; margin-bottom:30px; min-height:50px;}
.count_b{ position:absolute; top:-20px; left:45%; text-align:center;width:80px; height:20px; line-height:20px; background:#4c4c4c; color:#fff; }
.textcol a{color:#555F6C; display:block; text-align:center; font-size:14px}
.textcol a:hover{color:#690;}
.text-size{font-size:25px; color:#fff;}
.hovertip{position:relative; display:block; cursor:default; z-index:0}
.tol-tip{display:none; position:absolute; left:0px; z-index:2; background:#303030; color:#eee; bottom:27px; cursor:default; width:auto; padding:5px; width:200px; border-radius:3px; border:1px solid #fff; box-shadow:0px 0px 8px rgba(0,0,0,.85);}
.hovertip:hover .tol-tip{display:block;}
.t_tip{}
.tol-tip span{display:block; padding:2px;}
.tol-tip:before{content:""; width:0; height:0;border-right:7px solid transparent;border-left:7px solid transparent;border-top:10px solid #303030; position:absolute; left:20px; bottom:-10px;}
.tag_d{cursor:pointer;}

.m_icon{float: left;width: 20px;height: 20px;margin-right: 5px; cursor:pointer}
.hrpolicy{background-position: -581px -19px;} 
.attendance{background-position: -300px -102px; }
.career {background-position:-480px -41px;}
.onlineexam{background-position: -421px -61px; }
.settings{background-position: -861px -41px;}
.feemanager{background-position: -921px -21px;}
.transport{background-position: -561px -20px;}
.exam{background-position: -922px -81px;}
.awards{background-position: -121px -1px;}
.user{}
.hostel{background-position: -900px -21px;}
.event{background-position: -721px -21px;}
.notification{background-position: -361px -20px;}
.lessonplanning{background-position: -341px -1px;}
.assignment{background-position: -361px -20px;}
.application{background-position: -400px -21px; }
.alert{background-position: -741px 0px;}
.cms{background-position:-760px -1px;}
.complaints{background-position: -120px -41px; }
.survey{background-position: -521px -101px;}
.ticket{background-position: -320px -21px;}
.donation{background-position: -841px -21px;}
.timetable{background-position: -741px -22px}
.leave{background-position: -601px -41px;}
.payroll{background-position: -821px -20px;}
.newsletter{background-position: -957px -108px;}
.newsmedia{background-position: -460px -42px;}
.newsblog{background-position: -520px -82px;}
.onlinetv{background-position: -540px -61px;}
.facility{background-position: -480px 0px; }
.noticelist{background-position: -201px -1px;}
.onlinebooks{background-position: -340px -101px; }
.noticecategory{background-position: -381px 0px;}
.bg6{background:#eee;}
.pending{background:#F2AB07}
.month{padding:10px}
.p_ty{background-position: -645px -190px; }
.l_arrow{background-position:-289px -122px;}
.r_arrow{background-position:-288px -142px; }
.sf a{font-weight:bold; font-size:11px; color:#F20066 }
.al_p2{padding:2px;}
.pro-bar{width:320px;}
.pro-bar span{padding:0 5px; float:left; font-size:12px; color:#4c4c4c; font-weight:bold}
.progress_container{padding:2px;float:left;width:230px;height:15px;overflow:hidden;background:#474747;}
.progress_bar{height:15px;width:0px;background:#a5d801;}
.tipsy{padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }
.tipsy-inner{padding: 6px 8px 6px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner{border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow:before{position: absolute; content:""; border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #000; bottom:0px; left:15px }
  
.move-match li{cursor:move; text-shadow:none; position:relative;}
.move-match li:before{position:absolute; content:"";left:-7px;width:0; height:0;top:7px; border-bottom:7px solid transparent;border-top:7px solid transparent;border-right:7px solid #9b9b9b;}
.move-match li:hover{ background:#F30; color:#FFF}
.move-match li:active{cursor:move; background:#F30; color:#FFF}
.solidborder1{border:1px solid #9b9b9b;}
.dot-border1{border:1px dashed #9b9b9b;}
.fred_bold {font-weight: bold;color: #DA1C67;}
.mat-d{position:relative;}
.mat-d:before{content:""; width:10px; height:2px; background:#5e5e5e; position:absolute; left:-8px; top:9px}

.salary_slip{width:80%; }
.salary_slip td{padding:5px; border:1px solid #666! important;}
.tr-head td{background: #20B9B9;font-weight: bold; padding:8px 5px;}
.tr-head1 td{background: #444;color: #FFF;font-weight: bold;}
.s-h{background: #F3DE45;font-weight: bold}
.rs{text-align:right;}
.d-image{margin: 0px 15px 0 -5px;}
.d-image img { width:20px; }
.ac_tab{width: 85%;padding:5px;border-left: 3px solid #46C6D1; margin-bottom:5px}
.info{background-color: #61b832;border-color: #55a12c;}

/*.tooltip {display:none;position:absolute;border:2px solid #fff;background-color:#4c4c4c;padding:0px 7px;color:#fff;font-size:11px ;box-shadow:0px 0px 5px #333;-moz-box-shadow:0px 0px 5px #333;-ms-box-shadow:0px 0px 5px #333;}*/
.adj-content .body_content{padding:0px; min-height:inherit}
.adj-content .top_head{display:block}
.adj-content .top_button{height:auto;}
.adj-content .content_mainsection{margin:0px;}
/*.adj-content #ajaxloading{margin:0px; top:20px;}*/

/*.tooltip {display:none;position:absolute;border:2px solid #fff;background-color:#4c4c4c;padding:0px 7px;color:#fff;font-size:11px ;box-shadow:0px 0px 5px #333;-moz-box-shadow:0px 0px 5px #333;-ms-box-shadow:0px 0px 5px #333;}*/
.adj-content .body_content{padding:0px; min-height:inherit}
.adj-content .top_heada{display:block}
.adj-content .top_button{height:auto;}
.adj-content .content_mainsection{margin:0px;}
/*.adj-content #ajaxloading{margin:0px; top:20px;}*/

.rej{ background:#FB6E4E; color:#FFA590;}
.sel{ background:#54D768; color:#fff; font-weight:bold}
.forw{background-color: #C4EBFF;
color: #545454;}
.subt{background: #FFDEB5;}
.tlist-menu{ width:200px;position: relative; padding:10px 30px 7px 10px; cursor:pointer; z-index:100}
.tlist-menu:after{content:"\25bc";top: 9px;
right: 8px; color:#fff; position:absolute; font-size:11px;}
.tlist-menu ul{ z-index:2000;position: absolute;top:37px; left: -1px;width: 100%;color: #ccc;text-shadow:none;display: none; height:auto!important; max-height:250px; overflow:auto; padding:0 0 10px 0; background:#fff;}
.tlist-menu li { width:100%; display:block; position:relative;}
.tlist-menu span a{color:#fff; display:block}
.tlist-menu li a{display:block; padding: 7px 0px 7px 10px; color:#4c4c4c; font-size:13px}
.tlist-menu li.selected { display: none; }
.tlist-menu li a:hover { background-color: #333; color: #fff; }
.tlist-menu.open { border: 1px solid #666; color: #333; }
.tlist-menu.open ul { border: 1px solid #646464; color: #333; }
.listactive .activeQ > span{background-color:#0CEE66}
.rep_t{color:#4c4c4c; display:table-cell; vertical-align:middle; height:30px; overflow:hidden; }
.bot-b img{width:40px;}
.p.errors{padding:0px;}

#cboxContent #cboxClose {
position: absolute;
top: -2px;
right: 10px!important;
}

.ui-dialog .ui-widget-content{ box-shadow:none}
.inlineedit-div td{ position:relative; }
.inlineedit-div td:before{ display:none; position: absolute; content:""; left:0;right:0;top:0; bottom:0; border:1px solid #ccc; }
.inlineedit-div td:hover:before,
.inlineedit-div td:hover .content_ed{ display:block; }
.content_ed{ display:none; left:0px; top:-23px; position:absolute; height:15px; background:#fff; border:#ddd 1px solid; line-height:15px; content:"Click and edit"; padding:3px;  font-size:11px; font-weight: inherit}
.inlineedit-div td:hover .content_ed{ display:block}
.skiptranslate .goog-te-gadget-simple{background-color:#1EACD2;; border:1px solid #27B3D8;;padding-left: 10px;}

.goog-te-gadget-simple .goog-te-menu-value {
color: #FFF!important;
}
#simpliest-usage .ui-widget-header{background:#D3445F; border:none; border-radius:0}
.right.clearfix.b-tmar,.left.clearfix.b-tmar{ float:right; padding:0 10px 10px 10px}
.right.clearfix.b-tmar dt,.left.clearfix.b-tmar dt{ display:none;}
.left.solidborder.al_p.al_margin{ padding:4px}
.book-style{ width:100%}

/*report*/
.report{background-position: -361px -20px;} 
.report-menu a:before{ content:"\25bc"; display: inline-block; font-size:10px; top:4px; right:5px; position:absolute }
.report-submenu{ display:none; left:0; position:absolute; top:50px; right:0px; padding:10px; background: #3A3E44; min-height:5px; }
.report-submenu ul li{ display:inline-block;margin:4px; }
.report-submenu ul li a{display: block;padding: 3px 15px;color: #B3B3B3;border: 1px dashed #2A2626;background: #333; line-height:inherit; text-shadow:none; border-radius:20px;-moz-border-radius:20px;}
.report-submenu ul li a:hover{color: #F90;}



.sm-icon{
display: inline-block;
width:25px;
height:25px;
margin: 0 3px 0 3px;
cursor: pointer;
position: relative;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.8),0 0px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0px 0 rgba(255,255,255,0.8),0 0px 3px rgba(0,0,0,0.3);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.8),0 0px 3px rgba(0, 0, 0, 0.3);
background-color: #fff;
}

.columnchart{background-position:-196px -324px; }
.combochart{background-position: -147px -324px;}
.linechart{background-position: -100px -323px;}
.areachart{background-position: -125px -325px;}
.histochart{background-position: -66px -323px;}
.barchart{background-position: -15px -323px;}
.piechart{background-position: -39px -324px;}
.tablegrid{background-position:-172px -323px;}


.organisation_list li{ float:none}

.header_listed_data li .sec_p {
    display: inline;
}
.form_container.accordition .parent .gr-bg span {
    position: absolute;
    right: 10px;
}
.libAjax.active .l-icon.today_c {
    background-position: -757px -185px;
}
.form_container .google-visualization-table{ width:76% !important;}
.form_container .google-visualization-table-table{ width:76%;}
.form_container .google-visualization-table-table .th { background:#2f7598; color:#fff; padding:6px;}
.form_container .google-visualization-table .gradient{ background:#2f7598; color:#fff; padding:7px 7px;}
.form_container .google-visualization-table-page-numbers{ float:right;}
.form_container .google-visualization-table-page-numbers a.gradient{ padding:2px 9px; background:#fff; color:#4f4f4f; border:none !important;}
.form_container .google-visualization-table-table th,.form_container .google-visualization-table-table td{ padding:6px; line-height:normal; border-color:#e3e3e3;}
.form_container .google-visualization-table-tr-over{ background:#eee;}
.form_container .google-visualization-table-div-page [role="button"]{ font-family:Arial, Helvetica, sans-serif;}
.form_container .google-visualization-table-seq{ text-align:left;}
.new-dashboard .head .message_box{ color:#fff; position:relative;}
.new-dashboard .head .message_box .counts {display: block; font-size: 36px;text-align:right; line-height: normal;}
.new-dashboard .head .message_box .title{ font-size:15px;}
.new-dashboard .head .message_box { padding:20px 10px 42px; font-family:"bebas_neueregular";}
.new-dashboard .more {
    font-size:16px; letter-spacing:0.4px;
	color:#fff; text-transform:uppercase; bottom: 0;  display: block; left: 0;padding:6px 6px; position: absolute; width:95%; z-index:95;}
.new-dashboard .blue-c .more{background: #1f8abb;}
.new-dashboard .yellow-c .more{background: #ed9615;}
.new-dashboard .violet-c .more{background: #751e88;}
.new-dashboard .green-c .more{background: #2f8b01;}

.new-dashboard .blue-c{ background:#3399cc;}
.new-dashboard .yellow-c{ background:#FFA726;}
.new-dashboard .violet-c{ background:#993399;}
.new-dashboard .green-c{ background:#44b003;}
.new-dashboard .more{display:block;}

.new-dashboard .head .message_box.pre-abs h2{font-size: 24px; font-weight: normal; text-align: center;}
.new-dashboard .head .message_box.pre-abs .form_container { background:rgba(0, 0, 0, 0) url("../images/dasboard_students.png") no-repeat scroll center 18px;}
.new-dashboard .head .message_box.pre-abs .counts{ font-size:26px; text-align:center;}
.new-dashboard .head .message_box.pre-abs .title{ font-size:18px;}
.new-dashboard .message_boxs:first-child {
    margin-left: 0;
}
.new-dashboard .message_boxs{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    float: left;
    margin-left: 2%;
}
.new-dashboard .more:hover{background:rgba(0, 0, 0, 0.50) none repeat scroll 0 0;transition: background-color 0.5s ease;}
.new-dashboard .accor-h{ margin-bottom:0;}
.new-dashboard .accor-h a.right{ font-size:15px; color:#333;}
.message_boxs.mes_tab.two-colum.top_margin {
    margin-top: 20px;
}
.new-dashboard .accor-h a.right:hover{ color:#1f8abb}

.new-dashboard .no_records li {
    font-family: bebas_neueregular;
    font-size: 18px;
    line-height: 175px;
    text-align: center;
}
.form_container.al_p.but-align {
    float: none;
    margin: 0 auto;
    text-align: right;
    width: 764px;
}
.new-dashboard .fee-details {
    float: left; border:1px solid #dedede;margin: 10px 9px;box-shadow:0 0 0px rgba(0, 0, 0, 0.01), 0 -4px 8px #eee inset; background:#fafafa;
-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
}
.fee-details .right {
    border-left:1px solid #ddd;
    padding-left:15px;text-align:center;
    width:38%;
}
.price{ padding:3px; color:#fff; margin-top:1%; font-weight:bold;}
.fee-details .counts {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    line-height: normal;
    padding: 3px;
}
.fee-details .price img {
    position: relative;
    top: 4px;
    width: 8px;
}
.fee-details .left {width:53%; text-align:center;}
.fee-details .left h4{ display:inline-block; padding-top:10%; font-family:"bebas_neueregular"; font-size:18px; text-align:center; font-weight:normal;}