html {
    background-color: #f5f6fa;
}
body {
    background-color: #f5f6fa;
    color: #001737;
}
a {
    color: #0168fa;
}
.side-menu.left {
    box-shadow: none;
    border-right: 1px solid rgba(72, 94, 144, 0.16);
}

.logo i {
    color: #fff !important;
    font-size: 22px !important;
}
.help-link-container{
    margin-top:30px;
    margin-bottom:30px;
}
.help-link-container .help-link{
    border-bottom:1px dashed #ccc;
    margin-bottom:15px;
    padding-bottom:10px;
}
.help-link-container .help-link:last-child{
    margin-bottom:0px !important;
     border-bottom:0px !important;
      padding-bottom:0px !important;
}
.help-link-container .help-link .icon{
    display:table-cell;
    font-size:20px;
}
.help-link-container .help-link .link-container{
    display: table-cell;vertical-align:top;padding-left:15px;
}
.help-link-container .help-link .link-container .link-label{
    font-weight:600;color:#0a0a0a;margin-bottom:5px;margin-top:0px;
}
.help-link-container .help-link .link-container .link{
    font-weight:600;
    font-size:14px;
}
@media (max-width:767px){
    .btn-search-change{
        margin-top:5px !important;
        width:100%;
    }
}

.btn-search-change{
    margin-top:25px;
}
.change-result-filters{
    margin: -20px -20px 20px -20px;
    padding: 20px 20px 10px 20px;
}
.change-result-filters.visible{
    display:block !important;
}
.table-header{
    font-weight:bold;
    background-color:#f9f9f9;
}
.table-header:not(.withwrap){
    white-space:nowrap;
}
#sidebar-menu > ul > li > a {
    font-weight: 500;
    color: #001737;
    padding: 12px 20px;
}

#sidebar-menu > ul > li > a > span {
    font-size: 14px !important;
}
#sidebar-menu > ul > li > a > i {
    margin-right: 13px !important;
    margin-top: 2px;
}

.edittag-checkbox > label{
    display:table-cell; vertical-align:middle;padding-top:7px;padding-left:10px;
}
.edittag-checkbox > label input{
    height:20px;width:20px;margin:0px;
}
.inbox-widget .inbox-item:last-child{
    border-bottom:none !important;
}
.dismissal-location-checkboxes > table{
    width:100% !important;
}
.dismissal-location-checkboxes > table > tr > td{
    padding-right:5px;
}
.dismissal-location-checkboxes input{
    margin-right:5px;
}
.driver-type-checkboxes > table{
    width:100% !important;
}
.driver-type-checkboxes > table > tr > td{
    padding-right:5px;
}
.driver-type-checkboxes input{
    margin-right:5px;
}
.table.no-border>tbody>tr>td{border:none;}

body.fullscreen-view .content-page{
    margin-left:0px;
}

body.fullscreen-view .content-page > .content{
    margin-top: 15px;
    margin-bottom: 0;
}

