* {margin:0; padding:0; box-sizing: content-box}
.sideba {min-height:1px!important;}
.category-section {box-sizing:content-box;}
body {font-family: 'Open Sans Condensed', sans-serif; font-size:18px; color:#7e807f; font-weight:400; background:#f8f8f8;}
.wrap {margin:0 auto; width:96%;}
.header-part {float:left; width:100%; margin:45px 0 15px;}
.logout-login {float:right; width:auto; font-size:16px; color:#666;}
.logout-login a {color:#666; text-decoration:none;}
.logout-login a:hover {text-decoration:underline;}
.content-wrap {margin:0 auto; width:630px;}
.logo-snap {float:left; width:100%; text-align:center; margin-bottom:25px;}
.logo-sec {float:left; width:12%;}
.logo-sec h2 {font-size:24px; color:#333; font-weight:400; text-align:center;}
.logo-sec h2 span {float:left; width:100%; margin:10px 0 0 0; font-size:18px; color:#666;}
.school-detail-container {float:left; width:100%; margin:65px 0 40px 0;}
.school-detail-box {width:590px; padding:20px; box-shadow:0 0 2px #666; float:left; margin-bottom:10px; background:#fff;}
.logo-school {float:left; width:90px; margin:0 40px 0 0;}
.logo-school img {max-width:100%;}
.school-details {float:left; width:456px; margin:10px 0 0 0;}
.school-details h3 {font-size:24px; color:#34b25e; font-weight:500; color:#34b25e;}
.school-details h3 a {color:#34b25e; text-decoration:none;}
.school-details h3 a:hover {text-decoration:underline;}
.admin-info-detail h2 {
    color: #333;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}

.admin-info-detail h2 span {
    color: #666;
    float: left;
    font-size: 18px;
    margin: 10px 0 0;
    width: 100%;
}
#search_form .name_search {height:27px !important;}

@media only screen and ( max-width:1350px ) { 
.login .well {min-width:450px;}
.font-size-button {font-size:17px;}
}

@media only screen and ( max-width:1100px ) { 
.category-section li {margin:0 45px 0 0;}
.header_last_login .school_heading , .header_last_login .full-address{width:100%; margin-right:0;}
.school_header_right {margin:;}
.logo-sec {width:100%;}
.header_last_login{width:100%;}
.category-section li {margin:0 4% 4% 0}
.kids-details {width:auto;}
.table th, .table td {word-wrap: break-word; font-size:12px;}
.contact-info li {text-align:center;}
.contact-info li .fa {float:none!important; margin:0 0 20px 0!important; display:inline-block!important;}
.contact-info li h3 {text-align:center!important}
.tw-service-content {width:100%; max-width:100%;}
.ActiveTab {width:100%;}
.report-bar-con .box-header	{width:96%; padding:19px 2%; height:auto; float:left;}
.report-bar-con .form-horizontal .controls {margin-left:10px;}
.report-bar-con .manage_btn {margin-top:-30px}
.report-bar-con .box-header-table2 {float:left; padding:0 2%; width:96%;}


}
@media only screen and ( max-width:980px ) { 
.box2 .control-group textarea.m-wrap {width:91%;}
a.addMore, a.removeMore {float:right; position:relative; bottom:0; right:9%;}
.form-actions {padding:17px 0;}
}
@media only screen and ( max-width:768px ) {
 .school-detail-box{padding: 3%!important; width: 94%!important;}
 .content-wrap {width:98%!important}
 
.logo-school { margin:5% 2% 0 0!important; width:16%!important;}

.school-details {
    width: 80%!important;
}
body {font-size:16px;}
.header-part {margin:15px 0!important;}
.logo-sec h2 span {font-size:16px;}
.logo-sec h2 {font-size:20px;}
.header_last_login {text-align:center; width:100%;}
.logo-sec {text-align:center; width:100%;}
/*.nav-collapse, .nav-collapse.collapse {height:auto; overflow:visible;}*/
.page-container {padding:0 20px;}
.navbar {padding:20px 20px 0;}
.category-section li {
    float: left;
    margin: 0 4% 4% 0!important;
    width: 170px;
}
.login .well {max-width:80%; min-width:80%;}
.ftr-text {padding:10px; font-size:14px; text-align:center;}	
.ftr-logo img {max-width:30%;}
.header_last_login .school_heading , .header_last_login .full-address{width:100%; margin-right:0;}
.school_header_right {margin:0;}
.school-grade-dashboard .top-block {margin:0 2% 2% 0 !important; float:left; height:50px; padding:10px 0; line-height:normal!important; font-weight:normal;}
.table th, .table td {word-wrap: break-word; padding:4px;}
.contact-info li {width:100%;}
.teachers-profile-con {width:100%; float:left; margin-bottom:20px;}
.row-fluid [class*="span"] {float:left; width:100%;}
.activity_progress_bar {width:100%;}
.users_progress_bar {width:100%; margin-left:0;}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {color:#366ddc; font-size:14px !important; line-height:16px;}
.email_class {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    word-wrap: break-word;
}
.report-bar-con .form-horizontal .controls {margin-left:0;}
.report-bar-con select {padding:1%; width:98%; margin-left:10px; margin-bottom:10px;}
.report-bar-con .form-horizontal .controls div {width:100%;}
.report-bar-con .box-header-table {float:left;}
.logo {width:100%; text-align:center; max-width:100%; margin-bottom:20px;}
.header {width:100%; float:left; position:relative;}
.navigation {width:100%; text-align:center;}
.navigation li, .navigation li a  {float:none; display:inline-block;}
.close-banner {float:left; margin:27px 2% 0 0;}
.slogn-head {width:86%; padding:25px 0 25px 9%;}
.main-menu-span2 .nav-tabs > li {width:94%; padding:3px 3%;}
.login .well {min-width:100%;}
.login .btn-primary {font-size: 28px!important;}
.login .registration-box .input-email-type, .login .registration-box .input-type, .login .registration-box .input-pass, .login .registration-box .input-phone {width:94%;}
}
@media only screen and ( max-width:468px ) {
.category-section ul {text-align:center;}
.category-section li {float:none; display:inline-block!important; text-align:center;}
.school_header_right {margin:;}
.logo-sec {text-align:left;}
body {font-size:14px;}
.school-grade-dashboard .top-block {
    margin: 0 2% 2% !important;
    padding: 10px 2%;
    width: 45%;
    word-wrap: break-word;
}
.hide_th {display:none;}
.table th, .table td {word-wrap: break-word; padding:3px;}
.btn-danger {  overflow: hidden;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 34px;}
.search-filter .name_search {
    width: 98% !important;
}
.font-size-button {font-size:11px;} 
#reportable2 th, #reportable2 td, #reportable th, #reportable td {font-size:11px!important; padding:3px !important; text-transform:none!important}

.break-word {
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    width: 53%;
    word-wrap: break-word;
}
.login .input-large {font-size:16px;}
.login .btn-primary {font-size:30px;}
.logo-sec {
    text-align: center;
    width: 68%;
}
.navbar .btn {margin-top:13px;}
.header_last_login {font-size:12px;}
.name_search {
    width: 98% !important;
}
.login .btn-primary {font-size: 24px!important;}


}
@media only screen and ( max-width:360px ) { 
.table th, .table td {font-size:11px; line-height:14px;}

}
span.printicn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 18px;
}