body.login {
    background: rgba(0, 0, 0, 0) url("../images/pattern-bg.png") repeat scroll left top;
}
a {
    color: #0078ff;
}
.dashboard-container{ margin:60px auto; max-width: 863px; float:none;}
.dashboard-container li a{border: none}
.logo-section {float:left; width:100%; text-align:center; text-decoration:none; border:none; padding:0 0 30px;}
.category-section {float:left; width:100%;padding-bottom: 40px; text-align: center!important;}
.category-section ul {list-style:none; margin:0; padding:0;}
.category-section li {float:none; width:170px; margin:0 55px 0 0; display:inline-block!important;}
.category-section li:last-child {margin:0;}
.category-section li a {display:block; height:167px; width:170px; float:left; color:#fff; font-size:28px; background:#2e79b9; text-align:center; border-radius:100%; padding-top:50px; text-decoration:none; line-height:32px; font-weight:600;}
.category-section li a span {float:left; width:100%; text-align:center; font-size:16px; font-weight:500;}
.category-section li.teachers-sec a:hover {background:#2169a6;}
.category-section li.subscribers-sec a {background:#59ba58}
.category-section li.subscribers-sec a:hover {background:#3f9f3e;}
.category-section li.activity-sec a {background: #f2ae43; height: 160px;line-height: 18px; padding-top: 15px;}
.category-section li.activity-sec .total_parents { border-bottom: 1px solid #fff; float: left; line-height: 48px; margin: 0 15% 5px; padding-bottom: 5px;  width: 70%;}
.category-section li.activity-sec .total_parents span {line-height: 18px;}
.category-section li.activity-sec a:hover {border-radius:100% 100% 0 0;}
.category-section li.teacher-activity-sec a {background:#a640f3;}
.category-section li.teacher-activity-sec a:hover {background: #7719bd;}
.total_students {width:100%; float: left; line-height:48px;}
.total_students span {line-height: 18px;}
.category-section li:last-child {margin:0;}
.last-days {font-size: 14px!important;}

.teachers-profile-con {margin:10px auto; max-width:830px;}
.progress-bar-con {float:left; margin:60px 0 0 0;}
.progress-bar-con span {float:left; width:100%; margin:5px 0 0 0; font-size:12px; color:#666; text-align:center;}
.teacher-profile {float:left; width:100%;text-align:center;}
.teacher-profile .profile-img {float:left; width:100%;}
.teacher-profile .profile-img img{max-width:130px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px;}
.teacher-name {float:left; width:100%; margin:10px 0 0 0; text-align:center; font-size:18px; color:#333; font-weight:bold;}
.teacher-name a { font-size:18px; color:#333; font-weight:bold; text-decoration:none;}
.last-seen {float:left; width:100%; text-align:center; font-size:14px; color:#666; margin:5px 0 0 0;}
.dashboard_outer { float: left;padding: 2%; width: 96%; background: #fff;}
.dashboard_heading{float: none !important;}
.school_header_right { float: right; width: auto; margin:-20px 0 0;}
.school_heading { float: left; margin: 11px 10px 0 0; width: auto;}
#progressBar_1, #progressBar_2 {background: #fff!important}
.progress-bar-con div.dioprogress_padding {background:none!important; }
.progress-bar-con div.dioprogress_size_xl {height: 4px; border-radius:0px!important; }

.progress-bar-con div.dioprogress_padding {height:4px!important; border-radius:0px!important; -webkit-border-radius:0px!important; -moz-border-radius:0px!important; -ms-border-radius:0px!important; -o-border-radius:0px!important; padding:0!important; }
/*.nav-outer{padding: 15px 0}*/
.relative-progress-bar .dioprogress_padding { background: #fff!important;  border: 1px solid #ccc!important;}
.teacher_comm{line-height: 18px!important;margin-top: 10px;}
.nav > li > a {font-size: 16px!important;}
.nav .nav-header {font-size: 16px!important;}
.last-login{float: left;}
.teacher_info_details_bar{clear: both;width: 100%;padding-top:20px;}
.progress-bar_1 {float: left;margin-left: 100px;width: 100%;}
.progress-bar_2 {float: left;margin-left: 50px;width: 250px;}
.activity_progress_bar{float: left;width: 65%;}
.users_progress_bar{float: left;width: 31%;margin-left: 25px;}

.header_last_login .school_heading a {text-decoration: underline;}
.header_last_login .school_heading a:hover {text-decoration: none;}
.header_last_login .dropdown-menu .divider {margin: 3px 1px;}

.logo-sec {float: left; width:12%;}
.header_last_login {float: left; text-align: center; width: 88%; font-size: 14px; color: #000;}
.header_last_login .school_heading { margin-right: 2%;width: 80%;}
.header_last_login .full-address {margin-right: 2%;width: 80%; float: left;  padding-bottom: 10px;}
.change-school { float: right;margin: -25px 0 0;}
.tw-service-content p span {font-size: 12px;}


/*Contact us page*/
.contact-sec {float:left; width:100%; padding:0 10%;}
h2.heading-title {
    font-size: 42px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0;
    text-transform: none;
    text-align:center;
}
.title-seperator {
    background: #969696;
    display: block;
    height: 2px;
    margin: 17px auto;
    position: relative;
    text-align: center;
    width: 80px;
}

.btn-download {
	border-color: #049F0C;
	margin: 0 0 0 10px;
	background-color: #049F0C;
	padding: 8px 30px !important;
	border-width: 1px;
	border-radius: 30px;
	color: #fff;
}

.btn-download:hover {
	border-color: #049F0C;
	background-color: #ffffff;
	color: #049F0C;
}

.contact-sec h3 {font-size:18px; text-align:center; color:#666;}
.contact-info {float:left; width:100%; margin:30px 0 0 0; border-top:1px solid #ededed; padding:30px 0 0 0;}
.contact-info ul {list-style:none; margin:0; padding:0;}
.contact-info li {float:right; width:48%; text-align:left; padding:0 0 30px;}
.contact-info li h3 {
    color: #000000;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin:0 0 10px;
    text-transform: uppercase;
    text-align:left;
}
.contact-info li.whats-up .fa {
    background-color: #1aac00;
    border-color: #1aac00;
    border-radius: 50px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-size: 30px;
    font-style: normal;
    line-height: 32px;
    padding: 12px;
    text-align: center;
    width: 60px;
	height: 60px;
    float:left;
    margin:0 20px 0 0 ;
}
.tw-service-content {float:left; width:auto; font-size:16px; color:#666; max-width: 75%;}
tw-service-content span {font-size:14px; color:#666}
.contact-info li.phone-con {float:right;}
.contact-info li.phone-con .fa{
    background-color: #ff9d27;
    border-color: #ff9d27;
    border-radius: 50px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-size: 30px;
    font-style: normal;
    line-height: 32px;
    padding: 12px;
    text-align: center;
    width: 60px;
	height: 60px;
    margin:0 20px 0 0 ;
    float:left;
}
.contact-info li.skype-con {clear:left;}
.contact-info li.skype-con .fa{
    background-color: #00aef3;
    border-color: #00aef3;
    border-radius: 50px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-size: 30px;
    font-style: normal;
    line-height: 32px;
    padding: 12px;
    text-align: center;
    width: 60px;
	height: 60px;
    margin:0 20px 0 0;
    float:left;
}
.contact-info li.envelope-con {float:right;}
.contact-info li.envelope-con .fa{
    background-color: #8511dc;
    border-color: #8511dc;
    border-radius: 50px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-size: 30px;
    font-style: normal;
    line-height: 32px;
    padding: 12px;
    text-align: center;
    width: 60px;
	height: 60px;
    margin:0 20px 0 0;
    float:left;
}
.contact-info li.envelope-con a {color:#666; text-decoration:none;}
.contact-info li.envelope-con a:hover {color:#333;}
.activity-full-des img{margin-left: 10px;}
.view_all_activity{float: right;margin-top: -41px;}
.inner-table{width: 0;}
.inner-table td{border: none;}
.category-section li.activity-student-prents {
    background:#f2ae43;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 48px;
    font-weight: 600;
    height: 170px;
    line-height: 36px;
    padding-top:10px;
    text-align: center;
    text-decoration: none;
    width: 170px;
}
.category-section li.activity-student-prents a span {line-height:20px;}
.category-section li.activity-student-prents a {height:auto; padding:0; margin:0; background:none; border-radius:0;}
.user-kids {
    float: left;
    margin: 0 10px 0 0;
    width: 25px;
}
.kids-details {
    float: left;
    width: 265px;
}

.kids-subscriber {
    float: left;
    margin: 2px 0 0;
    width: 100%;
}
.kids-arrow {
    color: #666;
    float: left;
    margin: 8px 0 0 0;
    width: auto;
}
.kids-arrow > img {
    float: left;
    margin: 0 5px 0 0;
}
.activity-full-des {float: right;}
.activity-full-des a{text-decoration: none;color: #000;}
.school-grade-dashboard .span3 {width:22.077%;}
.school-grade-dashboard [class*="span"]:first-child {margin-left: 2.5641%;}

.school-grade-dashboard .top-block {
    background: #ffffff !important;
    box-shadow: none;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 100px !important;
    text-shadow: none;
    float: left;
    margin-left: 10px;
}
.category-section li.total-teachrs {
    background:#59ba58;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 48px;
    font-weight: 600;
    height: 164px;
    line-height: 36px;
    padding-top:10px;
    text-align: center;
    text-decoration: none;
    width: 170px;
    overflow:hidden;
}
.category-section li.total-teachrs a span {line-height:20px;}
.category-section li.total-teachrs a {height:auto; padding:0; margin:0; background:none; border-radius:0; width:100%;}
.total_teachers{ border-bottom: 1px solid #fff; float: left; line-height: 48px; margin: 0 15% 0; padding-bottom: 5px; width: 70%;}
.teachers-active-inactive {float:left; width:100%;}
.category-section li.total-teachrs a.active {
    border-right: 1px solid #fff;
    float: left;
    margin: 0 0 0 8% !important;
    padding: 9px 0 0 !important;
    width: 40% !important;
}
.category-section li.total-teachrs a.inactive {
    float: left;
    margin: 0 0 0 2% !important;
    padding: 9px 0 0 !important;
    width: 40% !important;
}
.category-section li a span.last-days {font-size:14px;}
.ActiveTopClass{
    width: 100%;
}

#print_report {
    float: right;
    font-size: 14px;
    line-height: 28px;
}
#print_report .fa {
    background: #ff9d27;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    color: #fff;
    float: left;
    font-size: 15px;
    height: 28px;
    margin: 0 5px 0 0;
    padding: 6px;
    text-align: center;
    width: 30px;
}



/*Login*/
.clip {margin-bottom:-25px;}
.login .well {background:#f1f2f4; box-shadow: 0 -1px 2px inset; -webkit-box-shadow: 0 -1px 2px inset; -moz-box-shadow: 0 -1px 2px inset; padding:3%!important;}
.login .alert-info {background:none; border:none; color:#3a3a3a; font-size:16px; font-weight:700; text-align:center; padding:0;}
.login .input-prepend {width:100%;}
.login fieldset {background:#e5e7e9; box-shadow: 0 1px 2px #666 inset; -webkit-box-shadow: 0 1px 2px #666 inset; -moz-box-shadow: 0 1px 2px #666 inset; padding:15px 0; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px}
.login .input-email {background:url(../images/input-bdr.png) repeat-x left bottom; padding-bottom:15px; margin-bottom:15px !important;}
.login .login-box .input-prepend {margin:0;}
.login .input-prepend .add-on {background:none; font-size:26px; border:none; color:#b1b3b7; display:inline}
.login .input-large {min-height:36px; font-size:18px; color:#6f7278; font-weight:400; border:none; background:none; box-shadow: none;}
.login .input-large:focus {box-shadow: none!important; color:#000!important;} 
.login .btn-primary {background:url(../images/login-btn.png) repeat-x left top; height:67px; border-radius:5px; font-size:34px; text-shadow:0 2px 1px rgba(0, 0, 0, 0.4);  width:100%; padding:0;}
.login-footer {float:left; text-align: center; width:100%; background:url(../images/footer-pattern.png) repeat left top; padding:15px 0; margin:50px 0 0 0;  box-shadow: 0 0 2px; -webkit-box-shadow: 0 0 2px; -moz-box-shadow: 0 0 2px;}
.login-footer-inner { width: 350px;}
.ftr-logo {border-right:2px solid #959595; padding-bottom:10px; padding-top:10px; margin-right:20px;}
.ftr-text {text-align:left; color:#01456a; font-size:16px; font-weight:400; padding-top:15px;}
.login .registration-box fieldset {background:none; box-shadow:none; -webkit-box-shadow:none;}
.login .registration-box .input-email {background:none;}
.login .registration-box .input-prepend{background:#e5e7e9; box-shadow: 0 1px 2px #666 inset; -webkit-box-shadow: 0 1px 2px #666 inset; -moz-box-shadow: 0 1px 2px #666 inset; padding:10px 3%; width:94%; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; text-align:left; position:relative}
.login .error-message {position:absolute; top:0;}
.login .registration-box .input-email-type, .login .registration-box .input-type{width:44%; float:left;}
.login .registration-box .input-pass, .login .registration-box .input-phone {width:42%; float:right;}
.login .registration-box .input-large {font-size:16px;}
.login .registration-box .alert-info {font-weight:300; margin:0;}
.registration-box .ima {
    float: left;
    text-align: left;
    width: 100%;
	padding-bottom:30px;
}
.registration-box .ima h4 {font-size:18px; font-weight:300; color:#6f7278; padding-bottom:10px;}
.registration-box .ima label {float:left; width:auto; margin:0 30px 0 0;font-size:18px; font-weight:300; color:#6f7278; font-weight:700;}
.registration-box .ima label input {float:left; margin:2px 5px 0 0;}
.term_conditions {color:#979696; font-size:18px; font-weight:400; line-height:24px;}
.term_conditions a {color:#29ab56;}
.registration-box .chosen-container-single .chosen-single {font-weight:400; color:#6f7278; font-size:17px;}
.ftr-logo img {max-width:70%;}
.login .chosen-container {width:81%!important;}
.login .chosen-container-multi .chosen-choices li.search-field input[type="text"] {background:!important; font-size:17px; color:#6f7278; border:none!important; height:24px!important}
.login .chosen-container-multi .chosen-choices {background:none!important; border:none!important;}
.logo {float:left;}
.navigation {float:right; width:auto;}
.navigation ul {list-style:none; margin:0; padding:0;}
.navigation li {float:left; padding:0 0 0 28px;}
.navigation li a {text-decoration:none; color:#1597f9; padding:10px 0 0 0; float:left;}
.navigation li a:hover {color:#000;}
.navigation li.last a {border:1px solid #d2d2d2; background:url(../images/nav-menu.png) no-repeat 71px center; padding:10px 50px 10px 21px;display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;}

.content-area {float:left; width:96%; border:1px solid #cecece; margin:90px 0 30px 0; padding:2%; float:left; min-height:500px; margin:90px 0 0 0;}

.footer-container {float:left; width:100%; text-align:center; background:#fff; padding:80px 0 30px;}
.footer-container ul {list-style:none; margin:0 0 10px; padding:0; float:left; width:100%;}
.footer-container li {display:inline-block; margin:0 10px;}
.footer-container li a {color:#0897f7; text-decoration:none; font-weight:700; text-transform:uppercase;}
.footer-container li a:hover {text-decoration:underline;}
.footer-container ul.inner-links {float:left; width:100%; margin:30px 0 0 0;}
.footer-container ul.inner-links li a {color:#333; font-weight:400; text-transform:capitalize; font-size:14px;}

.copy-right {float:left; width:100%; text-align:center; margin:15px 0 0; font-size:14px; color:#333;}
.banner {width:100%; float:left;}
.banner img {width:100%;}
.container-login {background:#f8f8f8; padding:150px 0 0 0; min-height:500px; float:left; width:100%;}
.login-slogn h2 {font-size:36px; font-weight:400; color:#333; text-align:left; line-height:45px;}
.login-slogn h3 {font-size:24px; font-weight:400; color:#666; text-align:left; line-height:30px; padding:20px 0 0 0}
.login-area {float:right!important;}
.login-area input {float:left; width:96%; padding:2% 2%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:5px;}
.login-area .btn-primary {width:100%; background:#1d93f4; border:1px solid #0c79d1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:100%; padding:2% 0; font-size:18px; margin:10px 0 0 0;}
.login-area .alert-info {background:none; padding:0; margin:0; text-align:left; color:#666; font-size:14px; border:none; margin-bottom:5px;}
.forgot-pass {float:left; width:100%; text-align:left;}
.forgot-pass a {color:#1c93f4;}
.slogn-head { float: left; padding: 45px 0 75px 18%; width: 75%;}
.slogn-head h2 {font-size:18px; font-weight:400; color:#333; text-align:left; line-height:26px;}
.slogn-head h3 {font-size:18px; font-weight:400; color:#666; text-align:left; line-height:26px; padding:15px 0 0 0;}
.main-menu-span2 .sidebar-nav {background:none; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none;}
.main-menu-span2 .last-seen {text-align:left; color:#666; margin:5px 0 10px;}
.main-menu-span2 .login-name {color:#333; font-weight:700; font-size:16px;}
.main-menu-span2 .nav-tabs > li {float:left; width:100%;   margin: 0 !important; padding: 3px 15px;}
.main-menu-span2 .nav-tabs > li > a {background:none; border:none; padding:0; margin:10px 0 0 0; color:#1d93f4;}
.main-menu-span2 .nav-tabs > li.referrals .fa {color:#d6918f;}
.main-menu-span2 .nav-tabs > li.invite .fa {color:#988bc9;}
.main-menu-span2 .nav-tabs > li.logout .fa {color:#a9acad;}
.box2 .form-horizontal .controls {margin-left:0; position:relative;}
.box2 .control-group {float:left; width:100%; margin-bottom:1px !important;}
.box2 .control-group2 {width:46%; float:left; margin:0 1% 0 0}
.box2 .control-group input.m-wrap {float:left; width:97%; padding:2% 2%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:5px; box-shadow:0 0 2px #e6e6e6; -moz-box-shadow:0 0 2px #e6e6e6; -webkit-box-shadow:0 0 2px #e6e6e6; height:36px;}
.form-actions {background:none; margin-left:0; padding-left:0; float:left; width:100%; margin:0;}
.header-box {float:left; width:100%; border-bottom:1px solid #e9edee; padding-bottom:15px; margin-bottom:15px;}
.box2 .control-group textarea.m-wrap {float:left; width:92%; padding:1% 2%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:5px; box-shadow:0 0 2px #e6e6e6; -moz-box-shadow:0 0 2px #e6e6e6; -webkit-box-shadow:0 0 2px #e6e6e6; height:36px;}
.form-actions .btn-primary {width:100%; background:#1d93f4; border:1px solid #0c79d1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:92%; padding:1% 0; font-size:18px; margin:0 0 0 0;}

a.addMore, a.removeMore {
    position: absolute;
    right:18px;
    bottom:19px;
	float:left; width:40px; padding:1% 2%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:5px; box-shadow:0 0 2px #e6e6e6; -moz-box-shadow:0 0 2px #e6e6e6; -webkit-box-shadow:0 0 2px #e6e6e6; height:34px; padding:0; line-height:36px; text-align:center; background:#fff; color:#0296f2; font-size:18px; border:1px solid #cccccc;
}
a.removeMore {right:-31px;}
a.addMore .fa, a.removeMore .fa {line-height:36px;}
.box2 hr {float:left; width:104%; height:1px; background:#e9edee; border:none;}
.header-box h2 {font-size:24px; color:#333; font-weight:400;}
.invite_teacher_button {float:left; width:100%; margin:10px 0 0 0; }
.invite_teacher_button a{float:left;  background:#1d93f4; border:1px solid #0c79d1; color:#fff; font-size:18px; text-align:center; background-image:none; padding:10px 30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.invite_teacher_button a:hover {background:#0c74c9; text-decoration:none;}
.slogn-head-new .main-menu-span2 .sidebar-nav {padding:90px 0 9px;}
.close-banner { float:right; margin:90px 2% 0 0; text-align:right; width:95%;}
.close-banner .teacher-span {float:right;}
.common-msg{clear: both;}

.tipsy { font-size: 14px!important;}

.filter_container {width:96%; float: left; margin: 10px 2%; font-size: 13px; color: #333;}
.box-header-table2 {float: left; width:98%; padding: 0 1%;}
.filter_container input {margin:0!important}
.filter_container .viewed-by {margin: 5px 0 0 0;}

.viewed-by {float:left; width:auto;}
.top-paginator {float:right; width:auto;padding-top: 3px;}
.top-paginator #prev {float:left; width:auto; background:#1d93f4 url(../images/pag-prev.png) no-repeat center center; border-radius:3px; padding:3px; font-size:22px; text-indent:-9990px;!important; border:1px solid #0c79d1; width:24px; height:20px; margin:0 ;}
.top-paginator #next {float:left; width:auto; background:#1d93f4 url(../images/pag-nxt.png) no-repeat center center; border-radius:3px; padding:3px; font-size:22px; text-indent:-9990px;!important; border:1px solid #0c79d1; width:24px; height:20px;}
.top-paginator #date-range {float:left; width:auto; padding:0 10px; font-size:13px; color:#515151;}
.top-paginator .manage_btn {background:#1d93f4; border:none; margin-top:7px; padding:5px 10px; float:right; width:auto; color:#fff; font-size:16px; border-radius:3px; margin:0 0 0 15px!important; padding: 5px 10px; text-shadow: 0 0 1px #000; width: auto;}
.top-paginator .manage_btn:hover {background:#0a76cf; color:#fff!important}
.notification_2 {
    background-color: #67c2ef;
    background-image: -moz-linear-gradient(center top , hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    border-color: #2fabe9;
}
.notification_2 {
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), 0 1px hsla(0, 100%, 100%, 0.3) inset;
    color: white !important;
    display: block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    right: -5px;
    text-shadow: 0 1px hsla(0, 0%, 0%, 0.25);
    top: -10px;
}
.school-subscriber-header{float: left;}
.school-subscriber-header2{margin: 0 0 0 10px;}
.controls_1{float: left;margin: 0 0 0 30px;}
.controls_2{float: right}
.form-control-chosen{width: 250px !important;height: 100px !important;}
.filter_button{padding: 4px 18px;margin-top: -4px;}
.report_grade_box{width:  802px !important;height: 60px !important;line-height:2.49!important;}
.box-content h2{margin: 0 !important;}
.dashbordUl ul li{border: 1px solid #9edaf5 !important;}
.pagination {
    height: 36px;
    margin: 18px 0;
}
.pagination ul {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
    display: inline;
}
.pagination a {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
    background-color: #f5f5f5;
}
.pagination .active a {
    color: #999999;
    cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
    color: #999999;
    background-color: transparent;
    cursor: default;
}
.pagination li:first-child a {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
.teacherSearchfilter{float: left;padding: 6px 0 0 0;}
.label_school{color: #fff !important;}
.label_school:hover{color: #fff !important;}
.label_school:focus{color: #fff !important;}
.label_school:active{color: #fff !important;}
.snapVersion{padding: 0 0 20px 40px;}
.snapVersion .snapVersionVersion{padding-left: 38px;}

.dashboard-container {float:none;}
.btn-warning:hover {background:#ff9500;}
.custom-btn {padding:4px 8px !important}
.days-left {
    clear: left;
    color: #666;
    display: block;
    padding: 10px 0 0;
}
.sent-timing, .sent-time {text-align:right;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {height:30px!important;}
.filter-container {float:left; width:100%; margin:20px 0;}
.filter-container .top-paginator {line-height:28px;}
.filter-container .top-paginator #prev, .filter-container .top-paginator #next {margin:9px 0 0 0!important;}
.label {font-size:100%}
.table-responsive .btn {padding:4px 12px;}
.table-responsive .font-size-button { height:26px; display:inline-block;line-height:21px;}


#filter_btn {margin:8px 0 0 0;}
.btn-success-bg:hover {background:#87cb16!important;}
.controls_1 #filter_btn {margin:0 0 0 0;}

@media only screen and (max-device-width : 1200px) {
 .category-section li {margin:0;}
 .dashboard-container {text-align:center;}
	
}
@media only screen and (max-device-width : 1024px) {
.tw-service-content {max-width: 68%;}
}
@media only screen and (max-device-width : 768px) {
	.contact-info li h3 {text-align:center;}
	.tw-service-content {text-align:center; width:100%; max-width:100%;} 
	.contact-info li {text-align:center; width:100%;}
	.contact-info li .fa {float:none!important; display:inline-block; margin:0 0 20px 0!important;}
}
.school_reset_box{width: 390px !important;}
.school_reset_box .resend{right: 19px !important;}
.reset_buttons{padding-left: 5px !important;}
.reset_heading3{color: red!important;}
.reset_class_header{background-color: #fcf3cf;color: #000000;}
.reset_heading1{font-weight: bold;}
#otp{width: 240px !important;}
.reset_confirm_box{float: left;margin-bottom: 20px;}
.form-control-resend{float: left;margin: 10px 0 0 10px;}
#selected_grades{font-weight: bold;}


.category-section li.order-pending-sec {
    background:#2e79b9;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 48px;
    font-weight: 600;
    height: 164px;
    line-height: 36px;
    padding-top:10px;
    text-align: center;
    text-decoration: none;
    width: 170px;
    overflow:hidden;
}
.category-section li.order-pending-sec a span {line-height:20px;}
.category-section li.order-pending-sec a {height:auto; padding:50px 0 0 0; margin:0; background:none; border-radius:0; width:100%;}
.total_teachers{ border-bottom: 1px solid #fff; float: left; line-height: 48px; margin: 0 15% 0; padding-bottom: 5px; width: 70%;}
.teachers-active-inactive {float:left; width:100%;}
.category-section li.order-pending-sec a.active {
    border-right: 1px solid #fff;
    float: left;
    margin: 0 0 0 8% !important;
    padding: 9px 0 0 !important;
    width: 40% !important;
}
.category-section li.order-pending-sec a.inactive {
    float: left;
    margin: 0 0 0 2% !important;
    padding: 9px 0 0 !important;
    width: 40% !important;
}



.category-section li.order-today {
    background:#59ba58;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 48px;
    font-weight: 600;
    height: 164px;
    line-height: 36px;
    padding-top:10px;
    text-align: center;
    text-decoration: none;
    width: 170px;
    overflow:hidden;
}
.category-section li.order-today a span {line-height:20px;}
.category-section li.order-today a {height:auto; padding:50px 0 0 0; margin:0; background:none; border-radius:0; width:100%;}
.total_teachers{ border-bottom: 1px solid #fff; float: left; line-height: 48px; margin: 0 15% 0; padding-bottom: 5px; width: 70%;}
.teachers-active-inactive {float:left; width:100%;}
.category-section li.order-today a.active {
    border-right: 1px solid #fff;
    float: left;
    margin: 0 0 0 8% !important;
    padding: 9px 0 0 !important;
    width: 40% !important;
}
.category-section li.order-today a.inactive {
    float: left;
    margin: 0 0 0 2% !important;
    padding: 9px 0 0 !important;
    width: 40% !important;
}

.category-section li.order-completed a {background:#f2ae43;}

 .orders-conatiner {
    float:left;
    width:98%;
    padding:20px;
    box-shadow:0px 1px 3px #cfcfcf;
    margin:1% 0 1% 1%;
}
.main-container-orders .signed-unsigned-tab {border:none; position:relative;}
.orders-icns {float:left; width:40px;}
.orders-details {width: calc(100% - 55px); float:right;}
.orderno-details {font-size:14px; font-weight:700; color:#333; float:left; width:100%; margin:0 0 7px;}
.orders-date-time {font-size:13px; font-weight:300; color:#9c9c9c; float:left; width:100%; margin:0 0 7px;}
.orderno-details span {color:#666;   padding: 0 7px; font-weight: 400;}
.orders-day {font-size:14px; font-weight:700; color:#333; float:left; width:100%; margin:0 0 7px;}
.main-container-orders {max-width:100%; margin:0 auto;}
.item-quentity {margin:10px 0 0;}
span.printicn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 18px;
}
.amount-description {
    float:none;
    width: 40px;
    margin: 8px 0 0 0;
    height: 40px;
    background: #5959f7;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    display:inline-block;
}

.amount-by {
   
    float: left;
    width: 100%;
    border: 1px solid green;
    text-align: center;
    border-radius: 10px;
    clear: both;
    color: green;
}
.amount-by-process {
    float: left;
    width: 100%;
    border: 1px solid orange;
    text-align: center;
    border-radius: 10px;
    clear: both;
    color: orange;
}
.item-no {width:40px; height:40px; border-radius:100%; float:left; background:#5959f7; color:#fff; text-align:center; line-height:40px; font-size:16px; font-weight:700;}