.form-control{border-color:#ddd !important; border-radius: 3px;color: #1b2e4b}
.panel {
    box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -webkit-box-shadow: 0 0 10px rgba(28, 39, 60, 0.03);
    -moz-box-shadow: 0 0 10px rgba(28, 39, 60, 0.03);
    -o-box-shadow: 0 0 10px rgba(28, 39, 60, 0.03);
    -ms-box-shadow: 0 0 10px rgba(28, 39, 60, 0.03);
    border: 1px solid rgba(72, 94, 144, 0.16);
    border-radius: 0.25rem;
}

.panel.no-shadow{
    box-shadow: none; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    -o-box-shadow: none; 
    -ms-box-shadow: none;
}

@media (max-width:767px){
    .panel{
        margin-bottom:10px !important;
    }
    .container{
        padding-left:5px;
        padding-right:5px;
    }
}
.panel-default > .panel-heading {
    border-bottom: 1px solid #f0f0f0 !important;
    color: #001737;
    background: #E1E2EF;
}
.panel > .panel-heading {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.panel-default > .panel-heading.additional-heading{
    border-top:1px solid #f0f0f0 !important;
}
.panel-default > .panel-footer {
    border-top: 1px solid #f0f0f0 !important;
    background-color: #fff;
}
.navtab-bg{background-color:#fcfcfc;border-bottom:1px solid #ddd !important;}
.nav.nav-tabs > li.active > a {
    background-color: #ffffff;
    border-width: 0px 1px 0px 1px;
    border-color: #ddd;
    border-style: solid;
}
.nav.nav-tabs > li:first-child.active > a{
    border-width:0px 1px 0px 0px;
}
.fullwidth-header {
    margin: -15px -15px 15px -15px;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    background-color: #fff;
}
@media (max-width: 767px) {
    .fullwidth-header {
        margin: -15px -5px 15px -5px;
    }
}
.fullwidth-footer{
    padding: 15px;
    border-top: 1px solid #eee;
    margin: 0px -15px 0px -15px;
    background-color: #fff;
}
@media (max-width: 767px){
    .fullwidth-footer {
        margin: 0px -5px 0px -5px;
    }
}
.validation-summary ul{padding-left:20px}

body.no-left-menu .content-page{margin-left:0px;}
body.no-left-menu .button-menu-mobile {display:none;}
.navbar-right >li{float:left;}
@media (max-width:767px){
    .dataTables_info{display:none;}
}
.dataTables_filter input.form-control{width:auto;}
.mini-stat-icon{margin-right:0px;height:40px;width:40px;line-height:40px;font-size:25px; border-radius: 5px;}

.login-img-overlay{
    height:100%;
    width:100%;
    z-index:1;
    position:absolute;
    background-color:rgba(0,0,0,0.3);
    top:0px;
    left:0px;
}
.carousel-fade .carousel-inner .item{
     transition-property: opacity;  
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .item .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel#login-page-carousel > .carousel-inner>.item>img{
    min-height: 100%;
    min-width: 100%;
}
body.widescreen .carousel-inner>.item{
    width: 100%;
}
body.smallscreen .carousel-inner>.item>img{
    width:initial;
    height:100%;
    max-width:initial !important;
}
.carousel-caption{
    width:100% !important;
    left:0px;
    padding-bottom:0px;
    right:0px;
    padding-right:40px;
    text-align:right;
    font-size:25px;
    font-weight:300;
    color:white;
}
.staff-cnts{
    padding:5px;
    display:inline-block;
    border-bottom-right-radius:30px;
    border-top-right-radius:30px;
    background-color:#fff;
    border:1px solid #ddd;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.staff-cnts.open .staff-cnt-mini{
    background-color:#ccc !important;
}
.staff-cnts.open{
     box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
.staff-cnts:hover{
    cursor:pointer;
}
.staff-cnt-mini{
    height:25px;
    width:25px;
    line-height:25px;
    border-radius:50%;
    display:inline-block;
    text-align:center;
    color:white;
}
.staff-cnts-caption{
    line-height:25px;
    border-radius:50%;
    display:inline-block;
    color:gray;
    padding-right:10px;
    padding-left:5px;
}
.mini-stat {
    padding: 15px;
    box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -webkit-box-shadow: 0 0 10px rgba(28, 39, 60, 0.03);
    -moz-box-shadow: 0 0 10px rgba(28, 39, 60, 0.03);
    -o-box-shadow: 0 0 10px rgba(28, 39, 60, 0.03);
    -ms-box-shadow: 0 0 10px rgba(28, 39, 60, 0.03);
    border: 1px solid rgba(72, 94, 144, 0.16);
    border-radius: 0.25rem;
}
.mini-stat .tiles-progress h5 {
    font-size: 13px;
    margin-top: 5px;
}
.mini-stat-info{
    white-space:nowrap;
}
.datepicker-dropdown{
    z-index:999 !important;
}
@media (max-width: 767px){
    .breadcrumb{display:none;}
    .page-title{font-size:18px;margin-bottom:15px}
}

.android-app-badge{
   background-image: url(../images/android-badge.png);
    height: 40px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 120px;
    width: 120px;
    margin-top: 0;
    margin-right:5px;
    margin-left:5px;
}
.ios-app-badge{
    background-image: url(../images/ios-badge.png);
    height: 40px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 120px;
    width: 120px;
    margin-top: 0;
    margin-right:5px;
    margin-left:5px;
}
.login-app-download{
    text-align:center;
    margin-bottom:20px;
}

.login-app-download .title{
    margin-bottom:15px;
    font-size:12px;
    color:#555555;
    font-weight:500;
    line-height:20px;
}
.login-app-download .title i{
    font-size:20px;
    margin-right:5px;
}
.switch-wrapper {
  display: inline-block;
  position: relative;
  top: 3px;
}
#signature{
    border:1px dashed silver;
    margin-top:20px;
}
#signature > div{
    text-align:right;
}
#signature .btn{
    left: initial !important;
    margin-left:5px !important;
    position:relative !important;
    display:none;
}
.activity-student-info{
    width:calc(100% - 60px);
    margin-left:60px;
    padding:3px 0px 0px 60px;
    position:relative;
    margin:7px 0px 7px 60px;
    min-height:50px;
}
.activity-student-info .img{
    left:0px;
    top:0px;
    position:absolute;
}
.activity-student-info .checkinout-info{
    font-size:13px;
    margin-top:5px;
}
.activity-student-row{
    border:1px solid #ddd;
    margin-bottom:10px;
    display:inline-block;
    width:100%;
}
.checkinout-btn-actions{
    padding:3px 3px 3px 120px;
    background-color:#fafafa;
    border-top:1px solid #efefef;
}
@media (max-width:500px){
    .checkinout-btn-actions{
        padding:3px 3px 3px 3px;
        text-align:center;
    }
}
.checkinout-btn-actions .btn{
    padding:4px 8px;
}

.font-size-text{
     font-size:15px;
}
.font-weight-text{
     font-weight:700;
     font-size:20px;
}
.panel-footer{
    border-top:1px solid #eee;
}
.button-menu-mobile{
    line-height:50px;
}
.nav > li > a{
    line-height:47px;
    padding-top: 3px; 
}
.logo {
    line-height: initial;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.topbar .topbar-left{
    height:50px;
}
.side-menu.left{
    top:50px;
}

/*Confirm POP Up Panel*/
  
.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=40);
    opacity: 0.4;
}
.panel-confirm{
    min-width:250px;
}

