*{outline:none;}
body{ margin:0px; padding:0px; font-family:Arial, Helvetica; font-size:12px; background:#f2f2f2;}
img{border:none;}
.overflow{overflow:hidden;}
.overflowau{overflow:auto;}
.cursor{cursor:pointer;}

/*font section Starts Here*/
.fcwhite{color:#fff;}

.fs0{font-size:0px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}

.ffla{font-family:Arial, Helvetica, sans-serif;}
.fflv{font-family:Verdana, Arial, Helvetica, sans-serif;}

.tu{text-transform:uppercase;}

.fbld{font-weight:bold;}
.italic{font-style:italic;}
/*font section Ends Here*/

/*heights & line heights Starts Here*/
.lhnrm{line-height:normal;}
.lh16{line-height:16px;}
/*heights & line heights Ends Here*/

/*text alignment Starts Here*/
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
/*text alignment Ends Here*/

/*widths  .w(p denotes for px/ percentage is left blank) Starts Here*/
.wau{width:auto;}
.w25{width:25%;}
.w33{width:33%;}
.w50{width:50%;}
.w100{width:100%;}
.w980p{width:980px;}
/*widths  .w(p denotes for px/ percentage is left blank) Ends Here*/

/*floating values Starts Here*/
.fl-l{float:left;}
.fl-r{float:right;}
.clear{clear:both;}
/*floating values Ends Here*/

/*margin and padding Starts Here*/
.mar0a{margin:0px auto;}
.mart5{margin-top:5px;}
.mart10{margin-top:10px;}
.mart15{margin-top:15px;}
.mart25{margin-top:25px;}
.mart30{margin-top:30px;}
.row-mart1 {margin:0px 10px 0px 10px;}

.marl5{margin-left:5px;}
.marl10{margin-left:10px;}
.marr15{margin-right:15px;}

.pad0{padding:0px;}
.padb10{padding:10px;}
/*margin and padding Ends Here*/

#left-box{width:20%; position:fixed; left:0; top:0; bottom:0; height:100%; z-index:999;}
.user-img{width:100%; float:left;}
.img-circle{width:60px; height:60px; margin:0px auto 20px auto; }/*border:2px solid #cc1933;*/
.user-name{font-size:16px; font-family:Arial, Helvetica; color:#fff; text-align:center;}
.user-name span{font-size:20px; font-family:Arial, Helvetica; margin-right:5px;}
#left-box h4{font-size:12px; font-family:Arial, sans-serif; text-align:center; color:#fff; font-weight:normal;}
#left-menu{width:100%; float:left; height:100%;}
#left-menu ul{margin:20px 0 0 0; padding:0;}
#left-menu ul li{width:100%; margin:0; padding:0; list-style:none; border-bottom:1px solid #fff; float:left;}
/*#left-menu ul li a{font-size:13px; padding:8px 0px 13px 50px; font-family:Arial, Helvetica; color:#fff; text-transform: capitalize; border-left:6px solid transparent; font-weight:bold; display:block;}*/
#left-menu ul li a{font-size:13px; padding:0px 0px 0px 30px; line-height:40px; font-family:Arial, Helvetica; color:#fff; text-transform: capitalize; border-left:6px solid transparent; font-weight:bold; display:block;}
#left-menu ul li a:hover{text-decoration:none; background-color:transparent; color:#f1d90c; border-left:6px solid #dec80c;}
#left-menu ul li a:focus{background-color:transparent; text-decoration:none;}
#left-menu ul li a.active{color:#f1d90c; border-left:6px solid #dec80c; text-decoration:none;}
#left-menu ul li span.dashboard{background:url(../images/left-menu-icons.png) 0px 0px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.user-mngt{background:url(../images/left-menu-icons.png) 0px -42px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.instu-mngt{background:url(../images/left-menu-icons.png) 0px -78px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.prog-mngt{background:url(../images/left-menu-icons.png) 0px -112px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.doc-mngt{background:url(../images/left-menu-icons.png) 0px -150px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.class-mngt{background:url(../images/left-menu-icons.png) 0px -186px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.bat-mngt{background:url(../images/left-menu-icons.png) 0px -226px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.system-mngt{background:url(../images/left-menu-icons.png) 0px -262px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.payment-mngt{background:url(../images/left-menu-icons.png) 0px -300px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.archive-mngt{background:url(../images/left-menu-icons.png) 0px -300px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.report-mngt{background:url(../images/left-menu-icons.png) 0px -337px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.asse-mngt{background:url(../images/left-menu-icons.png) 0px -374px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.fed-mngt{background:url(../images/left-menu-icons.png) 0px -412px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}
#left-menu ul li span.hel-mngt{background:url(../images/left-menu-icons.png) 0px -480px no-repeat; width:25px; height:40px; float:left; margin-left:10px; background-size:75%;}


#left-menu nav.navbar{border:none; height:100%;}
#left-menu .navbar-toggle{background:#fff; border-radius:100%; padding:8px; display:block; position:absolute; right:-30px; top:40px; z-index:999; display:block;}
#left-menu .navbar-toggle .icon-bar{width:12px; background:#1c3b8d; margin-top:3px;}
#left-menu .navbar-toggle .icon-bar:nth-of-type(2){margin-top:0px;}
#left-menu .navbar-collapse{background:#1c3b8d; max-height:100%; padding-top:10px; padding-left:0; padding-right:0px;}
#left-menu ul li ul{margin:0px; padding:0px; width:82%; float:left; margin-left:56px;}
#left-menu ul li ul li{width:90%; float:left; padding:0px; background:url('../images/arrow-white.png') !important; background-repeat:no-repeat !important; background-position: 0px 16px !important;}
#left-menu ul li ul li a{padding:0px 12px; min-height:auto; display:block; border-left:none;}
#left-menu ul li ul li a:hover{border-left:none; padding:0px 12px;}
#left-menu ul.dd-submenu li:nth-child(1){background:none;}
#left-menu ul.dd-submenu li:nth-child(2){background:none;}
#left-menu ul.dd-submenu li:nth-child(3){background:none;}
#left-menu ul.dd-submenu li:nth-child(4){background:none; border-bottom:none; margin-bottom:10px;}
#left-menu ul.dd-submenu li:nth-child(5){background:none;}
#user-mngt{background:url(../images/plus-minus-icon.png) right 13px no-repeat; margin-right:20px;}
#user-mngt.active{background:url(../images/plus-minus-icon.png) right -135px no-repeat; margin-right:20px;}

#system-mngt{background:url(../images/plus-minus-icon.png) right 13px no-repeat; margin-right:20px;}
#system-mngt.active{background:url(../images/plus-minus-icon.png) right -135px no-repeat; margin-right:20px;}

#class-mngt, #feedback-mngt{background:url(../images/plus-minus-icon.png) right 13px no-repeat; margin-right:20px;}
#class-mngt.active, #feedback-mngt.active{background:url(../images/plus-minus-icon.png) right -135px no-repeat; margin-right:20px;}

#payment-mngt{background:url(../images/plus-minus-icon.png) right 13px no-repeat; margin-right:20px;}
#payment-mngt.active{background:url(../images/plus-minus-icon.png) right -135px no-repeat; margin-right:20px;}

#assesment-mngt{background:url(../images/plus-minus-icon.png) right 13px no-repeat; margin-right:20px;}
#assesment-mngt.active{background:url(../images/plus-minus-icon.png) right -135px no-repeat; margin-right:20px;}

#report-mngt{background:url(../images/plus-minus-icon.png) right 13px no-repeat; margin-right:20px;}
#report-mngt.active{background:url(../images/plus-minus-icon.png) right -135px no-repeat; margin-right:20px;}


#left-menu ul.dd-submenu1 li:nth-child(2){background:none; border-bottom:none; margin-bottom:10px;}
#left-menu ul.dd-submenu2 li:last-child{background:none; border-bottom:none; margin-bottom:10px;}
#left-menu ul.dd-submenu3 li:nth-child(2){background:none; border-bottom:none; margin-bottom:10px; background:url('../images/arrow-white.png'); background-repeat:no-repeat; background-position: 0px 10px;}


#right-box .menu-bar .input-group-btn .dropdown-toggle{cursor:pointer;}
#right-box .menu-bar .input-group-btn ul li a{text-transform:none;}


#right-box {width:80%; float:right;}
/*.top-bar{width:100%; float:left; background:#fff; z-index:-1;} old one ...below added later*/
.top-bar{width:80%; /*width:75%;*/ float:left; background:#fff; z-index:9; position:fixed; right:0;}
.middle-bar{width:100%; float:left; position:relative; z-index:0; /* padding-top:68px; */}
.logo{width:auto; float:left; /*padding:5px 35px;*/ padding:13px 35px 0px 35px;}
.menu-bar{width:auto; min-width:320px; height:52px; float:right; margin:5px 0px; border-left: 30px solid transparent; border-bottom: 52px solid #1c3b8d;}
.menu-bar ul li{display:inline; float:left;}
.menu-bar ul li	a{color:#dec80c; text-transform:uppercase; padding:20px; font-size:13px; display:block; font-family:Arial, Helvetica; font-weight:bold;}
.menu-bar .menu-nav a{cursor: text;}
.menu-bar ul li	a:hover{text-decoration:none;}
.menu-nav ul li	a.active{background:#dec80c; color:#fff; padding:30px 20px 7px 20px; margin-top:-10px;}
.menu-bar .input-group-btn ul li ul{margin:0; float:right;}
.menu-bar .input-group-btn ul li{margin:0; padding:0px; display:block; list-style:none; float:none;}
.menu-bar .input-group-btn ul li:last-child{padding-right:0px;}
.menu-bar .input-group-btn ul li a{padding:5px 15px; line-height:18px; color:#1c3b8d;}
.menu-nav {list-style:none; position:absolute;}
.user-sttngs{width:auto; float:right;}
.user-sttngs .glyphicon-envelope{color:#fff; font-size:14px;}
.user-sttngs .input-group-btn .glyphicon{cursor:pointer;}
.user-sttngs ul li:last-child{padding-right: 25px;}
.user-sttngs ul li a{padding:20px 10px;}
.user-sttngs ul li:nth-child(1){position:relative;}
.badge {padding:5px 6px; border-radius:10px; background-color:#1c3b8d; color:#dec80c; font-size:11px; text-align:center; position: absolute; z-index: 200; border:1px #dec80c solid; right:0px; top:5px;}
.menu-bar ul li .input-group-btn{width:auto; color:#fff; font-size:14px; padding:20px 10px 10px 10px;}
.menu-bar ul li .input-group-btn .caret{border-top:6px solid; border-right:6px solid transparent; border-left:6px solid transparent; cursor:pointer;}
.input-group-btn ul li{display:block; padding:0 10px;}
.input-group-btn a {padding:5px; line-height:18px;}

.middle-section{width:100%; float:left; margin-bottom:25px;}

#calender-box{padding:25px 30px 0px 30px;}
.calender{background:#fff; width:100%; float:left; border:1px solid #d8d8d8; border-radius:10px; padding:15px; min-height:270px;}
.events{width:100%; float:left; max-height:270px;}
.events table{width:99%; min-height: 130px; margin-bottom:0px; background-color:#fff; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); border-radius:10px;}
.vertical-line{width:5%; height:200px; position:absolute; top:0; background:url(../images/vertical-bg.jpg) 4px 50px repeat-y; float:left; z-index:-1; top:45%;}
.event-blue{width:100%; float:left; padding-left:25px; background:url(../images/blue-dot.png) 0 45px no-repeat;margin-bottom:10px;}
.event-blue table tr td{padding:8px 10px 10px; font-size:14px; color:#000; font-family:Arial, Helvetica; line-height:20px;}
.event-blue table tr td:nth-child(1){background:#009ddc; padding:4px 3px; color:#fff; border-bottom:1px solid #fff; text-align:center;}
.event-yellow{width:100%; float:left; padding-left:25px; background:url(../images/yellow-dot.png) 0 45px no-repeat; margin-bottom:10px;}
.event-yellow table tr td{padding:8px 10px; font-size:14px; color:#000; font-family:Arial, Helvetica;  line-height:20px;}
.event-yellow table tr td:nth-child(1){background:#ffa810; padding:4px 3px; color:#fff; border-bottom:1px solid #fff; text-align:center;}
.event-cyan{width:100%; float:left; padding-left:25px; background:url(../images/cyan-dot.png) 0 45px no-repeat; margin-bottom:10px;}
.event-cyan table tr td{padding:8px 10px; font-size:14px; color:#000; font-family:Arial, Helvetica;  line-height:20px;}
.event-cyan table tr td:nth-child(1){background:#26c6da; padding:4px 3px; color:#fff; border-bottom:1px solid #fff; text-align:center;}
.events table small{color:#727272;}
.weekdays{margin:0; padding:15px 0;}
.weekdays li{display:inline-block; width:13%; color:#666; text-align:center; list-style:none;}
.days{padding:15px 0 0 0; margin:0;}
.days li{list-style:none; display:inline-block; width:13%; text-align:center; margin-bottom:10px; font-size:13px; color:#777;}
.days li .active{padding:5px; background:#009ddc; color:#fff; border-radius:100%;}
.days li .holiday{padding:5px; background:#fffe; border-radius:100%; border:1px solid #cdcdcd;}
.days li .gztd-holiday{padding:5px; background:#ffa810; color:#fff; border-radius:100%; border:1px solid #cdcdcd;}
#schedules table td{font-weight:600;}
#schedules table td label{font-weight:normal;font-size:12px;display: block;}

#progrm-box{padding:25px 25px 0px 0px;}
#my-progs{padding:25px 25px 0px 0px;}
.my-progs{background:#fff; width:100%; float:left; border:1px solid #d8d8d8; border-radius:10px; padding:15px 15px 0 15px; min-height:311px;}
.my-progs h3{background: url(../images/progs-icon.png) 5px -426px no-repeat; width:100%; float:left; height:38px; font-family:Arial, Helvetica;  font-size:14px; color:#1c3b8d; padding-left:50px; margin:0; line-height:35px; text-transform:capitalize; font-weight:bold;}
.calender h3{background: url(../images/progs-icon.png) no-repeat; width:100%; float:left; height:38px; font-family:Arial, Helvetica;  font-size:14px; color:#1c3b8d; padding-left:50px; margin:0; line-height:35px; text-transform:capitalize; font-weight:bold;}
.prog-attendence{background:#fff; width:100%; float:left; border:1px solid #d8d8d8; border-radius:10px; padding:15px; min-height:272px;}
/*.prog-attendence p{padding:0px 10px;}*/
.prog-attendence span {text-align:right; float:right; color:#1c3b8d; padding-top:10px;}
.prog-attendence h3{background:url(../images/progs-icon.png) 5px 2px no-repeat; width:100%; float:left; height:38px; font-family:Arial, Helvetica; font-weight:bold; font-size:14px; color:#1c3b8d; padding-left:50px; margin:0; line-height:35px; text-transform:capitalize;}
.prog-archives{background:#fff; width:100%; float:left; border:1px solid #d8d8d8; border-radius:10px; padding:15px; min-height:225px; }
.prog-archives span {text-align:right; float:right; color:#1c3b8d; padding-top:10px;}
.prog-archives h3{background:url(../images/progs-icon.png) 5px -498px no-repeat; width:100%; float:left; height:38px; font-family:Arial, Helvetica; font-weight:bold; font-size:14px; color:#1c3b8d; padding-left:50px; margin:0; line-height:35px; text-transform:capitalize; }
.prog-name{width:100%; float:left; text-align:center; font-size:14px; font-family:'Roboto-Regular'; color:#262626; margin-top:30px;}
.dashboard-container canvas {width:160px; height:160px;}
.dashboard-container canvas + p{font-size:14px; font-family:'Roboto-Regular'; color:#7e7e7e; text-align:center; margin:0; padding:0;}
.response{background:#fff; width:100%; float:left; border:1px solid #d8d8d8; border-radius:10px; padding:15px; min-height:270px;}
.response h3{background:url(../images/progs-icon.png) 5px -144px no-repeat; width:100%; float:left; height:38px; font-family:Arial, Helvetica; font-size:15px; color:#1c3b8d; padding-left:50px; margin:0; line-height:35px; text-transform:uppercase; font-weight:bold;}
.response .form-control{float:right; width:auto; color:#909090; box-shadow: inset 1 0px 0px;}
.progs-graph{background:#fff; width:100%; float:left; border:1px solid #d8d8d8; border-radius:10px; padding:15px 15px 0 15px; min-height:225px;}
.progs-graph h3{background:url(../images/progs-icon.png) 5px -355px no-repeat; width:100%; float:left; height:38px; font-family:Arial, Helvetica; font-weight:bold; font-size:14px; color:#1c3b8d; padding-left:50px; margin:0; line-height:35px; text-transform: capitalize;}
.progs-graph span {text-align:right; float:right; color:#1c3b8d; padding-top:20px;}
.progress{width:100%; float:left; height:10px; border-radius:0; margin-bottom:0px;}
.scroll-pane{width:100%; float:left;}
.scroll-pane ul{margin:0; padding:0;}
.scroll-pane ul li{width:95%; font-size:12px; font-family:Arial, Helvetica; color:#7e7e7e; margin:0; padding:7px 7px 5px 12px; list-style:none; border-bottom:1px solid #d7d7d7; display:inline-block; background:url('../images/arrow.png'); background-repeat:no-repeat; background-position: 0px 12px;}
.scroll-pane span{float:left;font-weight:normal;}
.scroll-pane small{text-align:right;     width: 70%; float: right;}
.my-docs{background:#fff; width:100%; float:left; border:1px solid #d8d8d8; border-radius:10px; padding:15px; min-height:242px;}
.my-docs h3{background:url(../images/progs-icon.png) 5px -144px no-repeat; width:100%; float:left; height:38px; font-family:Arial, Helvetica; font-size:15px; color:#1c3b8d; padding-left:50px; margin:0; line-height:35px; font-weight:bold; text-transform:capitalize;}
.my-docs span {text-align:right; float:right; color:#1c3b8d; padding-top:15px;}
.my-docs .scroll-pane ul li a{color:#000; padding-left:30px; float:left; font-weight:bold;}
.my-docs .scroll-pane small{display:block; font-size:11px; text-align:left; color:#7e7e7e;width: 100%;}
.my-docs .scroll-pane ul li a.doc-box{background:url(../images/files-icon.png) 0 0 no-repeat;}
.my-docs .scroll-pane ul li a.pdf-box{background:url(../images/files-icon.png) 0 -40px no-repeat;}
.my-docs .scroll-pane ul li a.excel-box{background:url(../images/files-icon.png) 0 -80px no-repeat;}
.my-docs .scroll-pane{height:145px;}

.my-progs .slick-prev:before{font-size:25px; color:#000;}
.my-progs .slick-next:before{font-size:25px; color:#000;}
.my-progs .slick-prev{right:35px; top:-40px; left:auto;}
.my-progs .slick-next{right:5px; top:-40px;}
.prog-attendence .slick-prev:before{font-size:25px; color:#000;}
.prog-attendence .slick-next:before{font-size:25px; color:#000;}
.prog-attendence .slick-prev{right:35px; top:-20px; left:auto;}
.prog-attendence .slick-next{right:5px; top:-20px;}
.progs-graph .slick-prev:before{font-size:25px; color:#000;}
.progs-graph .slick-next:before{font-size:25px; color:#000;}
.progs-graph .slick-prev{right:35px; top:-15px; left:auto;}
.progs-graph .slick-next{right:5px; top:-15px;}

#running-progs{padding:25px 25px 0px 30px;}
.running-progs{background:#fff; width:100%; float:left; border:1px solid #d8d8d8; border-radius:10px; padding:15px 15px 30px 15px !important;}
.running-progs h3{background: url(../images/progs-icon.png) 5px -72px no-repeat; width:100%; float:left; height:38px; font-family:Arial, Helvetica;font-size:14px; color:#1c3b8d; padding-left:50px; margin:0 0 20px 0; line-height:18px; font-weight:bold; text-transform:capitalize197
;}
.running-progs .slick-slide{vertical-align: top;}
.running-progs .slick-slide h4{min-height: 32px;}
.running-progs h3 span{font-family:arial, helvetica; font-size:12px; color:#7e7e7e; margin:0px; padding:0; display:block;}
.running-progs .slick-prev:before{font-size:25px; color:#000;}
.running-progs .slick-next:before{font-size:25px; color:#000;}
.running-progs .slick-prev{right:35px; top:-35px; left:auto;}
.running-progs .slick-next{right:5px; top:-35px;}
.running-progs .media .media-left{padding: 0px 5px 0px 0px;width: 30%;}
.running-progs .media .media-body{padding-right: 15px;text-align: left;}
.running-progs .media .media-body h4{font-size:15px;}
.running-progs .media .media-body a{background: #3a3a3c;color: #fff;margin-top: 8px;font-size: 11px;text-transform: uppercase;width: 75px; line-height: 25px; text-align: center;display: block;text-decoration: none;}

.form-control{width:120px; border:none;  box-shadow: inset 1 0px 0px;}

@font-face {
font-family: 'Roboto-Regular';
src: url(../fonts/Roboto-Regular.eot);
src: url(../fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Regular.woff) format('woff'), url(../fonts/Roboto-Regular.ttf) format('truetype'), url(../fonts/Roboto-Regular.svg#glyphicons_halflingsregular) format('svg')
}

@font-face {
font-family: 'Roboto-thin';
src: url(../fonts/Roboto-Thin.eot);
src: url(../fonts/Roboto-Thin.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Thin.woff) format('woff'), url(../fonts/Roboto-Thin.ttf) format('truetype'), url(../fonts/Roboto-Thin.svg#glyphicons_halflingsregular) format('svg')
}

@font-face {
font-family: 'Roboto-Bold';
src: url(../fonts/Roboto-Bold.eot);
src: url(../fonts/Roboto-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Bold.woff) format('woff'), url(../fonts/Roboto-Bold.ttf) format('truetype'), url(../fonts/Roboto-Bold.svg#glyphicons_halflingsregular) format('svg')
}
.my-docs h3 a{right: 42px;position: absolute;}
.my-docs .max-line {
white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 245px;
	padding-left: 30px !important;
}

.prog-attendence span.outoff{
    float: none;
    display: block;
    text-align: center;
    font-size: 16px;
    margin-top: -15px;
}

@media (min-width:320px) and (max-width:767px) {
.weekdays li{width:12%;}
.days li{width:12.5%;}
#left-box {width: 6%;}
.back-button{top:90px !important;right:5px !important;}
}

@media (min-width:320px) and (max-width:767px) {
	.logo{/*padding:50px 5px 17px 45px;*/ padding:15px 5px 5px 35px;}
	.menu-bar{min-width:auto; border-left:0px solid transparent; float:none; border-bottom:35px solid transparent; /*padding-top:50px;*/ padding-top:25px; margin:0px;}
	.menu-bar ul li .input-group-btn{padding:7px 20px 0px 10px;}
	.menu-bar ul li:last-child{padding-right:0px;}
	.menu-bar ul li .input-group-btn .caret{color:#1c3b8d;}
	.menu-bar ul li	a.active{padding:8px 20px; margin-top:0;}
	/*
	.menu-nav{top:0; background:#1c3b8d; width:auto; left:40px; right:20px;}
	.menu-nav ul{padding:0;}
	.menu-nav ul li{width:33.3%; text-align:center;}
	.menu-nav ul li a{padding:8px 20px; display:block;}
	*/
	.menu-nav{display:none;}
	.user-sttngs{width:auto; float:right;}
	.user-sttngs ul li a{padding:7px 10px 0px 0px;}
	.user-sttngs .glyphicon-envelope{color:#1c3b8d; font-size:16px;}
	.user-sttngs .glyphicon-user{color:#1c3b8d; font-size:16px;}
	.badge {top:-5px; right:5px;}
	#right-box{width:100%;}
	#calender-box{padding:25px 20px 0px 40px;}
	#progrm-box{padding:25px 20px 0px 40px;}
	#running-progs{padding:25px 20px 0px 40px;}
	.my-progs{margin-bottom:25px;}
	.response{margin-bottom:25px;}
	.events table{margin-bottom:0px;}
	.events{min-height:auto;}
	.input-group-btn ul{margin-top:13px;}
    #pane2.scroll-pane{height:400px;}
	#left-menu ul li a{font-size:12px;}

	.login-container .login-box-inner .top{border-top:1px solid #ededed;}


}
@media (min-width:768px) and (max-width:991px) {
	#calender-box{padding:25px 20px 0px 30px;}
	#progrm-box{padding:25px 20px 0px 30px;}
	.my-progs{margin-bottom:25px;}
	.response{margin-bottom:25px;}
	.logo{/*padding:17px 15px 17px 30px;*/ padding:11px 15px 17px 30px;}
	.menu-bar{/*min-width:390px;*/ min-width:372px;}
	.menu-nav ul{padding:0 0 0 10px;}
	.events{min-height:auto;}
	.events table{margin-bottom:0px;}
	.menu-nav ul li a{padding:20px 14px;}
	.menu-nav ul li	a.active{padding:30px 14px 7px 14px;}
    .menu-nav {right:120px;}
}
@media (min-width:768px) and (max-width:1279px) {
    #left-box{width:20%;}
	#right-box {width:80%;}
	.user-name span{width:100%; float:left; margin-bottom:10px;}
	#left-menu ul li a{vertical-align:central; line-height:normal;}

}

@media (min-width:992px) and (max-width:1279px) {
}

@media (min-width:1280px) and (max-width:1304px) {
	#left-box{width:20%;}
	#right-box {width:80%;}
	.weekdays li{width:12%;}
	.days li{width:12.5%;}
	.bg-white {width:100%;}
}

/*For menu close button css start here*/
.navbar-toggle .icon-bar {
      position:relative;
      transition: all 500ms ease-in-out;
	  background:#fff;
}
.navbar-toggle .icon-bar:nth-of-type(1) {
      top: 6px;
      transform: rotate(45deg);
}

.navbar-toggle .icon-bar:nth-of-type(2) {
      background:#fff !important;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
      top: 0px;
      transform: rotate(45deg);
}
.navbar-toggle .icon-bar:nth-of-type(4) {
      top: -5px;
      transform: rotate(-45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
      top: 6px;
      transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
      background:#1c3b8d!important;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
      top: 0px;
      transform:none;
}
.navbar-toggle.active .icon-bar:nth-of-type(4) {
      top: 0px;
      transform: none;
}
/*For menu close button css end here*/

.cbp-spmenu-vertical {
    height: 100%;
    top: 0;
    z-index: 900;
  }

.media-body, .media-left, .media-right {display:table-cell; vertical-align:top;}
.media-left, .media>.pull-left{padding-right:30px; padding-left:30px;}
.media-body{padding-right:30px;}
.media-body a{font-family:Arial, Helvetica; color:#7e7e7e; font-size:12px; line-height:auto;}
.media-body a h4{color:#000; font-size:14px; line-height:20px;}
.media .media-left a img{width:auto; height:auto;}
.run-progs-slide .slick-slide .media{border-left:1px solid #d1d1d0;}
.run-progs-slide .slick-slide:nth-child(1) .media{border-left:1px solid #fff;}
.run-progs-slide .slick-slide.slick-active .media{border-left:1px solid #fff;}

.all-docs{text-align:center; text-transform:uppercase; margin:15px 0 0 0; float:left; width:100%;}
.all-docs a{font-size:14px; color:#009ddc; font-weight:bold;}
.all-docs a:hover{text-decoration:none;}
.alert-box{width:100%; float:left; padding:0px 25px 0px 30px;}
.alert-box .alert{margin-bottom:0; border-radius:0px; border-bottom:4px solid #1c3b8d;}
.alert-box .alert-warning{ background:url(../images/announce-icon.png) 10px 5px no-repeat #ffc13c; padding-left:80px;}
.alert-box h3{width:auto; background:#ffc13c; font-weight:bold; color:#1c3b8d; text-transform:uppercase; font-size:14px; margin:5px 0 0 0; padding:0; display:inline; position:relative; z-index:1; padding-right:10px;}
.alert-box h4{color:#000; font-size:14px; padding:20px 0 0 0; margin:0; border-top:1px solid #f7913b; position:relative; top:-7px; z-index:0; margin-right:20px;}
.alert-box .close{font-weight:normal; text-shadow:none; color: #1c3b8d; opacity:1; font-size:30px; margin-top: -7px;}

/* start CSS by Sanjeev and Surendra */
.dashboard-container {padding-top: 70px;}
.user-sttngs ul li input[type="submit"] {background: none;border: none;padding: 5px 20px;line-height: 18px;color: #1c3b8d;font-size: 13px;display: block;font-family: Arial, Helvetica;font-weight:bold;}
/*.logo {padding: 6px 35px;}*/
.logo  img{/*max-height: 35px;*/ max-height: 38px;}
.calender{background:#fff; width:100%; float:left; border:1px solid #d8d8d8; border-radius:10px; padding:10px 15px; min-height:311px;}
.calender h2{font-size:14px;line-height: 25px;}
.calender button{border: 0px;border-radius: 0px;background: none;}
.calender .fc-ltr .fc-basic-view .fc-day-number {text-align: center;line-height: 44px; padding: 0px;border:0px;}
.calender .fc-toolbar {margin-bottom: 0px;}
.calender .fc-scroller{overflow:hidden !important;}
.calender .fc-day-grid-event .fc-content {line-height: 35px;border-radius:20px;margin-top: 3px;color:#fff; text-align: center;font-size: 13px;}
.calender .fc-day-grid-event .fc-content {line-height: 35px;width:35px;border-radius:20px;margin-top: 3px;color:#fff; text-align: center;font-size: 13px;}
.calender .fc-scroller{height:200px !important;}
.calender .fc-event-container a{background:none !important;border:none !important;}
.calender .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover{border:0px !important;}
.calender .fc-icon-left-single-arrow:after,.calender .fc-icon-right-single-arrow:after{font-weight: normal;top: -9%;}
.calender .fc-unthemed th{font-weight:normal;}
.calender .fc-basic-view .fc-body .fc-row{min-height: 38px;}
.slick-initialized .slick-slide .chartContainer {height: 160px;width: 160px;}
#running-progs {/*padding: 0px 25px 0px 30px;*/ padding: 0px 15px 0px 15px; min-height: 205px;}
.run-progs {background: #fff;width: 100%;float: left;border: 1px solid #d8d8d8;border-radius: 10px;padding: 15px 15px 0 15px;  min-height: 270px;}
.run-progs h3 {background: url(../images/response-icon.png) 0 0 no-repeat; width: 100%; float: left;height: 38px; /*font-family: 'Roboto-Regular';*/ font-weight:bold; font-size: 15px; color: #1c3b8d;padding-left: 50px; margin: 0;line-height: 35px;}
.prog-name {margin: 0px auto 15px auto;text-align: center;font-size: 14px;font-family: 'Roboto-Regular';color: #262626;}
.prog-details {width: 100%;float: left;margin-bottom: 0;border-top: 1px solid #dcdcdc;}
.prog-details span {width: 50%;float: left;font-size: 13px;font-family: 'Roboto-Regular';color: #009ddc;text-align: center;padding: 10px;}

#right-box .right-container .filter-ctrls{width:100%;    margin-bottom: 10px;overflow: hidden;}
#right-box .right-container .filter-ctrls select{height: 30px; border: 1px solid #DFDFDF; line-height: 30px; width:110px;}
#right-box .right-container .filter-ctrls button{height: 30px; background:#404042; line-height: 30px;border:none;color:#fff;text-transform: uppercase; padding: 0px 15px;}
.assesment-start{display: inline-block;height: 30px; background:#404042; line-height: 30px;border:none;color:#fff;text-transform: uppercase; padding: 0px 15px;}
#right-box .right-container .filter-ctrls .left{width:30%;float:left;}
#right-box .right-container .filter-ctrls .right{float:right;}
#right-box .right-container .form-container .form-field-textarea {width: 100%;height: auto;margin-bottom: 15px;}
#right-box .right-container .form-container .form-field-textarea textarea {width: 100%;}
#right-box .right-container .form-container .classroom-time select {width: 15% !important;float: left;}
#right-box .right-container .form-container .classroom-time .sep {float: left;width: 10%;text-align: center;line-height: 45px;font-weight: bold;}
#right-box .right-container .form-container .form-field input[type="radio"] {width: 15px;vertical-align: middle;}
#attdence-box {padding: 25px 25px 25px 0px;}
.pagination-custom {
    background: none !important;
    border: none !important;
    padding-left: 0 !important;
}
.pagination-custom td {
    padding-left: 0 !important;
}
.right-container {height: auto;padding: 65px 35px !important; width: 100%;}
/*.right-container {height: auto; /*padding: 65px 35px;/ padding: 0px 35px; width: 100%; } padding for right area box .....new one*/
.right-container .form-heading {border-bottom: 3px solid #dfdfdf; font-weight: 600; line-height: 35px;}
.right-container h2 {font-size: 16px; margin-bottom: 17px;}
.right-container p {margin: 0 0 10px;}
.right-container .form-container .form-field {float: left; height: 87px; padding-right: 1%; width: 50%;}
.right-container .form-container {overflow: hidden;}
.right-container .form-container .form-field label {display: block; font-size: 13px; font-weight: normal;}
label {display: inline-block; font-weight: 700; margin-bottom: 5px; max-width: 100%;}
.right-container .form-container .form-field input, #right-box .right-container .form-container .form-field select {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    width: 100%;
}
.form-field input[type="checkbox"] {width: 15px !important; vertical-align: middle; margin-bottom:5px;}
.right-container .form-container .form-field textarea {width: 100%; height: 45px; border:1px solid #cccccc; border: 1px solid #dfdfdf; border-radius: 5px; padding-left: 10px;}
.right-container h3 {font-size: 20px; margin-bottom: 17px; border-bottom: 1px solid #e3e3e3; font-weight: normal; margin-bottom: 20px; padding-bottom: 5px; text-align: left;}
.table-studio {width:100%; border-top: 0px solid #dfdfdf !important;}
.table-studio td {padding:5px 0px 5px 0px; background-color:#f2f2f2;}
.table-studio td select{ height:30px !important;}
.form-right .form-field input {width:100% !important; border:1px solid red;}
.frm-addnew {width:10%; padding-bottom:10px;}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input {
    line-height: normal;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
/* for activity log studio */
	height: 30px;
	line-height: 30px;
	border: 1px solid #dfdfdf;
}
.right-container .form-container .form-field label span, #right-box .right-container .required {
    color: red;
}
.right-container input[type="submit"] {
    background: #404042 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    height: 50px;
    margin-top: 30px;
    text-transform: uppercase;
    width: 200px;
}
.right-container input[type="reset"] {
    background: #8c8c8e none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    height: 50px;
    margin-top: 30px;
    text-transform: uppercase;
    width: 200px;
	text-align:center;
}
.right-container .form-container .form-field .form-left {
    float: left;
    padding-right: 0.5%;
    width: 49.5%;
}
.right-container .form-container .form-field .form-right {
    float: right;
    padding-left: 0.5%;
    width: 49.5%;
}
.right-container table {
    border-top: 1px solid #dfdfdf;
    width: 100%;
}
table {
    background-color: transparent;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.right-container table tr:nth-of-type(2n+1) {
}
.right-container table tr:nth-of-type(2n) {
    background: #fff none repeat scroll 0 0;
}
.right-container table tr th, #right-box .right-container table tr td {
    /*padding-left: 15px;*/ padding-left: 0px;
}
#right-box .right-container table tr td .ordering {text-align: center; width: 30px; margin-right:5px;}
th {
    text-align: left;
}
td, th {
    padding: 5px; /*padding: 0;*/
}
.right-container table thead tr {
    background: #fff none repeat scroll 0 0;
}

#approveModal .right-container{padding: 20px !important;}
#approveModal .right-container #requestReasonDiv .form-field, #approveModal .right-container .form-field-long{width:100%;height: auto;}
#approveModal .right-container .form-field-long{width:100%;height:87px;}
.dashboard-container .prog-archives .scroll-pane{height: 145px;}
.right-container #accordion img{max-height:350px;}

/*
.right-container table tr {
    border-bottom: 1px solid #dfdfdf;
    height: 40px;
    padding-left: 15px;
}
*/
.pagination {
    margin: 7px auto 7px -3px;
    width: 600px;
}
.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 10px 0;
    padding-left: 0;
}
.pagination .current {
    background: #1c3b8d none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    margin: 1px 5px 9px 0px;
    padding: 4px 10px;
    text-decoration: none;
    text-transform: capitalize;
}
.pagination .page-numbers {
    background: #404042 none repeat scroll 0 0;
    color: white !important;
    display: block;
    float: left;
    margin: 1px 5px 9px 0px;
    padding: 4px 10px;
    text-decoration: none;
    text-transform: capitalize;
}
a {
    color: #337ab7;
    text-decoration: none;
}
/*login page*/
/*#login-bg{/*background:url('../images/top-bg.png')  background:url('../images/login-bg4.jpg') no-repeat; background-size:100%; background-color: #273234;}*/
#login-bg {background: url(../images/login-bg3.jpg) no-repeat center center fixed; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.login-container{width:100%;text-align:center;}
.login-link{color:#a94442; font-size:13px; font-weight:bold; text-transform:capitalize; text-decoration:none; line-height:38px; text-align:left;}
.login-link:hover {text-decoration:none;}
.login-container .login-box{margin: 8% auto;}
.login-container .login-box img{max-width:200px; margin-bottom:10px;}
.login-container .login-box .form-outer{width:100%;}
.login-container .login-box .welcont-outer{float:right; width:44%;}
.login-container .login-box-inner{width:500px; height:auto;overflow: hidden; margin: 0px auto; background-color:#fff; -webkit-box-shadow: 1px 1px 90px 4px #586d68; box-shadow: 1px 1px 90px 4px #586d68;border-radius: 5px;}
.login-container .login-box-inner h3 {font-size:18px; border-bottom:0px; text-align:center; margin-bottom:5px; color:#e00525;}
.login-container .login-box-inner p {text-align:left; font-size:12px; color:#464646; line-height:55px;}
.login-container .login-box-inner .logo-outer {margin:0auto; margin-top:4%; border-right:1px solid #ededed;}
.login-container .login-box-inner .form-box {padding: 50px 30px;text-align: center;}
.login-container .login-box-inner .form-box-pwd {padding:100px 60px 35px 60px; text-align:left;}
.login-container .login-box-inner .top{/*background:#8C8C8E; margin: 3px; padding:25px 25px 0px 25px; */text-align: left;color: #404042; line-height: 25px;font-size:14px; margin:0px; padding:0px;}
.login-container .login-box-inner .top .error,#datetime_error{color:#a94442;}
.login-container .login-box-inner .top label{color:#404042; font-weight:bold; font-size:14px; line-height:25px;}
.login-container .login-box-inner .top input{width:100%;border:0px solid #f6f6f6; border-radius:10px;height:50px;line-height:45px;padding-left:5px;margin-bottom:15px;color:#787878; padding-left:10px; font-weight:bold; font-size:13px; -moz-box-shadow: inset 0 0 4px #adadad; -webkit-box-shadow: inset 0 0 4px #adadad; box-shadow: inset 0 0 4px #adadad;}
.login-container .login-box-inner .top input[type="submit"] {background-color:#000; color:#fff; float:right; width:100%; }
.login-container .login-box-inner .bottom{/*padding: 15px 28px 10px;*/ padding:0px; overflow: hidden; float:left; width:50%;}
.login-container .login-box-inner .bottom .submit{float:left;}
.login-container .login-box-inner .bottom input[type="submit"]{width:110px;height:42px;text-align:center;color:#fff;border:0px;background:#404042;font-size:17px;}
.loign-footer {float:left; width:100%; padding: 15px 5px; text-align:center; color:#464646; font-size:12px;}
.login-copyright {border-top:1px solid #c8c8c8; width:100%; float:left; margin-top:40px;}
.login-copyright span {color:#b2b2b2; font-size:11px; margin-top:15px;}
.login-welcome{background:url('../images/login-welcome.jpg') no-repeat; height:590px; padding:60px; text-align:left;}
.login-welcome-pwd{background:url('../images/login-welcome.jpg') no-repeat; height:540px; padding:60px; text-align:left;}
.login-welcome .content-head {font-size:35px; color:#fff; padding:0px; margin:20px 0px 0px 0px; font-weight:normal;}
.login-welcome .content-head2 {font-size:35px; color:#fff; padding:0px; margin-top:-14px; font-weight:normal;}
.login-welcome .welcome-text {border-left:2px solid #fff; color:#fff; padding-left:29px; margin:44px 0px 0px 2px; font-size:15px; line-height:25px;}
#running-progs .slick-prev:before{font-size:25px; color:#000;}
#running-progs .slick-next:before{font-size:25px; color:#000;}
#running-progs .slick-prev{right:35px; top:-20px; left:auto;}
#running-progs .slick-next{right:5px; top:-20px;}
.student-box {float:left; width:100%; padding:24px;}
.st-payment {float:left; width:30%;}
.st-archives {float:left; width:32.5%; margin-left:2.5%;}
.st-accessments {float:right; width:32.5%;}
.st-scroll-pane{width:100%; float:left;}
.st-scroll-pane ul{margin:0; padding:0;}
.st-scroll-pane ul li{width:95%; font-size:12px; font-family:Arial, Helvetica; color:#7e7e7e; margin:0; padding:7px 7px 5px 15px; list-style:none; border-top:1px solid #d7d7d7; display:inline-block; background:url('../images/arrow.png'); background-repeat:no-repeat; background-position: 0px 12px;}
.st-scroll-pane small{text-align:right; width:100%; float:left}
.my-payments{background:#fff; width:100%; float:left; border:1px solid #d8d8d8; border-radius:10px; padding:15px; min-height:205px;}
.my-payments h3{background:url(../images/progs-icon.png) 5px -216px no-repeat; width:100%; float:left; height:38px; font-family:Arial, Helvetica; font-size:15px; color:#1c3b8d; padding-left:50px; margin:0; line-height:35px; font-weight:bold; text-transform:capitalize;}
.my-payments .st-scroll-pane ul li a{color:#000; padding-left:40px; float:left; font-weight:bold;}
.my-payments .st-scroll-pane small{display:block; font-size:11px; text-align:left; color:#7e7e7e;}
.my-payments .st-scroll-pane ul li a.doc-box{background:url(../images/files-icon.png) 0 0 no-repeat;}
.my-payments .st-scroll-pane ul li a.pdf-box{background:url(../images/files-icon.png) 0 -40px no-repeat;}
.my-payments .st-scroll-pane ul li a.excel-box{background:url(../images/files-icon.png) 0 -80px no-repeat;}

.ar-scroll-pane{width:100%; float:left;}
.ar-scroll-pane ul{margin:0; padding:0;}
.ar-scroll-pane ul li{width:95%; font-size:12px; font-family:Arial, Helvetica; color:#7e7e7e; margin:0; padding:7px 7px 5px 7px; list-style:none; border-top:1px solid #d7d7d7; display:inline-block;}
.ar-scroll-pane small{text-align:right; width:100%; float:left}
.my-archives {background:#fff; width:100%; float:left; border:1px solid #d8d8d8; border-radius:10px; padding:15px; min-height:270px;}
.my-archives h3 {background:url(../images/progs-icon.png) 5px -285px no-repeat; width:100%; float:left; height:38px; font-family:Arial, Helvetica; font-size:15px; color:#1c3b8d; padding-left:50px; margin:0; line-height:35px; font-weight:bold; text-transform:uppercase;}
.my-archives .ar-scroll-pane ul li a{color:#000; padding-left:40px; float:left; font-weight:bold;}
.my-archives .ar-scroll-pane small{display:block; font-size:11px; text-align:left; color:#7e7e7e;}
.my-archives .ar-scroll-pane ul li a.doc-box{background:url(../images/files-icon.png) 0 0 no-repeat;}
.my-archives .ar-scroll-pane ul li a.pdf-box{background:url(../images/files-icon.png) 0 -40px no-repeat;}
.my-archives .ar-scroll-pane ul li a.excel-box{background:url(../images/files-icon.png) 0 -80px no-repeat;}
/* start student application form */
.right-container .education h2 {border-bottom: 2px solid #dfdfdf; line-height: 35px;}
.right-container .education .headings {font-weight: bold; margin-bottom: 10px; overflow: hidden;}
.right-container .education .degree {float: left; margin-right: 0.5%; width: 14.5%;}
.right-container .education .headings label {font-weight: normal; width:100%; font-weight:bold;}
.right-container .education .headings input, .right-container .education .headings input select {border: 1px solid #dfdfdf; border-radius: 5px; height: 40px; line-height: 40px; padding-left: 10px; width:100% !important;}
.right-container .employee .employer {float: left; margin-right: 0.5%; width: 19.5%;}
.right-container .employee label {font-weight: normal; width:100%; font-weight:bold;}
.right-container .employee input, .right-container .employee input select {border: 1px solid #dfdfdf; border-radius: 5px; height: 40px; line-height: 40px; padding-left: 10px;/*width:100% !important;*/}
#right-box .right-container .employee .emp_date {width: 9.5%;margin-right: 0.5%;float: left;}

.right-container .education .passing_year {float: left; margin-right: 0.5%; width: 14.5%;}
.right-container .education .percentage {float: left; margin-right: 0.5%; width: 14.5%;}
.right-container .education .university {float: left; margin-right: 0.5%; width: 27.5%;}
.right-container .education .certificate {float: left; width: 27%;}
.right-container .education .educationBox {margin-bottom: 10px; overflow: hidden; width: 100%;}
.right-container .education .educationBox input, #right-box .right-container .education .educationBox select {border: 1px solid #dfdfdf; border-radius: 5px; height: 40px; line-height: 40px; padding-left: 10px; margin:5px 0px;}
.right-container .education .passing_year {float: left; margin-right: 0.5%; width: 14.5%;}
.right-container .education .btn-ctrls {margin-top: 15px;}
.right-container .employee h2 {border-bottom: 2px solid #dfdfdf; line-height: 35px;}
.right-container .employee .headings {font-weight: bold; margin-bottom: 10px; overflow: hidden;}

.right-container .employee .employer_address {float: left; margin-right: 0.5%; width: 24.5%;}
.right-container .employee .degination {float: left; margin-right: 0.5%; width: 14.5%;}
.right-container .employee .duration {float: left; margin-right: 0.5%; width: 19.5%;}
.right-container .employee .certificateEmp {float: left; width: 20%; /*padding-left: 3%;*/ padding-left: 0%;}
.right-container .employee .employeeBox {margin-bottom: 10px; overflow: hidden; width: 100%;}
.right-container .employee .employeeBox input, #right-box .right-container .education .employeeBox select {border: 1px solid #dfdfdf; border-radius: 5px; height: 40px; line-height: 40px; padding-left: 10px; margin:5px 0px;}
.studentAppReview  .right-container-nospace{padding-bottom:40px !important;font-size: 14px;}
.studentAppReview input[type="radio"]{margin-right: 5px;}
.studentAppReview textarea{width: 95%;height: 120px;margin: 20px 0px;}
.studentAppReview input[type="submit"]{height: 30px;background: #404042;line-height: 30px;border: none;color: #fff;text-transform: uppercase;padding: 0px 15px;}
/* end student application form */
/* start program fee details*/
.payment-detail {float:left; width:100%; border:1px solid #dfdfdf; padding:10px; font-weight:bold;}
.payment-detail h3 {font-size:15px; font-weight:bold; padding:0px; margin:0px 0px 10px 0px; height:25px; border-bottom:2px solid #dfdfdf;}
.payment-box {float:left; background-color:#eae8e8; padding:10px;}
.pay-txtamnt-outer {float:left; width:100%;}
.pay-text {float:left; width:70%; text-align:left;}
.pay-amnt {float:right; width:30%; text-align:right;}
.pay-text-small {float:left; width:60%; text-align:left; padding-left:30px; font-size:11px; font-weight:normal;}
.pay-amnt-small {float:right; width:40%; text-align:right; padding-left:30px; font-size:11px; font-weight:normal;}
.payment-detail span {color:#1c3b8d; font-size:15px;}
.payment-detail a {font-size:10px; color:#fff; background-color: #1c3b8d; text-decoration:none; padding:0px 2px;}
.payment-detail a:hover {font-size:10px; color:#fff; background-color: #1c3b8d; text-decoration:none; padding:0px 2px;}
.payment-grand {width:100%; padding:5px; border-top:1px solid #d2d0d0; border-bottom:1px solid #d2d0d0;}
.pm-mar-t {margin-top:20px;}
.payment-heading {margin-bottom:10px;font-size: 14px;}
.nopadding {padding: 0 !important; margin: 0 !important;}
.payment-detail span {color:#1c3b8d; font-size:15px;}
.payment-detail a {font-size:11px; color:#fff; background-color:#1c3b8d; font-weight:normal; padding:1px; text-decoration:none;}
.payment-detail a:hover {font-size:11px; color:#fff; background-color:#000; font-weight:normal; padding:1px; text-decoration:none;}
.payment-small {padding-left:20px; font-size:11px;}
.payment-red {font-size:12px !important; color:#1c3b8d;}
.payment-grand {width:100%; padding:5px; border-top:1px solid #d2d0d0; border-bottom:1px solid #d2d0d0;}
.payment-box input[type="text"]{width:50px;text-align: right;background: transparent;border: none;}
.offline-payment{display:none;}
.payment-success{
 text-align: center;
 padding-top: 75px;
 font-size: 18px;
}
.payment-success h2{
 color:#259b2b;
 font-size: 25px;
}

/* archive details */
.right-container-popup {float:left; height: auto; padding:15px; width: 100%;}
.right-container-popup .form-container .form-field-long {float: left; height: 87px; padding-right: 1%; width: 100%;}
.right-container-popup .form-container .form-field-long label {display: block; font-size: 13px; font-weight: normal;}
label {display: inline-block; font-weight: 700; margin-bottom: 5px; max-width: 100%;}
.right-container-popup .form-container .form-field-long input, #right-box .right-container .form-container .form-field select {border: 1px solid #dfdfdf; border-radius: 5px; height: 45px; line-height: 45px; padding-left: 10px; width: 100%;}
.right-container-popup .form-container .form-field-long select {border: 1px solid #dfdfdf; border-radius: 5px; height: 45px; line-height: 45px; padding-left: 10px; width: 100%;}
.right-container .form-container select {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    width: 100%;
}
.nopadding {padding: 0 !important; margin: 0 !important;}
.alert-height {height:45px;}
.alert-text {padding-top:19px; padding-left:0px !important;}
.right-container-nospace {height: auto;padding: 15px 35px !important; width: 100%;}
.right-container-nospace .form-container .form-field {float: left; padding-right: 1%; width: 45%; margin-bottom:10px;}
.right-container-nospace  .form-container {overflow: hidden;}
.right-container-nospace .form-container .form-field label {display: block; font-size: 13px; font-weight: normal;}
label {display: inline-block; font-weight: 700; margin-bottom: 5px; max-width: 100%;}
.right-container-nospace .form-container .form-field input, #right-box .right-container .form-container .form-field select {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    width: 100%;
}
.frm-img {float:left; /*width:100%; text-align:right;*/ padding:10px; position:absolute; right:0; margin-right:20px;}
.right-container-popup .form-container .form-field-long .form-left {
    float: left;
    padding-right: 0.5%;
    width: 49.5%;
}
.right-container-popup .form-container .form-field-long .form-right {
    float: right;
    padding-left: 0.5%;
    width: 49.5%;
}
/* start help page */
.help {float:left; width:100%; padding:0px 15px;}
.help-heading {height:40px; background-color:#dfdfdf; padding:10px; font-weight:bold;}
.help-link {padding:5px; border-bottom:1px solid #dfdfdf;}
.help-link a {text-decoration:none; color:#337ab7;}
.help-link a:hover {text-decoration:none; color:#000;}
.help p {padding:5px;}
/* document admin */
.breadcrumb-height {height:30px;}
.addnew-heading {height:45px; padding:10px; margin-bottom:10px; background-color:#dfdfdf;}
.addnew-student-btn {margin:-50px 0px 20px 0px;}
/*student payment*/
.sp-tran-outer {float:left; width:100%; padding:0px; margin:0px;}
.sp-tran-l {float:left; width:40%; padding:10px; margin:0px;}
.sp-tran-r {float:right; width:60%; padding:10px; margin:0px;}
#viewModal .form-field {float: left; padding-right: 1%; width: 45%;}
/* dashboard */
.running-program-img {height:155px; padding-top:10%;}
.running-program-img img{height:100% !important; width:auto !important;}
.running-linkspace {border-right:1px solid #dcdcdc;}
#right-box .right-container h4 {
    font-size: 14px;
    margin-bottom: 15px;
    border-bottom: 2px solid #DFDFDF;
    line-height: 30px;
}
#right-box .right-container .form-container .externalLinks .headings{font-weight:bold;margin-bottom: 10px;overflow: hidden;}
#right-box .right-container .form-container .externalLinks .title{width:39.5%;margin-right:0.5%;float:left;}
#right-box .right-container .form-container .externalLinks .link{width:59.5%;float:left;}
#right-box .right-container .form-container  .externalLinkBox{margin-bottom: 5px; overflow: hidden;}
#right-box .right-container .form-container  .externalLinkBox input{height: 40px;border: 1px solid #DFDFDF;border-radius: 5px;padding-left: 10px;line-height: 40px;}
#right-box .right-container .form-container  .externalLinks .ctrls-btns{margin-top: 15px;}
#right-box .right-container .form-container  .externalLinks .ctrls-btns button{border-radius:0px;}
#right-box .right-container .form-container .fileupload-buttonbar {
    margin-bottom: 10px;
}
#right-box .right-container .form-container .fileupload-buttonbar{margin-bottom:10px;}
#right-box .right-container .form-container .fileupload-buttonbar button, #right-box .right-container .form-container .fileupload-buttonbar .fileinput-button{border-radius:0px;margin-right: 3px;}
#right-box .right-container .form-container .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;}
#right-box .right-container .form-container .table td:nth-child(1){width:15%;}
#right-box .right-container .form-container .table td:nth-child(2){width:40%;}
#right-box .right-container .form-container .table td:nth-child(3){width:10%;}
#right-box .right-container .form-container .table td:nth-child(4){width:35%;text-align:right;padding-right:15px;}
#right-box .right-container .form-container .table-striped img{height:50px;}
#right-box .right-container .form-container .table .name{padding: 3px 0px 0px 0px;margin: 0px;}
#right-box .right-container .form-container .table .name input{height: 30px;border: 1px solid #DFDFDF;border-radius: 5px;line-height: 30px;padding-left:5px;}
#right-box .right-container .form-container .table .size{padding: 13px 0px 0px 0px;margin: 0px;}
#right-box .right-container .form-container .table button{border-radius:0px;}
#right-box .right-container .form-container .table canvas{height:50px !important;width: auto;}
.question-detail strong{display:block;}
.assesment-duration select{width:49% !important;}
.form-field-full{width:100% !important;height:auto !important;}
.form-field-full .ass-levels{width:24%;float:left;margin-right:1%;}
.form-error{text-transform: capitalize; margin-top:-16px; font-size:12px; font-size:11px;}
.no-content {float:left; width:100%; text-align:center; font-size:18px; margin:30px 0px 30px 0px; }
.flexslider{
    margin: 0 !important;
    background: none !important;
    border: none !important;
}
.flexslider  input[type="submit"], .flexslider #assessmentSubmitDisabled{
    background: #16a242 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    margin-top: 33px;
    padding: 3px 0px;
    text-transform: uppercase;
    width: 90px;
	height: 35px;
}
.flexslider h4{
    margin: 10px 0px 10px 0px !important;
    border: 0 !important;
    font-size: 17px !important;
}
.flexslider .radio{
margin-top: 10px;
    margin-bottom: 15px;
    font-size: 14px;
}
.assesmentPointers{
 margin-top:35px;
 padding: 0px 12px;
}
.assesmentPointers a{
    padding: 9px;
    background: #9a9a9a;
    color: #fff;
    line-height: 35px;
    font-weight: bold;
    border-radius: 16px;
	margin: 2px 1px;
}
.assesmentPointers .active{
 background: #337ab7;
}
.assesmentTimer{
 position: absolute;
 top: 75px;
 right: 35px;
 width: 165px;
 border: 1px solid #404042;
 background: #fff;
}
.assesmentTimer img{
     width: 25px;
}
.assesmentTimer table, .assesmentTimer table tr, .assesmentTimer table tr td{
border:0px;
}
.assesmentTimer table tr td{
  padding-left: 5px !important;
}
.assesmentTimer label{
 line-height: 25px;
 font-size: 16px;
 margin-bottom: 0px;
 font-weight: 500;
}
.assesmentTimer #getting-started{
 font-size: 20px;
}
#questionsError p{
    color: #b94a48;
    margin-top: 15px;
    font-size: 14px;
}
/*******BY vivek on 2 aug*****/
.st-details .row{padding:12px 0px;}
.st-details .img-circle{height:70px;width:70px;}
.st-details table{margin-bottom: 25px;}
.filter-box {float:right; width:15%; padding:5px; margin:0px;}
.filter-box-left {float:left; width:11%; padding:5px; margin:0px;}
.filter-box-left input {height: 30px !important; margin-top: 0px !important; width: 80px !important;}
.stu-program {width:100%; padding:0px; margin:0px;}
.stu-prog-title {float:left; width:50%; padding:10px; margin:0px; text-align:left;}
.stu-prog-logo {float:right; width:50%; padding:10px; margin:0px; text-align:left;}
.title-header {background-color:#fff; font-weight:bold; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.title-graybg {line-height:65px; border-bottom:1px solid #dfdfdf;}
.title-whitebg {line-height:65px; background-color:#fff; border-bottom:1px solid #dfdfdf;}
.stu-program-detail {width:100%; padding: 20px 0px 10px 0px; margin:0px; border-bottom:1px solid #dfdfdf;}
.bg-white {background-color:#fff; padding:10px; float:left;}
.bg-white table{border-top:0px;font-size: 14px;}
.bg-white table td{padding:10px 0px 10px 15px;}
.mn-links ul {line-height:25px; margin-bottom:15px;}
.st-detials-info {float:left; width:33%; padding-right:1%;line-height: 25px; margin-bottom: 10px;}
.st-contact-info {float:left; width:49%; padding-right:1%;line-height: 25px; margin-bottom: 10px;}
.st-availibility-info {float:left; width:100%; padding-right:1%;line-height: 25px; margin: 5px 0px 5px 0px;}
.back-button {position: absolute;top: 70px;right: 35px;}
.back-button  button{background: url(../images/go-back-btn.png);
    border: 0px;
    font-size: 0px;
    height: 25px;
    width: 75px;}

/********by vivek ends 3 aug starts*****/
.myprogram-box {width:85%; margin:0 auto;}
.myprog-box {width:24%; float:left; border:1px solid #e5e4e4; background-color:#ebebeb; text-align:center; border-radius:10px; margin:0 5px; padding:10px;}
.myprog-box img {width:100%;} /* ----new added for student-program page ----*/
.myprog-box h2 {font-size:13px; font-weight:bold; text-align:left; border-top:2px solid #ccc; padding-top:10px;}
.myprog-label {float:left; width:50%; padding:5px; text-align:left; font-weight:bold;}
.myprog-text {float:right; width:50%; padding:5px; text-align:left;}
.myprog-text a {text-align:right; float:right; padding:2px; font-size:12px; margin-bottom:10px; text-decoration:none;}
.my-module li {display: block; }
.my-module li:before{content: "\e080"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 1px; margin-left: -17px; color: #1c3b8d;}
.mymodule-heading {height:60px; padding:10px; font-weight:bold; margin-top:20px;}
.mymodule-heading h3{background:url(../images/module-icon.png) 0px -2px no-repeat; width:100%; height:38px; font-family:Arial, Helvetica; font-weight:bold; font-size:14px; color:#333; padding-left:45px; margin:0; line-height:35px; text-transform:uppercase;}
********by vivek ends 3 aug ends*****/

.notification-box {float:left; width:100%; padding:10px; margin:0px; border-bottom: 1px solid #dfdfdf;}
.notification-box p {margin-bottom:15px;}
.notification-whitebg {background-color:#fff;}
.notify-head {font-weight:normal; font-size:14px; line-height:40px;}
.notify-head .date {margin-left:30px;}

/********by vivek ends 9 aug ends*****/
/* start register section */
.register-header {border-bottom:4px solid #cdcdcd; text-align:left; padding:20px 0px 5px 0px; margin-bottom:20px;}
.register-toplinks {text-align:right; padding:25px 0px 0px 0px; width:100%;}
.register-toplinks a {width:15%; font-weight:normal;}
.login-container .register-box-inner{width:100%; height:auto;overflow: hidden;border:1px solid #E3E3E3;margin: 0px auto;border-radius: 5px; box-shadow: 0px 8px 10px -1px #888888;}
.login-container .register-box-inner .top{background:#fff; margin: 3px;text-align: left;color: #404042; padding:20px 25px;line-height: 25px;font-size:14px;}
.login-container .register-box-inner .top .error,#datetime_error{color:#a94442;}
.login-container .register-box-inner .top label{color:#404042; font-weight:normal; width:100%;}
.login-container .register-box-inner .top input{width:100%;border:1px solid #cccccc; border-radius:3px;height:45px;line-height:45px;padding-left:5px;margin-bottom:15px;color:#787878}
.login-container .register-box-inner textarea {width: 100%;height: auto; border:1px solid #cccccc;}
.login-container .register-box-inner select{height: 45px; border: 1px solid #cccccc; line-height: 45px; width:100%; color:#787878; margin-bottom:15px;}
.login-container .register-box-inner input[type="radio"] {width: 25px;vertical-align: middle; margin-bottom:5px;}
.login-container .register-box-inner .bottom{padding: 15px 28px 10px;overflow: hidden;}
.login-container .register-box-inner .bottom .submit{float:right;}
.login-container .register-box-inner .bottom input[type="submit"]{width:110px;height:40px;text-align:center;color:#fff;border:0px;background:#404042;font-size:14px;}
.login-container h2 { margin:0 auto; width:100%; font-size:24px; font-weight:bold; text-align:left; margin:0px; padding:10px; border:1px solid #e3e3e3; border-bottom:0px solid #e3e3e3; border-top-left-radius:10px; border-top-right-radius:10px; background: #fff; background: -webkit-linear-gradient(#fff, #e4e4e4); background: -o-linear-gradient(#fff, #e4e4e4); background: -moz-linear-gradient(#fff, #e4e4e4); background: linear-gradient(#fff, #e4e4e4); }
.login-container h3 {font-size:20px; font-weight:normal; text-align:left; border-bottom:1px solid #e3e3e3; padding-bottom:5px; margin-bottom:20px;}
/* end register secitons*/

.right-container  h2 a.link-button{
    background: #337ab7;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 4px 7px;
    font-size: 14px;
}
.right-container  h2 a.link-button button{
    background: none;
    border: 0px;
    padding: 0px;
    height: auto;
    line-height: 16px;
}
.flexslider .radio input[type="radio"]{
    vertical-align: baseline;
    height: auto;
}
.quiz-button{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
	font-size: 14px;
    padding: 1px 20px 3px;
    height: 35px;
}
.flexslider .slides {
    min-height: 225px;
}
.flexslider #assessmentSubmit{
  display:none;
}
.flexslider #assessmentSubmitDisabled{
  background:grey;
  cursor: default;
  display: inline-block;
  text-align: center;
  padding: 8px 0px 0px 0px;
  text-decoration: none;
}
.flex-direction-nav {
    padding-top: 69px !important;
}
.flexslider #assessmentQuestionSave{
    background: #1c3b8d none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
	display:inline-block;
    padding: 7px 15px;
    margin-right: 5px;
	text-decoration:none;
}
.flexslider #assessmentQuestionSave.diactivate-save{
    opacity:0.6;
	pointer-events: none;
}
.saveStatus{color:#16a242;}
.obtained-marks{font-size: 15px;font-weight: bold;}
.obtained-marks input[type="text"]{width: 70px;padding: 3px 7px;height: 35px;font-size: 14px;}
.flexslider  h4.assessment-header strong{float:left;margin-right:10px;}
#warningPopup .modal-dialog{top: 100px;}
#warningPopup h2{margin:0px;color:#337ab7;}
#warningPopup .close{height: 18px;font-size: 35px;margin-top: -8px;padding: 0px;color: #1c3b8d;opacity: .6;}
#warningPopup #warning{padding: 5px 0px;font-size: 15px;}
#warningPopup #warning strong{color:#1c3b8d;}
#warningPopup button{border-radius: 0px;padding: 0px 18px;}
.assessment-name{font-weight: 500;font-size: 20px;text-transform: capitalize;}
@media (min-width:320px) and (max-width:767px)
{
  .login-container .login-box {
  margin: 30% auto;
  }
.login-container .login-box-inner{width:90%;}
.login-container .register-box-inner{width:90%;}
.login-container .login-box-inner .bottom{padding: 15px 8px 10px;}
.login-container .register-box-inner .bottom{padding: 15px 8px 10px;}
.st-payment {float:left; width:100%; margin-left:2.5%;}
.st-archives {float:left; width:100%;}
.st-accessments {float:left; width:100%; margin-left:2.5%;}
.right-container .form-container .form-field {float: left; width: 100%;}
.right-container .education .degree {float: left; width: 100%;}
.right-container .education .passing_year {float: left; width: 100%;}
.right-container .education .passing_year {float: left; width: 100%;}
.right-container .education .percentage {float: left; width: 100%;}
.right-container .education .university {float: left; width: 100%;}
.right-container .education .certificate {float: left; width: 100%;}
.right-container .employee .employer {float: left; width: 100%;}
.right-container .employee .employer_address {float: left; width: 100%;}
.right-container .employee .degination {float: left; width: 100%;}
.right-container .employee .duration {float: left; width: 100%;}
.right-container .employee .certificateEmp {float: left; width: 100%;}

.right-container .education .headings label {float:left; width:100%;}
.right-container .education .headings input, select {float:left; width:100%;}
.register-toplinks a {width:25%; margin-right:15px;}
.login-container h2 {width:90%; margin:0 auto;}
.st-detials-info {float:left; width:100%;}
.st-contact-info {float:left; width:100%;}
.studio-contact-info {float:left; width:100%;}
.studio-container .form-container .form-field {float: left; width: 100%; }
.studio-contact-info-4 {float:left; width:100%;}
.st-box-date-l {float:left; width:100%;}
.st-box-date-r {float:left; width:100%; text-align:left;}
.st-box-date-r ul li {display:block;}
.studio-contact-info select {float:left; width: 100%; margin:5px 0px 5px 0px; height:35px}
.studio-contact-info input[type="text"] {width:100%; float:left;}
.studio-contact-info-4 {line-height: 10px; margin-bottom: 5px;}
.st-box-date-r input[type="checkbox"]{height:25px; margin-bottom:0px;}
.form-field-lg input[type="radio"] {height:25px; margin-bottom:0px;}
.filter-box-left {float:left; width:100%; padding:5px; margin:0px;}
.top-bar{width:100%;}

.login-container .login-box-inner p {line-height:18px;}
.login-container .login-box-inner .form-box {padding:40px 20px;}
.login-copyright {margin-top:15px;}
.login-welcome{padding:10px;}
.login-welcome .content-head {font-size:30px;}
.login-welcome .content-head2 {font-size:25px;}
.login-container .login-box .form-outer{width:100%;}
.login-container .login-box .welcont-outer{float:left; width:100%;}


}
@media (min-width:768px) and (max-width:991px)
{
.login-container .login-box-inner{width:500px;}
.login-container .register-box-inner{width:50%;}
.st-payment {float:left; width:100%;}
.st-archives {float:left; width:100%;  margin-left:0;}
.st-accessments {float:left; width:100%;}
.register-toplinks a {width:15%; font-weight:normal;}
.login-container h2 {width:50%; margin:0 auto;}

.login-container .login-box-inner .form-box {padding:40px 10px 35px 10px;}

}
@media (min-width:992px) and (max-width:1279px)
{
.login-container .login-box-inner{/*width:40%;*/ width:500px;}
.login-container .register-box-inner{width:40%;}
}
@media (min-width:1280px) and (max-width:1366px)
{
.login-container .login-box{/*margin: 115px auto;*/ margin: 6% auto;}
}
@media (min-width:769px) and (max-width:1600px) {
#left-menu .navbar-toggle{display:none;}
}
/* end CSS by Sanjeev and Surender */

a:focus {outline:none; }
button:focus {outline:none;}

@media (min-width:320px) and (max-width:767px) {
/*For menu close button css start here*/

.navbar-toggle .icon-bar:nth-of-type(2) {
      background:#1c3b8d!important;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
      top: 0px;
      transform:none;
}
.navbar-toggle .icon-bar:nth-of-type(4) {
      top: 0px;
      transform: none;
}

.navbar-toggle .icon-bar:nth-of-type(1) {
      top: 6px;
      transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
      background:#fff !important;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
      top: 0px;
      transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(4) {
      top: -5px;
      transform: rotate(-45deg);
}

/*For menu close button css end here*/
}
body.noscroll
{
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}
#feedbackPopup .modal-body textarea{
    width:100%;
	margin-bottom:10px;
	height: 75px;
}
@media (min-width:320px) and (max-width:359px) {
	#pane2.scroll-pane{height:300px;}
}
.user-sttngs ul li a{padding:20px 10px 10px 10px; color:#fff;}
.user-sttngs ul li a span.glyphicon-user{padding-right:5px;}
.user-sttngs ul li a:hover, a:focus{text-decoration:none;}
.user-sttngs ul li ul li{float:none;}
.user-sttngs ul li ul.dropdown-menu-right{right:30px;}
.user-sttngs ul li ul li a{padding:5px 20px; color:#1c3b8d; text-transform:none;}
.user-sttngs ul li ul li:last-child{padding-right:0;}

@media (min-width:320px) and (max-width:767px) {
	.user-sttngs ul li a{padding:0px 15px 0px 10px;}
}
/* --------------------------added on 18.10.2016 for gride responsive ---------------------------*/
#no-more-tables table th {border-top:1px solid #dfdfdf;}
@media only screen and (max-width: 800px)
{
 	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
	display: block;
	}
 #no-more-tables thead tr {position: absolute; top: -9999px; left: -9999px;}
 #no-more-tables tr { border: 0px solid green;}
 #no-more-tables td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50% !important; white-space: normal; text-align:left;}
 #no-more-tables td:before { position: absolute; top: 6px; left: 6px; width: 45%;  padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; }
 #no-more-tables td:before { content: attr(data-title); }
}
.recordsArea .recordLoader{position: absolute;width: 74.5%;text-align: center;padding-top: 50px;height: 540px;;background: rgba(255, 255, 255, 0.6);}
.keywordSearch{padding: 5px;background: url(../images/search-icon.png) no-repeat #fff right;}
.archive-links{
    height: auto !important;
    margin-bottom: 10px;
}
.archive-links .archive-link{
  margin-bottom: 10px;
}
#termsModal .modal-dialog .modal-body {height:500px; overflow:auto;}