@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,600,700');
body{font-family: 'Work Sans', sans-serif; background-color: #f3f3f3}
/** Login Page **/
[class^='select2-'].active,[class^='select2-']:focus,.form-control:focus{    -webkit-box-shadow: inset 0 1px 1px rgba(37,175,229,.075), 0 0 8px rgba(37, 175, 229, 0.6);
    box-shadow: inset 0 1px 1px rgba(37,175,229,.075), 0 0 8px rgba(37, 175, 229, 0.6);}
.login-bg{background-image: url(../images/main-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: right top; }
.login-box {width: 300px;position: fixed;top: 50%;left: 20%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.login-box h5{font-weight: 700; font-size: 18px;}
.btn-round{border-radius: 50px; margin: 0 auto; display: block; padding-left: 30px; padding-right: 30px;}
.login-logo{text-align: center; margin-bottom: 30px;}
.select2-container-active .select2-choice, [class^='select2-'].active, [class^='select2-']:focus, .form-control:focus, .select2-choice:focus, .select2-dropdown-open .select2-choice {
    -webkit-box-shadow: inset 0 1px 1px rgba(37,175,229,.075), 0 0 8px rgba(37, 175, 229, 0.6);
    box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.5);
}
.table-fix.table {table-layout:fixed; display: table;}
.table-fix.table th, .table-fix.table td{display: table-cell}
.ptb0 td{padding-top: 0px !important; padding-bottom: 0px !important;}
.mt-md-30 ,.mt30{margin-top: 30px;}
.sidebar-main {
    z-index: 99;
}
.mt35{margin-top: 35px;}
.view_field {
    background: #f5f5f5;
    height: 36px;
    border: 1px solid #ddd;
    padding: 8px 11px;
    border-radius: 4px;
}
.bg-danger {
    background-color: #e81653;
    border-color: #e81653;
    color: #fff;
}
.tt_dates.bg-g{background-color: #999; color: #fff;}
.multiselect-container{width:100%;}
.multiselect-container>li>a>label{padding-top: 5px !important; padding-bottom: 5px !important;}
.maxlimit.control-label.required::before {
    color: #f44336;
    content: "(Min chars 180 - Max chars 1200)";
    margin-left: 10px;
    color: #999;
    right: 10px;
    position: absolute;
    font-weight: normal;
}
#charNum{position: absolute;left: 145px;top: 8px;color: indianred;}
.fc-time-grid-event.completed:after {
    background: green;
    content: "Completed";
    display: block;
    height: 16px;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    line-height: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-drop{
    background: no-repeat;
    border: none;
    font-size: 13px;
}
.all_absent.fc-time-grid-event.completed:after{
    background-color: #e8e803;
    color: #000;
}

.fc-time-grid-event.join_waitlist:after, .fc-time-grid-event.book_slot:after {
    background: white;
    display: block;
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #000;
    line-height: 20px;
    text-transform: uppercase;
}

.fc-time-grid-event.join_waitlist:after{content: "Join Waitlist";}
.fc-time-grid-event.book_slot:after{content: "Book Slot";}

.ul-list { 
    list-style: outside !important; 
    padding-left: 25px !important; 
} 
.ul-list li { 
    padding-left: 0 !important; 
}
.switchery-mt0 .switchery{margin-top: 0px}
.amendment-modal-list blockquote {border-bottom: 1px solid #ddd;padding: 15px;border-left: 0px; position: relative}
.amendment-modal-list blockquote h3{margin:0px; font-size: 16px;}
.amendment-modal-list blockquote small{margin-top: 0px;}
.am_date {background: #2196f3;padding: 0px 5px;color: #fff;border-radius: 4px; display: inline-block; margin-top:10px;}
.am_type {margin-top: 15px;}
#amendment-modal #notes.error{border-color: red;}
#amendment-modal  #notes-error{display: none !important;}

.pe_none{pointer-events: none; opacity: 0.5;}
.login-box .form-control{border:none; height: 45px;}
.login-box .form-control-feedback{height: 45px; line-height: 43px;}
.validation-error {border: 1px solid #ff0000 !important;}
.error {color: #ff0000;}
.control-label.required::after {color: #f44336;content: "*";}
.table-striped > tbody > tr:nth-of-type(odd){background-color: #f3f3f3;}
.table-striped > tbody > tr:hover td{background-color: #f3f3f3}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, .table-striped > thead > tr > th{background-color:#00A1D9
;  color: #fff;}
.student-table thead tr th{ white-space: nowrap;}
.dataTable thead .sorting:after, .dataTable thead .sorting:before{color: #fff;}
.sidebar_search_section{float: left; width: 100%; padding: 10px 0; background-color: #fff;}
#external-events-listing{clear: both; display: block; padding: 0}
.sidebar_search_section.pb10{padding-bottom: 10px;}
.clear-mt10{margin-top: 10px; float: left; width: 100%;}
.ptb10{margin:10px 0;}
.table-timetable tr td{padding: 12px !important;}
.table-timetable{margin-bottom: 20px;}
.table-timetable tbody > tr > td:first-child{width: 18%;}
/** Dashboard **/
.dashboard_page .pmr-table .pmtT .table{margin-top: 0}
.navbar-inverse{background-color: #000; border-color: #000; position: relative; z-index: 9}
button.uploadPic {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #abc72a;
    color: #fff;
    border: none;
    height: 20px;
    width: 20px;
    text-align: center;
}
.sidebar{background-color: #454C54}
.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus{background-color: #ACC72A;}
.navbar-brand{height: 57px; padding: 2px 20px;}
.navbar-brand > img{height: 46px; margin-top: 4px;}
.navbar-nav > .dropdown-user > a, .navbar-nav > .dropdown-user > a > span {padding-top: 10px;padding-bottom: 10px;}
.btn-primary {color: #fff;background-color: #00A1D9;border-color: #00A1D9;}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc{background-image: none;}
table.dataTable tbody th, table.dataTable tbody td {padding: 12px 18px;}
table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer{border-color: #ddd;}
.table-div{ background-color: #fff; padding-top: 20px;}
.dataTables_length{margin-right: 20px;}
.left{float: left;}
.right{float: right}
.t-right{text-align: right;}
.t-left{text-align: left;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background-image: none; background: #E70D4D; border-color: #E70D4D; color: #fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{border-color: #E70D4D;}
.dataTables_info{margin-left: 13px !important;}
.control-label{font-weight: 600; line-height: 23px;}
legend{font-size: 18px; margin-bottom: 10px; padding-bottom: 15px; margin-top: 0px; padding-top: 0px;}
.view-page .col-lg-9{line-height: 23px;}
.view-profile .file-preview-frame, .view-profile .file-preview-image{width: 80px; border:1px solid #ddd; padding: 5px; height: auto; min-height: 50px;}
.view-profile .file-preview-frame{border:none;}
.form-group{margin-bottom: 15px;}
.dashboard{padding-left: 15px; padding-right: 15px; margin-top: 15px;}
.dashboard h1{margin-top: 0px; line-height: 1em;}
.select2-container-multi .select2-choices{padding: 0px;}
.select2-container-multi .select2-choices .select2-search-field input{padding: 6px 12px;}
.time-card{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex;flex-direction:row; position: relative;}
.tc-item{background-color: #f5f5f5; margin-left: 10px; border-radius: 4px; padding: 10px; position: relative; -webkit-flex:1;

    -webkit-box-flex:1;
    -moz-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;}
.time-card .tc-item:first-of-type{margin-left: 0px;}
.tc-item h4{margin: 0px; line-height: 1em; font-weight: 600;}
.tc-card div label{color: #999; display: block; margin-bottom:4px; line-height: 1em;}
.tc-card{display: block;}
.tc-card > div ul{margin: 0px; padding: 0px;}
.tc-card > div{margin-top: 10px; position: relative;}
.tc-card > div input{list-style: none; outline: none; padding: 4px 10px; text-align: center; width: 100%; border:1px solid #eee;  font-weight: 500; font-size: 16px; display: inline-block; position: relative;}
.tc-card > div input:last-of-type{margin-right: 0px;}
.tc-item .checkbox .checker {position: absolute; right: 5px; left: auto;}
.tc-item .checkbox label{padding-left: 0px;}
.tc-item .text-primary-800, .text-primary-800:hover, .text-primary-800:focus{color: #00A1D9 !important;}
.tc-card .view-list {background-color: #fff;min-height: 36px;margin-top: 10px;border-radius: 4px;}
.border-primary-600 {
    border-color: #00A1D9;
}
.btn-xs{padding:1px 7px;}
.bg-primary-400 {
    background-color: #00A1D9;
    border-color: #00A1D9;
    color: #fff;
}
.btn-info {
    color: #fff;
    background-color: #acc72a;
    border-color: #acc72a;
}
.btn-info:focus, .btn-info.focus, .btn-info:hover,.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info, .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    background-color: #9cb524;
    border-color: #9cb524;
}
.table-last-nowrap tr td:last-child{white-space: nowrap}
.mt10-label label{margin-top: 9px; font-weight: bold}
.tc-item.active{background-color: #00A1D9;}
.tc-item.active h4,.tc-item.active .tc-card div label,.tc-item.active [data-placeholder]:empty:before{color: #fff;}
.tc-item.active .border-primary-600,.tc-item.active .tc-card > div ul li:after{color: #fff !important;}
.tc-item.active .border-primary-600{border-color: #fff !important;}
.view-list{padding: 8px 10px; background-color: #f5f5f5;min-height: 38px;}
.right-bottom{position: absolute; right: 10px; bottom: 10px;}
.color_box{width:80px;height:20px; display: inline-block;}
.fc-toolbar{padding: 15px 15px 0 15px;}
.calendar{background-color: #fff;}
.fc-view{overflow-x: scroll;}
.view_only .form-group{width: 100%; float: left;}
.view_only .content-group{margin-bottom: 0px !important;}
.switchery{margin-top: 7px;}
.page-container {
    position: relative;
}
.input_view {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.content > .panel{border:none;}
.mt7{margin-top: 7px;}
.lbl-lineheight label{line-height: 1em}
.padd0.wizard > .content > .body{padding: 0px;}
.wizard > .steps > ul > li.current .number{ border-color: #2196F3; color: #2196F3 }
.padd0.wizard > .actions{padding: 0}
.wizard > .steps > ul > li.done .number{background-color: #2196F3; border-color: #2196F3}
.wizard > .steps > ul > li:before, .wizard > .steps > ul > li:after{background-color: #2196F3; top: 39px;}
table.dataTable thead .sorting_desc{background-image: none;}
.nowrap-td tbody tr td:first-child{white-space: normal !important;}
table.dataTable{margin-bottom: 15px;}
.wizard ,.wizard > .content{overflow:visible;}
.content-group.mb0{margin-bottom: 0px !important;}
#household_div, .parent-info-div{background-color: #f3f3f3; border:1px solid #ddd; padding: 20px; float: left; width: 100%; margin-top: -16px; margin-bottom: 10px;}
.main-profile-pic .file-preview-frame{float: none; height: 150px; max-height: 150px;}
.main-profile-pic .file-preview-image{height: 150px; border-radius: 150px; min-height: 150px;}
.main-profile-pic .file-preview {border:none;}
.profile-summary{margin-right: -20px; margin-left: -20px; border-top: 1px solid #ddd; padding-top: 15px; text-align: center;}
.profile-summary h3{margin: 0px; font-weight: 600;}
.main-profile-pic .input-group{display: none;}
.main-profile-pic .file-preview{margin-bottom: 0px;}
.panel{border:none;}
.alert {position: absolute;width: 350px; bottom: 20px;right: 20px;z-index: 999;}
#external-events-listing li.fc-event {padding: 10px;margin-bottom: 15px;cursor: move;background-color: #fff;color: #000;border-width: 0 0 0 5px; box-shadow: 0px 2px 8px 0px rgba(55,55,55,0.4); -webkit-box-shadow: 0px 2px 8px 0px rgba(55,55,55,0.4); width: 100% !important;}
.fc-event-container .fc-time-grid-event .closeon{position: absolute; top: 0px; right: 0; color: #f52313}
#manage-timetable .calendar .fc-event .fc-title{
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #474d54;
    color: #fff;
    text-align: left;
    font-weight: 600;
    padding: 5px;
}

.fc-day-grid-event {
    margin: 0 5px 5px 5px;
    padding:0px;
}

.fc-day-grid-event .fc-title{display: block; width: 100%;}

.fc-day-grid-event .fc-content div:first-of-type{text-overflow: ellipsis; overflow: hidden;}
.cc-item h4{font-size: 16px; font-weight: 600;}
.modal-content{border: none;}
.modal_title{font-weight: 600; font-size: 18px; }
.table-head thead tr td{background-color: #25afe5; color: #fff;}
#manage-timetable .calendar .fc-event .fc-center, #manage-timetable .calendar .fc-event .fc-capacity, #manage-timetable .calendar .fc-event .fc-teacher{padding: 0px 4px; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 17px;
    -webkit-box-orient: vertical;}
.select2-container-multi .select2-choices .select2-search-choice{margin: 1px;}
.fc-event {z-index: 999 !important;}
.fc-bgevent {z-index: 99 !important;text-align: center;padding: 3px;color: #111;opacity: 1;background-color: rgba(200,200,200,0.3);}
.fc-event-container .fc-event{border:none;}
.fc-event-container .fc-nonbusiness ul{padding: 0px; list-style: none;}
.fc-event-container .fc-event ul li{color:#fff;}
.fc-bgevent ul{padding: 0px; margin: 0px;}
.fc-event-container .fc-nonbusiness {height: 17px !important;min-height: inherit;padding: 4px;/*margin-top: 60px !important;*/}
.fc-event-container .fc-nonbusiness:first-child {}
.fc-event-container .fc-nonbusiness .fc-time{display: none}
.fc-bgevent ul li{list-style: none;background-color: #fff;border:1px solid #ddd;}
.fc-today{background-color: #ffffff;}
#manage-timetable .calendar .fc-time-grid .fc-slats td {height: 100px;}
.fc-holiday .fc-time-grid .fc-event, .fc-holiday .fc-time-grid .fc-bgevent{background: #999 !important;}
.fc-bgevent-container .fc-bgevent span{background-color: #fff;
    display: block;
    margin-top: 1px;
    padding: 6px;
    margin-left: 1px;
    margin-right: 1px;}
#manage-timetable .calendar .fc-event .fc-time {display: none;}
.mb0{margin-bottom: 0px !important;}
.fc-event-container .fc-nonbusiness {
    width: 92%;
    left: 4% !important;
    margin: 0;
    padding: 4px 10px !important;
    height: 26px !important;
    right: 4% !important;
}
.fc-time-grid .fc-event, .fc-time-grid .fc-bgevent{padding: 0px;}
.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after{box-sizing: border-box; -webkit-box-sizing: border-box;}
/*.calendar .fc-bgevent span {*/
    /*position: absolute;*/
    /*top: -19px;*/
    /*width: 100%;*/
    /*left: 0;*/
    /*background: #ddd;*/
/*}*/
._mng_p .fc-agendaWeek-view tr {
    height: 80px;
}
.block__btnGroup .btn-group{display: block}
.block__btnGroup  .multiselect-container{top: 34px;}
.tt_modal_addclass{table-layout: fixed; margin-bottom: 20px;}
.tt_modal_addclass tbody > tr > td:first-of-type{width: 30%;}
.tt_modal_addclass tbody > tr > td{vertical-align: top}
.tt_dates {
    background-color: #fff;
    margin-bottom: 5px;
    padding: 5px;
    width: 49%;
    display: inline-block;
}
.maxHght300{max-height: 600px; overflow-y: scroll;}
.info_span{font-size: 11px;}
.ptb0.table > tbody > tr > td {padding: 10px 15px;}
.navbar-header {
    min-width: 160px;
}
.nav_Toggle{margin-top: 8px;
    width: 100%;
    margin-left: 0;
    text-align: center;}
.nav_Toggle li{float: none; display: block;}
.nav_Toggle li a{color: #fff;background-color: #000; display: block;}
.nav_Toggle li a:hover{background-color: #555}
#view { display: none;}
.form-control{height: 37px;}
.file-caption-name{line-height: 2em}
.st_overview .stt_item{margin-bottom: 15px;}
.st_overview .stt_item h3{margin-top: 0px; font-size: 18px; font-weight: bold;}
._stt{background-color:#fff; padding: 15px; border: 1px solid #ddd; margin-bottom: 10px;}
._stt .__st-title{font-weight: bold; margin-bottom: 5px; display: block; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
._fields_ p label,._fields_ p{margin-bottom: 0px; display: block;}
._fields_ p label {font-weight: bold;}
.stt_item .table{background-color: #fff; margin-bottom: 15px;}
.stt_item .table thead tr th{font-weight: bold;}
.__nc{border-left: 6px solid #b6d335}
.__cc{border-left: 6px solid #e71854}
.table .icons-list{text-align: right;}
._mng_p .fc-time-grid-event .fc-time, ._mng_p .fc-time-grid-event .fc-title, ._mng_p .fc-time-grid-event .fc-center{padding:2px 8px;}
.fc-event-container .fc-time-grid-event .closeon{top: 3px; right: 6px;}
.bottom_menu_action {display: block; text-align: center; margin: 5px 0; padding:5px 0; background: #282c31;}
.bottom_menu_action a {color:rgba(255, 255, 255, 0.75);}
.bottom_menu_action a:hover {color:rgba(255, 255, 255, 1);}
.navigation li a > i {min-width:22px; margin-right:12px;}
.search_result { background: #fff; margin-bottom: 20px;}
.search_result ul {margin:0; padding:0;}
.search_result ul li {border-bottom:1px solid #ddd; padding:10px; margin:0; list-style:none; overflow:hidden;}
.search_result ul li .img {float:left; border-radius:50%; border:1px solid #ddd; margin-right: 15px; width:45px; height:45px; overflow: hidden;}
.search_result ul li .img:hover {border-color:#666;}
.search_result ul li .img img {width:100%; height:100%; opacity: 0.4;}
.search_result ul li .search_info {float: left; vertical-align: top;}
.search_result ul li .search_info h2 {font-size: 18px; font-weight:normal; margin:0; padding:0;}
.search_result ul li .search_info p {margin:0; padding:0;}
/* Add by Ravindra to position dropwon out of box 17/11 */
.calender_action .fc-time-grid-event {overflow: inherit}
.margin-bottom-10 {margin-bottom: 10px !important;}
.tt__action button {
    padding: 0px 2px;
    color: #fff;
    border: none;
    background-color: transparent;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}
.dropdown.tt__action {
    position: absolute;
    top: 5px;
    right: 4px;
    z-index: 99;
    border-radius: 3px;
}
.fc-time-grid-event{overflow: visible;}
.dropdown.tt__action .dropdown-menu {min-width: 75px; padding: 0px;}
.dropdown.tt__action .dropdown-menu > li > a{padding: 0px 3px;}
.page__action{margin-bottom: 20px;}
.page__action.text-right.fixed {
    position: fixed;
    top: 0;
    text-align: right;
    right: 0;
    z-index: 9;
    background: #ddd;
    padding: 15px 10px;
    display: block;
    width: 100%;
}
.fc_radio {
    position: absolute;
    top: 0;
    right: 0;
    background: #222;
    padding: 4px;
    height: 29px;
    visibility: hidden;
}
#calendarSaturday .fc-view > table{min-width: 100px}
#calendarSaturday .fc-left .fc-button,#calendarSaturday .fc-toolbar .fc-right{display: none}

._sa_title{margin: 0 0 10px 0; font-size: 16px; font-weight: 600;}
._sa_table table > tbody > tr > td{padding: 7px 10px;}

.bg_green{background-color: #99b41a;}
.bg_lgreen{background-color: #cbe161;}
.bg_gray{background-color: #B8B8B8;}
.bg_green, .bg_lgreen, .bg_gray {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.ct_table tr td{position: relative}
.ct_table thead tr th{background-color: #f5f5f5; font-weight: bold}
.ct_table tr td:first-child{font-weight: bold}
.fc_radio .border-primary-600{border-color: #fff;}
.fc-time-grid-event .fc_radio{visibility: visible;}
.mt__filters {display: block;position: fixed;background: #eee;top: 0;right: 0;height: 100%;z-index: 9999;width: 300px; max-height: 100vh; overflow-x: scroll; padding: 0 10px;}
.mt__filters .__fields {display: block; margin-bottom: 5px; padding: 0 0px;}
.mt__filters .__fields {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    position: relative
}
.openDRP .opensup{margin-top: 23px; margin-left: 4px;}
.__fields:last-of-type{padding: 0 10px;}
.mt__filters h3 {font-size: 18px;margin-top: 0px;background-color: #e81853;color: #fff;padding: 18px;}
/** Sidebar filters **/
.modal.left .modal-dialog,.modal.right .modal-dialog {position: fixed;margin: auto;width: 320px;height: 100%;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}
.modal.left .modal-content,.modal.right .modal-content {height: 100%;overflow-y: auto;}
.modal.left .modal-body,.modal.right .modal-body {padding: 15px 15px 80px;}
.modal.right .modal-content{background-color: transparent;}
/*Right*/
.modal.right.fade .modal-dialog {right: -320px;-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;-moz-transition: opacity 0.3s linear, right 0.3s ease-out;-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;}
.modal.right.fade.in .modal-dialog {right: 0;}
button.btn.btn-filter {background-color: transparent;border-color: #e81853;color: #e81853;}
.cc-item .form-control{resize: none}
.feedback_box{margin-bottom: 10px;}
.fb_group{display: inline-block; width: 96%;}
.fb_addon{display: inline-block; width: 3%; vertical-align: top; }
.fb_addon .btn{padding: 0px;}
._ce-item h4 {
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    background-color: #454c54;
    margin: 0px;
}
._ee_text {
    padding-top: 10px;
}
.sameHght .col-sm-4{margin-bottom: 15px;}
._ce-item h4.green{background-color: rgba(172,199,42,1);}
._ce-item h4.lgreen{background-color: rgba(172,199,42,0.7);}
._ce-item ul{margin:0px; padding: 0px; list-style: none}
._ce-item ul li{position: relative; margin-bottom: 10px;}
._ce-item ul li .checker{position: absolute; left: 8px; display: none; top: 0px;}
span._edit {
    font-size: 13px;
    float: right;
    margin-top: 2px;
    cursor: pointer;
    background-color: #fff;
    color: #454545;
    padding: 0 10px;
}
span._edit._check{
    background-color: transparent
}
span._edit._check .tc-item .text-primary-800, span._edit._check .text-primary-800:hover, span._edit._check .text-primary-800:focus{color:#fff !important;}
span._edit._check .border-primary-600{border-color: #fff;}
._ce-item {
    padding-bottom: 5px;
    border: 1px solid #454554;
    height: 100%;
}
.sameHght{display: flex; flex-wrap:wrap;}
.ct_studInfo div{margin-bottom: 0px; font-size: 17px;}
.ct_studInfo{border-left: 4px solid #00A1D9; margin-bottom: 10px; padding-left: 15px; position: relative}
.pos-right{position: absolute; right: 0px; top: 0px;}

.ct_studInfo div label{margin-bottom: 0px;}
._ce-item.active{background-color: #eee;}
._ee_text  ul li{padding-left: 32px; padding-right: 15px;}
._ee_text ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    left: 11px;
    display: block;
    font-size: 17px;
    top: -3px;
}
._ce-item .go_green{color:green;}
._ee_text.active ul li:before{display: none} 
._ee_text.active ul li .checker{display: block}
._edit i{font-size: 13px; top: 0px;}
._edit.update{background-color: #ACC72A; color: #fff;}

.stud_info {display: inline-block;}
.stud_info ._sImg {
    display: inline-block;
    max-width: 130px;
    text-align: center;
}
._sCaption {    text-align: left;
    margin-bottom: 15px;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;}
._sName{ margin-bottom: 15px;}
._sName h3{margin: 0px; font-size: 16px; font-weight: bold;}
.stud_detail {
    display: inline-block;
    vertical-align: top;
}
._sFooter span{display: block; margin-top: 10px;}
._sFooter .present, ._sFooter .absent{font-size: 10px;}
._sFooter .present{background-color: green; padding: 3px; color: #fff;}
._sFooter .absent{background-color: red; padding: 3px; color: #fff;}
.stud_detail ul{margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: top; margin-left: 20px;}
.stud_detail ul li{position: relative; padding-left: 18px; font-weight: 600; font-size: 14px;}
.stud_detail ul li span{font-weight: normal;}
.stud_detail ul li:before{content: "\f05d"; font-family: FontAwesome;color: #25afe5; position: absolute; left: 0; top: 0px; font-weight: normal;}
._sstatus{background-color: #f5f5f5; padding: 5px 15px; text-align: center;}
._sstatus h2{margin: 0px; font-weight: bold;}
.table-inbox tbody tr td:first-child{width: 30px;}
.table-inbox tbody tr td:nth-child(2){width: 150px;}
.table-inbox tbody tr td:nth-last-of-type(2){width: 80px;}
.table-inbox tbody tr td:nth-last-of-type(1){width: 30px;}
.table-inbox tbody tr.unread td{font-weight: bold; background-color: #fff;}
.table-inbox tbody tr td{background-color: #fafafa; font-size: 15px;}
.mail-container-read .mail-details-read{border-top: 1px solid #ddd; padding: 10px 0; margin:0px; }
.mail-container-read .mail-details-read:first-of-type{margin-top: 30px;}
.mail-container-read{padding: 30px 10px 10px 10px;}
.mail-container-read > p, .mail-container-read .mail_messages{font-size: 14px; color: #000;}
.mail_messages{border-top: 1px solid #ddd; padding-top: 30px; padding-bottom: 30px; }

/** compose mail **/
.compose_mail{width: 550px; position: fixed; bottom: 0px; right: 20px; z-index: 99; box-shadow: rgba(0,0,0,0.2) 0 2px 6px; -webkit-box-shadow:rgba(0,0,0,0.2) 0 2px 6px; display: none;}
.compose_mail .cm-head{background-color: #000; padding: 10px; display: block; position: relative;}
.compose_mail .cm-head h3{font-size: 15px; color: #fff; margin: 0px; display: inline-block;}
.compose_mail .cm-head .cm-close{color: #ddd; position: absolute; right: 10px; top: 6px; padding: 5px; cursor: pointer;}
.compose_mail .cm-body .cm-to, .compose_mail .cm-body .cm-subject{border-bottom: 1px solid #ddd; display: block; padding: 8px 10px; background-color: #fff; width: 100%; float: left;}
.compose_mail .cm-body input{border:none; display: block; width: 100%;}
.compose_mail .cm-body .cm-message textarea:focus, .compose_mail .cm-body input:focus{border:none; outline: none;}
.compose_mail .cm-body .cm-message{background-color: #fff; padding: 8px 10px; }
.compose_mail .cm-body .cm-message textarea{min-height: 400px; border:none; width: 100%; display: block; resize: none;}
.compose_mail .cm-footer{padding: 10px; background-color: #f5f5f5; border-top: 1px solid #ddd;}
.mobile-nav{display: none;}

.tablehead-filter {padding: 15px 10px;float: left;width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 15px;}
.tablehead-filter .col-lg-12{width: 20%;}
.tablehead-filter label.col-lg-12{width: auto; line-height: 34px;}

.fc-enrolment {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    padding: 0;
    text-align: center;
    margin: 0 4px;
}
.enroll_list{border-bottom: 1px solid #ddd; padding: 10px 20px; margin-bottom: 10px; position: relative;}
.del_enroll{display: block; color: red; cursor: pointer; top: 20px; right: 30px; position: absolute;}
.enrolment-class table > thead tr > th{font-weight: bold;}
.enrolment-class{background-color: #fff;}
.enroll_btn{border-top: 1px solid #ddd; padding-top: 20px;}
.enroll_btn button{margin-right: 20px;}
.enrolment-class .table{display: block; border:none;}
.enrolment-class > .table > tbody > tr > td:first-child {padding-right: 0px;display: inline-block;border: none;}
.enrolment-class > .table > thead {display: none;}
.enrolment-class > .table > tbody{display: block;}
.enrolment-class > .table > tbody > tr {display: block;width: 100%;border-bottom: 1px solid #ddd;position: relative;}
.enrolment-class > .table > tbody > tr > td {display: block;width: 100%;border: none;padding: 0 20px;margin-bottom: 14px;}
.enroll_total{display: table; table-layout: fixed; width: 100%;}
.enroll_total > span{display: table-cell; text-align: right; padding-right: 20px;}
.sticker{min-width:100%; }
.stick {
    position:fixed;
    bottom:20px;
    min-width: 22.3%
}
/** Dashboard **/
.content-wrapper{position: relative;}
.p-dashboard{width: 100%; float: left; min-height: 90vh}
.dashboard_text{text-align: center; margin-top: 22%}
/*=======
.p-dashboard{width: 100%; float: left;}
.dashboard_page {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.dashboard_text{text-align: center;}
>>>>>>> PMNS-117-eDebit*/
.dashboard_text h1{font-weight: bold; font-size: 35px;}
.dashboard_text p{color: #666; font-size: 20px;}
.dashboard_text .btn_dash {background-color: #25afe5;border-color: #25afe5;padding: 15px 30px;color: #fff;font-size: 17px;border-radius: 4px;margin-bottom: 20px;margin-top: 10px;}
.dashboard_stat{ margin: 60px auto 0px; background-color: #fff; border-radius: 5px; display: table; table-layout: fixed; box-shadow: 0px 8px 16px rgba(0,0,0,0.1)}
.dashboard_stat > div{border-right: 1px solid #ddd;  padding: 25px; display: table-cell; width: 240px;}
.dashboard_stat > div:last-of-type{border: none;}
.dashboard_stat > div span{display: block; font-size: 28px; font-weight: bold; color: #e81853;}
.dashboard_stat > div h3{margin: 0px; font-size: 16px; color: #666;}
.text-agree{margin-top: 20px;}

.termlist-booking .tlbItem h3 {
    font-weight: bold;
    font-size: 17px;
    margin-top: 0px;
    margin-bottom: 10px;
    background: #ddd;
    padding: 0 10px;
    margin-right: -10px;
    margin-left: -10px;
}
.tlbItem {
    padding: 0 10px;
}
.termlist-booking {
    border: 1px solid #ddd;
    padding: 0;
}
.termlist-booking .tlbItem .control {margin-bottom: 10px;}

.control {display: block;position: relative;padding-left: 30px;margin-bottom: 15px;cursor: pointer;}
.control input {position: absolute;z-index: -1;opacity: 0;}
.control__indicator {position: absolute;top: 2px;left: 0;height: 20px;width: 20px;background: #fff;border: 1px solid #000;}
.control:hover input ~ .control__indicator,.control input:focus ~ .control__indicator {background: #fff;}
.control input:checked ~ .control__indicator {background: #00a1d8;border-color: #00a1d8;}
.control:hover input:not([disabled]):checked ~ .control__indicator,.control input:checked:focus ~ .control__indicator {background: #00a1d8;}
.control input:disabled ~ .control__indicator {background: #e6e6e6;opacity: 0.6;pointer-events: none;}
.control__indicator:after {content: '';position: absolute;display: none;}
.control input:checked ~ .control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {left: 7px;top: 3px;width: 5px;height: 9px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}
._legend{display: block; float: right;}
._legend > div{margin-top: 10px;}
._legend > div span{width: 40px; height: 15px;  display: inline-block; vertical-align: middle;}
._l_green{background-color: #99b31b; border:1px solid #99b31b;}
._l_lgreen{background-color: #cbe061; border:1px solid #cbe061;}
._l_white{background-color:#fff; border:1px solid #ddd;}
._l_gray{background-color:#B8B8B8; border:1px solid #ddd;}

/** widget CSS **/

#grounds .panel-default > .panel-heading {
    color: #fff;
    background-color: #e71854;
    border-color: #e71854;
}
#grounds .panel-heading .panel-title{color: #fff;}
#grounds .panel-action li{color: #fff}
.chart{width: 100%;}
.dashboard_page .content-group{text-align: center;}
.dashboard_page .content-group h6{font-size: 20px;}
.dashboard_page .content-group {
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-top: 30px;
}
.dashboard_page .content-group:last-of-type{border:none; margin-bottom: 0px !important; padding-bottom: 0; margin-top: 0}
.student-rank {
    text-align: center;
}
.student-rank h2 {
    font-size: 115px;
    line-height: 1em;
}
.student-rank p {
    font-weight: bold;
    font-size: 18px;
}
.dashboard-widget-tables .p-most-recent h3{font-size: 18px; margin-top: 0}
.dashboard-widget-tables {
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
}
.dashboard-widget-tables th, .dashboard-widget-tables td{white-space: nowrap;}
.dashboard-widget-tables td.nowrap-flush{white-space: normal;}
/** Mobile timetable **/
.tt_container{display: none;}
.tt_container .tt_head{display: table; background-color: rgba(37,175,229,0.3); border-radius: 10px; padding: 0 15px; margin: 10px auto 10px; float: none;}
.tt_list > div{background-color: #fff; padding: 20px 10px; position: relative; margin-bottom: 10px; display: table; table-layout: fixed; width: 100%; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); border-radius: 3px;}
.tt_list > div span{ display: table-cell; }
.tt_list > div span.tt_time{text-align: center; width: 100px; background-color: #888; color: #fff;}
.add_peroid_mob{    position: fixed;bottom: 40px;right: 20px;z-index: 999;font-size: 30px;height: 45px;width: 45px;text-align: center;padding: 0;line-height: 34px;border-radius: 45px; display: none;}
span.tt_sub{padding-left: 15px;}
a.tt_del {position: absolute;left: 4px;color: red;padding: 11px 6px;top: 8px;}
.mb15{margin-bottom: 15px;}
#normalModal.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    margin: 0;
    width: 90%;
}
.view_form.form-horizontal .form-group{margin: 0px;}
.filter_div {
    margin-bottom: 15px;
}
.filter_div span {
    background: #ddd;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block
}
.days_msg{position: absolute; font-weight: normal; color: red; margin-left: 20px;}
.day_box_validate .form-control{border:1px solid red}

.same_address {position: absolute;top: 3px;right: 0;z-index: 999}
.same_address div{width: auto;}
.same_address div .switchery{margin-top: 0}
.same_address label {display: inline-block;margin-bottom: 0;vertical-align: middle;}
.same_input {display: inline-block;}
.same_input .switchery{margin-top: 0px;}
.pos_fixed{position: fixed;}

#calendar .fc-head.fixed{position: fixed;width: 52%;z-index: 99;background-color: #fff; display: none; top: 0px;}
#calendarSaturday .fc-head.fixed{position: fixed;width: 16.6%;z-index: 99;background-color: #fff; display: none; top: 0px;}
#calendarSaturday .fc-head.fixed .fc-axis.fc-widget-header{width: 56px !important;}

.side-modal {position: fixed;width: 250px;right: -250px;background-color: #fff;z-index: 3;padding: 0;height: 100%;padding-top: 10px;top: 0;border-left: 1px solid #ddd;}
.dialog-content {max-height: 100%;padding: 15px;}
.side-modal-open{padding-right: 250px !important; transition: all ease-in-out .6s; -webkit-transition: all ease-in-out .6s;}
.side-modal-control {width: 50px;height: 50px;display: block;position: absolute;background-color: #444;left: -50px;z-index: 9999;top: 150px;text-align: center;color: #fff;line-height: 50px;}
.side-modal.visible{right: 0px;}
.side-modal-control:hover, .side-modal-control:focus{background-color: #999; color: #fff;}
.side-modal-control i {font-size: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.side-modal.visible .side-modal-control i {font-size: 26px;transform: translate(-50%,-50%) rotate(45deg);-webkit-transform: translate(-50%,-50%) rotate(45deg);transition: all ease-in-out .3s;}
#calendar.cal-mtimetable .fc-head.fixed {width: 62.9%;}
#calendarSaturday.calS-mtimetable .fc-head.fixed {width: 20.3%;}

.side-modal-open #calendar.cal-mtimetable .fc-head.fixed {width: 53.2%;}
.side-modal-open #calendarSaturday.calS-mtimetable .fc-head.fixed {width: 17%;}

.side-modal-open #calendar.cal-mtimetable th.fc-day-header {width: 20% !important;}
.side-modal-open #calendarSaturday.calS-mtimetable th.fc-day-header {width: 76% !important;}
#calendarSaturday .fc-center h2{white-space: nowrap;}
.__filter_wrapper{display: table; table-layout: fixed; width: 100%; background-color: #fff; padding-top: 15px;}
.__filter_fields{display: table-cell; vertical-align: top; white-space: nowrap}
.__filter_fields .col-lg-12{padding-left: 5px; padding-right: 5px;}
.__filter_fields .daterange_filter .btn{padding: 7px; font-size: 12px;}
.__filter_fields .daterange_filter .btn span{letter-spacing: -0.09rem;}
.__filter_fields:last-of-type{text-align: right}
.nowrap{white-space: nowrap}
.mt15{margin-top: 15px;}

.fc-agendaWeek-button {display: none;}
.btn-labeled > b{height: 36px; width: 35px;}
.btn-labeled > b i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.filter-wrapper{display: block; width: 100%; margin-bottom: 15px;}
.filter-wrapper .filter-item{display: inline-block; width: 190px; vertical-align: bottom; white-space: nowrap;}
.filter-wrapper .filter-item:first-of-type{padding-left: 0px;}
.filter-wrapper .filter-item.filter-date{width: 290px}
.filter-wrapper .filter-item.filter-student{width: 184px}
.filter-wrapper .filter-item.filter-btns{width: 150px}
.filter-wrapper.filter-switch .col-lg-12{width: 50%;}
.filter-wrapper.filter-switch .filter-item {
    width: 22%;
}
.filter-wrapper.filter-switch .filter-item .switchery{margin-top: 0}
.filter-item  .select2-container-multi .select2-choices .select2-search-choice > div{text-overflow: ellipsis;
    overflow: hidden;}
.filter-item .select2-container-multi .select2-choices .select2-search-choice{width: 175px;}
.invoiceTotal h6{padding: 0 20px; font-weight: bold;}
.invoiceFilter{margin-bottom: 20px;}
.invoiceFilter .mt-md-30{margin-top: 30px;}

table.student-table tbody td, table.student-table thead th{padding: 12px 5px;}

/** Parent Dashboard **/
.st_overview {
    background: #fff;
    padding: 12px 18px;
}
.flush-datatable-header .datatable-header{padding-top: 0}
.div-block {display: inline-block; vertical-align: top;}
.div-block h3 {margin-top: 0px;font-size: 18px;font-weight: bold;}
.p-userList .p-user{display: inline-block; width: 49%; text-align: center;}
.p-userList {margin: 0 auto; text-align: center; background-color: #fff; padding: 15px; margin-bottom: 20px;}
.p-userList a{color: #000;}
.p-userList .p-user span{border:1px solid #ddd; height: 100px; width: 100%; display: block; border-radius:4px; position: relative; background-color: #fff;}
.p-userList .p-user span img {position: absolute;bottom: 0;left: 50%;transform: translate(-50%,-50%);top: 50%;}
.p-mns-news{ margin-top: 40px;}
.p-mns-links ul{margin: 0 0 20px 0; padding:0px; background-color: #fff;}
.p-mns-links ul li{ list-style: none; position: relative;  border-bottom: 1px solid #ddd;}
.p-mns-links ul li:hover a{color: #fff; background-color: #e71854}
.p-mns-links ul li:last-child{border:none;}
.p-mns-links ul li:hover:before{color: #fff;}
.p-mns-links ul li:before {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    left: 18px;
    color: #e71854;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}
.p-mns-links ul li a {
    color: #000;
    font-size: 13px;
    display: block;
    padding: 15px 40px;
}
.og-Heading h3{font-size: 18px; font-weight: bold;}
.table.ogT{border-top: 1px solid #ddd; background-color: #f5f5f5}
.table.ogT tr:first-child td:last-child{font-weight: bold;}
.table.ogT td{ border:none;}
.table.ogT tbody{display: table; width: 100%}
.simpleLink{color:#e81f54; font-weight: bold;}
.p-userList .p-user h4{font-size: 14px; font-weight: 500; text-transform: uppercase; margin-bottom: 0}
.p-summary.div-block.col-md-5 {padding-left: 76px;}
.pmr-table span{margin-bottom: 10px; font-size: 14px; font-weight: bold;}
.pmr-table .pmtT .table{font-size: 13px; background-color: #fff; margin-top: 20px; margin-bottom: 10px;}
.pmr-table .pmtT .table th{background-color: #ACC72A; color: #fff;}
.pmr-table a {
    margin-top: 10px;
    text-align: right;
    color: #e81f54;
    font-weight: 600;
}


.billingFilter {
    float: left;
    padding: 0 15px;
    width: 20%;
    margin-bottom: 10px;
}
.billing--filter  .billingFilter{width: 25%;}
.billing--filter  .billingFilter .form-control{height: 36px;}
.billing--filter  .billingFilter .select2-choice{height: 37px;}
.billingFilter:last-of-type{width: 25%; margin-top: 30px; float: right;}
.table.ogT tr:last-child td {
    color: red;
    white-space: nowrap;
    font-size: 18px;
}
.hidefilter-desk{display: none;}
#household-table_length{float: right;}

.cart-icon a{padding: 4px 0 0 0 !important}
#ex4 .p1[data-count]:after {
  position: absolute;
  right: 10%;
  top: 8%;

  content: attr(data-count);
  font-size: 40%;
  padding: .2em;
  border-radius: 50%;
  line-height: 1em;
  color: white;
  background: rgba(255, 0, 0, 0.85);
  text-align: center;
  width: 15px;
  height: 15px;
}
/** MEDIA **/
@media (min-width: 1366px){
.mt__filters {display: block;position: fixed;background: #eee;top: 0;right: 0;height: 100%;z-index: 9999;width: 300px; max-height: 100vh;width: 100%; padding:20px; overflow-y: inherit; overflow-x: inherit}
.mt__filters .__fields {display: inline-block; margin-bottom: 5px; padding: 0 10px; width: 19.7%; vertical-align: bottom;}
.mt__filters h3 {font-size: 18px;margin-top: 0px;background-color: #e81853;color: #fff;padding: 18px; display: none;}
/*.mt__filters .__fields.text-right{width: 100%; padding-right: 18px;}*/
/** Sidebar filters **/
.modal.left .modal-dialog,.modal.right .modal-dialog {position: fixed;margin: auto; height: auto; width: 100%;min-height: 220px;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}
.modal.left .modal-content,.modal.right .modal-content {height: 100%;overflow-y: auto;}

.modal.left .modal-body,.modal.right .modal-body {padding: 0;}
/*Right*/
.modal.right.fade .modal-dialog {top: -320px; right: auto; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;-moz-transition: opacity 0.3s linear, right 0.3s ease-out;-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;}
.modal.right.fade.in .modal-dialog {top: 0; right: auto;}
}
@media (min-width: 769px){
.filter_bar {position: absolute;right: 0px;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.master-container {width: 100%;display: table;table-layout: fixed;}
.dropzone {min-height: 238px;}
.form-horizontal.form-view .control-label[class*=col-sm-]{padding-top: 0px; padding-bottom: 0px;}
.form-horizontal .control-label{line-height: 20px;}
.navigation > li ul li a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}
@media (max-width: 1600px) {
#calendar .fc-head.fixed{width: 50%;}
#calendarSaturday .fc-head.fixed{width: 15.6%;}
#calendarSaturday .fc-head.fixed .fc-axis.fc-widget-header{width: 55px !important;}
#calendar.cal-mtimetable .fc-head.fixed {width: 60.7%;}
#calendarSaturday.calS-mtimetable .fc-head.fixed {width: 19.4%;}

.side-modal-open #calendar.cal-mtimetable .fc-head.fixed {width: 49%;}
.side-modal-open #calendarSaturday.calS-mtimetable .fc-head.fixed {width: 15.5%;}

.side-modal-open #calendar.cal-mtimetable th.fc-day-header {width: 20% !important;}
.side-modal-open #calendarSaturday.calS-mtimetable th.fc-day-header {width: 76% !important;}
}
@media (max-width: 1440px) {
#calendar .fc-head.fixed{width: 50%;}
#calendarSaturday .fc-head.fixed{width: 15.1%;}
#calendarSaturday .fc-head.fixed .fc-axis.fc-widget-header{width: 56px !important;}
#calendar.cal-mtimetable .fc-head.fixed {width: 59%;}
#calendarSaturday.calS-mtimetable .fc-head.fixed {width: 18.6%;}

.side-modal-open #calendar.cal-mtimetable .fc-head.fixed {width: 53.4%;}
.side-modal-open #calendarSaturday.calS-mtimetable .fc-head.fixed {width: 15.5%;}
.filter-wrapper .filter-item.filter-btns {
    width: 133px;
}
.filter-wrapper .filter-item.filter-date {
    width: 290px;
}
.filter-wrapper .filter-item{width: 145px;}
.filter-wrapper.filter-switch .filter-item {
    width: 26%;
}
}
@media (max-width: 1367px) {
.tc-item {display: inline-block;margin: 0 0 10px 0;}
.time-card .tc-item:first-of-type {margin-left: auto;}
.time-card{display: block;}
.tc-item h4{font-size: 15px;}
.icons-list{white-space: nowrap;}
.compose_mail{width: 45%;}
.stud_detail ul{padding: 0px; margin: 0px;}
#calendar.cal-mtimetable .fc-head.fixed {width: 58%;}
._mng_p .fc-time-grid-event .fc-time, ._mng_p .fc-time-grid-event .fc-title, ._mng_p .fc-time-grid-event .fc-center{padding: 2px 4px;}
.fc-event-container .fc-time-grid-event .closeon {
    top: 2px;
    right: 2px;
}
.table-fix.table{table-layout: auto}
.filter-wrapper {
    display: block;
    width: 100%;
    table-layout: auto;
    margin-bottom: 15px;
}
.filter-wrapper .filter-item {
    display: inline-block;
     padding-left: 0px; 
}
}
@media (max-width: 1112px) {
.student-filter .mb15{margin-bottom: 0}
.student-filter .actionStudent{margin-top: 0 !important; margin-bottom: 20px !important;}
.student-filter label{overflow: hidden; text-overflow: ellipsis;}
.hidefilter-desk{display: inline-block;}
.modal.right .modal-content {
     background-color: #fff; 
     border-radius: 0px !important;
}
.modal.right{z-index: 9999;}
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 300px;
    min-width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.modal.right .modal-header {
    border-bottom-color: #e71853;
    background-color: #e71853;
}
.modal.right .modal-title {
    text-transform: uppercase;
    color: #fff;
}
.modal.right .modal-header {
    padding: 10px 20px;
}
.modal.right .modal-header .close {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    font-size: 20px;
    color: #fff;
}
#filter_mobile_div {display: none;}
.filter_mobile #filter_mobile_div {display: block;}
.filter_mobile #filter_mobile_div [class*=" col-"],
.filter_mobile #filter_mobile_div .col-md-1,
.filter_mobile #filter_mobile_div .col-md-2,
.filter_mobile #filter_mobile_div .col-md-3,
.filter_mobile #filter_mobile_div .col-md-4,
.filter_mobile #filter_mobile_div .col-md-5,
.filter_mobile #filter_mobile_div .col-md-6,
.filter_mobile #filter_mobile_div .col-md-7,
.filter_mobile #filter_mobile_div .col-md-8,
.filter_mobile #filter_mobile_div .col-md-9,
.filter_mobile #filter_mobile_div .col-md-10,
.filter_mobile #filter_mobile_div .col-md-11,
.filter_mobile #filter_mobile_div .col-md-12,
.filter_mobile #filter_mobile_div .billingFilter,
.filter_mobile #filter_mobile_div .filter-wrapper .filter-item,
.filter_mobile #filter_mobile_div .filter-wrapper .filter-item.filter-student,
.filter_mobile #filter_mobile_div .filter-wrapper .filter-item.filter-btns,
.filter_mobile #filter_mobile_div .filter-wrapper.filter-switch .filter-item,
.filter_mobile #filter_mobile_div .__filter_fields
{width: 100% !important;}
.mt__filters{display: block;position: relative;background: none; width: auto;min-height: 100%; padding: 0}
.mt__filters .__fields{margin-bottom: 0}
.filter_mobile #filter_mobile_div .__filter_fields{display: block; margin-bottom: 15px;}
.filter_mobile #filter_mobile_div .billingFilter{padding: 0 5px;margin-bottom: 0px;}
.filter_mobile #filter_mobile_div [class*=" col-"].mb15{margin-bottom: 0}
.filter_mobile #filter_mobile_div [class*=" col-"] .mt30{margin-top: 0px;}
.modal.right{text-align: left;}
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}
.modal.right .modal-body {
    padding: 15px 15px 80px;
}
.modal.right.fade .modal-dialog {
    right: -60%;
    min-width: 320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

.close {
    color:black;
}
#enrolment-table_wrapper table.dataTable tbody td{white-space: nowrap;}
}
@media (max-width: 1024px) {
.login-box{left: 10%;}
.tc-item{ margin-bottom: 10px; margin-left: 0px; display: inline-block;}
.time-card{display: block;}
.mt7{margin-top: 34px;}
#external-events ul{padding-left: 0px; }
.stud_detail ul{margin-left: 0px; margin-right: 15px;}
.compose_mail {
    width: 80%;
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cm-overlay{background-color: rgba(0,0,0,0.5); position: fixed; z-index: 99; width: 100%; height: 100%; top: 0px; left: 0px; display: block; content: ""; display: none;}
.ct_studInfo{margin-top: 15px;}
    .hide-mobile{display: none;}
.__filter_wrapper { display: block;table-layout: auto;}
.__filter_fields {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    width: 24%;
    margin-bottom: 15px;
}
.invoiceFilter .mt-md-30{margin-top: 0px;}
.billingFilter:last-of-type{width: 33%}
}
@media (max-width: 768px) {
    .hide_tt_mob{display: none;}
    .tt_container{display: block;}
.add_peroid_mob{display: block;}
.login-bg{background-image: none;}
.login-box{left: 50%; transform: translate(-50%,-50%); top: 50%;}
.navbar-header .navbar-nav{margin-top: 5px;}
.mt7{margin-top: 0px;}
.mt0{margin-top: 0px !important;}
.dataTables_filter{margin-left: 20px;}
.wizard > .steps > ul > li{width: 33.3333333%}
.view-attach{border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px;}
.filter_bar{margin-bottom: 20px;}
.mobile-nav{ display: block; }
/** Dashboard **/
.dashboard_page{position: relative; left: 0; top: 0; transform: translate(0,0); width: 100%; margin-top: 0}
.dashboard_text h1{font-size: 25px;}
.dashboard_text p{font-size: 13px;}
.content-wrapper{background-image: none;}
.mb15{margin-bottom: 0px;}
.filter-wrapper{display: block;table-layout: auto;}
.filter-wrapper .filter-item{display: block;padding-left: 0}
}
@media (max-width: 767px) {
    .mt30{margin-top: 0}
    ._legend{float: none;}
    .modal.right .modal-header {
    padding: 10px 13px;
}
.__fields:last-of-type {
    padding: 0;
}
.mt-xs-10{margin-top: 10px}
.sidebar-main {
    z-index: 999;
}
.side-modal-control{z-index: 99}
#filter_mobile_div.col-lg-12, #filter_mobile_div.col-md-12{padding: 0}
    .flush-datatable-header .datatable-header{padding-top: 20px}
    .flush-padding{margin-right: -10px; margin-left: -10px; margin-bottom: 20px;}
    .table-div{padding-top: 0}
    .mt__filters{margin-left: -10px; margin-right: -10px;}
    body, .form-control, table{font-size: 14px;}
    .mt-md-30{margin-top: 0px;}
    .mt-md-20{margin-top: 20px;}
    .mb-xs-20{margin-bottom: 20px;}
    .mb-md-20{margin-bottom: 20px;}
    .__filter_fields.mb-md-20{padding-bottom: 20px;}
    .filter_mobile #filter_mobile_div .billingFilter{padding: 0 10px;}
    .fc-bgevent-container .fc-bgevent span{white-space: nowrap;}
    .side-modal-open{padding-right: 0px !important;}
    .side-modal{z-index: 99}
    .__filter_fields {display: block;width: 100%;padding: 0px;}
    .maxlimit.control-label.required::before{display: block;position: relative;}
    .switchery-flush .switchery {margin-top: 0;}
    .select2-container-multi .select2-choices .select2-search-field input{padding: 8px 12px;}
    .form-control{height: 40px;}
    .select2-choice{height: 40px; padding: 9px 12px;}
    .navbar-header .navbar-nav {margin-top: 9px;}
.dashboard_stat{margin: 20px; display: block; table-layout: auto; text-align: center;}
    .div-responsive,.pmtT{overflow: auto;}
    .pmtT td{white-space: nowrap;}
    .billingFilter,.billingFilter:last-of-type{width: 100%; margin-bottom: 0}
    .div-block{display: block;}
    .st_overview{margin-bottom: 20px}
    .p-most-recent {margin-top: 20px;}
    .dashboard-widget-tables .p-most-recent{margin-top: 0}
.col-md-6.p-mns-links {margin-top: 20px;}
    .table-responsive{border:none;}
    .dataTables_wrapper .dataTables_paginate .paginate_button{padding: 7px 10px;}
    .mb-xs-20{margin-bottom: 15px; margin-top: 0px !important;}

.dashboard_stat > div{display: block; border-bottom: 1px solid #ddd; border-right: 0px; width: 100%}
.view_only .form-group {width: auto;float: none;}
.compose_mail{z-index: 1000;}
.cm-overlay{z-index: 999;}
.tc-item{width: 100%; margin: 0 0 10px 0;}
.left, .right{float: none; text-align: center;}
.t-right, .t-left{text-align: left; margin-top: 10px;}

.dataTables_paginate{padding-bottom: 20px;}
.color_box{width: 45px;}
table.dataTable tbody th, table.dataTable tbody td{padding: 12px 15px;}
.mb10-mobile{margin-bottom: 10px;}
.mt__filters .__fields{text-align: left;}
.mt__filters .__fields .form-group{margin-bottom: 0px;}

._sstatus {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    margin-top: 10px;
}
.stud_detail ul{margin-bottom: 10px;}
.table-log.dataTable tr.child .dtr-data{display: block;}
.table-log.dataTable tr.child .dtr-title{font-weight: 600;}
.table-log.dataTable tr td.child > ul > li{display: block;}
.mt_timetable{margin-top: 20px;}

#internal-message-table.table-inbox tbody tr {background-color: #fff;border-top: 1px solid #ddd;display: block;
padding: 10px 0;position: relative;}
#internal-message-table.table-inbox tbody tr td:first-child {width: 30px;display: none;}
#internal-message-table.table-inbox tbody tr td{padding: 0px 15px; border:none; display: block;}
#internal-message-table.table-inbox tbody tr td:nth-child(2) {display: none;}
#internal-message-table.table-inbox tbody th,#internal-message-table table.dataTable tbody td{padding: 1px 15px;}
#internal-message-table.table-inbox tbody tr td:nth-last-of-type(3) {font-weight: normal;}
#internal-message-table.table-inbox tbody tr td:nth-last-of-type(2) {width: auto;position: absolute;top: 11px;font-weight: normal !important;right: 0;font-size: 11px;}
#internal-message-table.table-inbox tbody tr td:nth-last-of-type(1) {display: none;}
.filter-wrapper.filter-switch .filter-item {
    width: 50%;
    float: left;
}
.filter-wrapper .filter-item.filter-btns {
    width: 100%;
}.filter-wrapper .filter-item.filter-date {
    width: 100%;
}
.filter-wrapper .filter-item.filter-student {
    width: 100%;
}
.filter-wrapper .filter-item{width: 100%}


}
@media (max-width: 380px) {
.stud_info {
    display: block;
}
._sCaption{text-align: center; padding-left: 0px; display: block;}
.stud_info ._sImg {
    display: block;
    max-width: 130px;
    text-align: center;
    margin: 0 auto;
}
.fb_group{width: 89%;}
.fb_addon{width: 9%;}
}