#select_calendar{
    margin:0px auto;
}
#select_calendar .datepicker{
    border-radius:0px;
}
#select_calendar .datepicker-inline{
    width:100% !important;
}
.panel-color > .panel-heading.bg-light{
        border-bottom: 1px solid #f0f0f0 !important;
}
.activity-schedule-dates-list{
    border-width:1px 1px 1px 1px;
    border-style:solid;
    border-color:#ddd;
}
.activity-schedule-dates-list table > tbody{
    display:block;
    max-height:200px;
    overflow-y:auto;
    width:100%
}
.activity-schedule-dates-list table > tbody > tr,.activity-schedule-dates-list table > tbody > tr > td{
    width:100%;
    vertical-align:middle;
}
.activity-schedule-dates-list table > tbody > tr:first-child > td{
    border-top:none;
}
.activity-schedule-dates-list table > thead {
    border-bottom:1px solid #ddd;
}
.activity-schedule-dates-list #delete-all-section{
    vertical-align:middle;
    line-height:30px;
    color:#777;
     display:none;
}
.activity-schedule-dates-list #no-date-section{
    vertical-align:middle;
    text-align:center;
    line-height:20px;
    color:#777;
    font-style:italic;
    display:none;
}
.driver_image{
    width:100%;
    max-width:300px;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.page-heading {
    margin: 0px -15px 0px -15px;
    padding: 5px 0px 0px 20px;
    background-color: #fff;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    margin-bottom:15px;
}
.page-title{
    font-size:18px;
    margin: 5px 0px 10px 0px;
}
.selected_student_image{
    border-radius: 50%;
    height: 35px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

@media (min-width: 992px){
    #student_change_sidebar.affix{
        position: fixed;
        top:80px;
    }
    #student_change_sidebar.affix-top{
        position:static;
        top:80px;
    }
    #student_change_sidebar.affix-bottom{
        position: absolute;
    }
}

.page-title a[data-toggle="popover"]:hover{
    cursor:pointer;
}

.btn {
    border-radius: 3px;
    box-shadow: none;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.btn-md{
    padding: 5px 10px;
    font-size: 12px !important;
    line-height: 1.5;
}

.text-lighter{
    color:#ccc;
}

.btn:hover {
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15);
}

.btn:focus{
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}

.close{
    font-size: 24px;
}

.modal .modal-dialog .modal-content {
    border-radius: 3px;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
    box-shadow: none !important;
}

.bootstrap-datetimepicker-widget table tr td {
    padding: 0;
}
.timepicker {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0 !important;
}
.bootstrap-datetimepicker-widget table td span {
    margin: 0;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
}

@media (max-width: 1199px){
    .dismissalcheckboxes td{
        float: left;
        width: 50%;
    }
}
.dismissalcheckboxes td label{
    padding: 5px;
    width: 85%;
    margin-bottom: 0;
}
.dismissalcheckboxes td label:hover {
    background-color: #f2f2f2;
}
@media (max-width: 991px){
    .dismissalcheckboxes td label{
        padding: 8px 3px;
        width: 85%;
        margin-bottom: 0;
    }
}
.calendar_content .date {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd !important;
    padding: 7px;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
}
.calendar_content .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0 !important;
    border: none !important;
}
.calendar_content .panel-group .panel .panel-heading{
    background-color: #fdfdfd;
    padding: 5px 10px;
}
.calendar_content .panel-group .panel .panel-heading .panel-title{
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
}
.calendar_content .panel-group .panel .panel-heading a[data-toggle=collapse]:before {
    font-size: 10px;
    width: 12px;
    content: "\f107";
}
.calendar_content .panel-group .panel .panel-body {
    border-bottom: 1px solid #f0f0f0;
    padding: 10px;
}
.calendar_content .panel-group:last-child .panel .panel-body {
    border-bottom:none;
}
body.body-login{background: #fcfcfc !important;}
.star-required-field {
    display: inline;
    position: absolute;
    color: red;
    top: 3px;
    left: 1px;
}
#loginform input {
    color: #111;
    background-color: white;
    border-radius: 3px;
}
#loginform input:focus {
    border:2px solid #317eeb !important;
}

label{
    font-weight: 500;
}
#sidebar-menu ul ul a {
    padding: 10px 15px 10px 56px;
    color: #001737;
}
#sidebar-menu ul ul ul a {
    padding-left: 70px;
}
.close.white {
    color: #fff;
    opacity: 0.6;
    font-size: 27px;
}
.close.white:hover {
    opacity: 1;
}
.ml-auto {
    margin-left: auto;
}
tbody {
    color: #001737;
}
.popover {
    box-shadow: 0 5px 10px rgba(0,0,0,.05);
    border-radius: 3px;
}
.panel .panel-title {
    text-transform: initial;
    font-size: 15px;
}
@media (max-width: 767px) {
    .panel-heading {
        padding: 7px 15px;
    }
}
.panel.popup-carpool-add {
    display: flex;
    flex-direction: column;
    border: none;
    max-height: 99%;
    max-height: calc(100vh - 20px);
    width: 450px;
    max-width: 96%;
    max-width: calc(100% - 20px);
}
.panel.popup-carpool-add .panel-body {
    flex-grow: 1;
    overflow-y: auto;
}
.form-control[disabled] {
    background-color: #fafafa;
    opacity: 0.6;
}
.emergency-btn-container {
    line-height: 47px;
    padding-right: 10px;
}
.emergency-btn-container .btn {
    border: 1px solid #fff !important;
}
.breadcrumb {
    font-size: 12px;
    padding: 12px 15px;
}
.breadcrumb a {
    color: #98a6ad;
}

.page-title {
    font-size: 18px;
    margin: 5px 0px 10px 0px;
}

.pull-left {
    float: left !important;
}

h3 {
    line-height: 30px;
}

h1, h2, h3, h4, h5, h6 {
    color: #001737;
}

a.list-group-item {
    color: #001737;
    font-weight: 500;
}
.user-details .user-info a.dropdown-toggle {
    display: flex;
    align-items: center;
}
.user-details .user-info a.dropdown-toggle .user-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    padding-right: 10px;
    overflow: hidden;
}

.table-header a {
    color: #001737
}
@media (min-width: 768px) {
    .text-sm-right {
        text-align: right;
    }
}
.inbox-widget .inbox-item {
    display: flex;
}
.inbox-widget .inbox-item .inbox-item-img {
    float: none;
    flex-shrink: 0;
}
.inbox-widget .inbox-item .inbox-item-author {
    flex-grow: 1;
}