﻿.m-widget4__sub {
    font-size: 1.2rem !important;
}

.m-widget4__title {
    font-size: 1.2rem !important;
}

.m-portlet__body {
    font-size: 1rem !important;
    color: #333333 !important;
}

.m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    font-weight: bold !important;
    color: #1a75cf !important;
    font-size: 1.2rem !important;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon > i:before {
    background: -webkit-linear-gradient(180deg, #1a75cf 25%, #1a75cf 50%, #1a75cf 75%, #1a75cf 100%);
    background: linear-gradient(180deg, #1a75cf 25%, #1a75cf 50%, #1a75cf 75%, #1a75cf 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.m-link {
    color: #1a75cf !important;
}

.form-control.focus, .form-control:focus {
    color: #1a75cf !important;
    border-color: #1a75cf !important;
    font-size: 1rem !important;
}

.second-logo {
    font-size: 24px !important;
    font-weight: bold !important;
    color: #7b7e8a !important;
}

.m-nav-grid__text {
    color: #1a75cf !important;
}

.m-card-user__email {
    color: #fff !important;
}

.m-nav > .m-nav__item:hover > .m-nav__heading .m-nav__link-icon,
.m-nav > .m-nav__item:hover > .m-nav__heading .m-nav__link-text,
.m-nav > .m-nav__item:hover > .m-nav__link .m-nav__link-icon,
.m-nav > .m-nav__item:hover > .m-nav__link .m-nav__link-text, .m-nav > .m-nav__item.m-nav__item--active > .m-nav__heading .m-nav__link-icon,
.m-nav > .m-nav__item.m-nav__item--active > .m-nav__heading .m-nav__link-text,
.m-nav > .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon,
.m-nav > .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text {
    color: #1a75cf !important;
    text-decoration: none;
}

#tabcoe .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active,
.m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover,
.m-tabs-line.m-tabs-line--brand a.m-tabs__link.active {
    color: #1a75cf !important;
    border-bottom: 1px solid #1a75cf;
}

.btn-primary {
    background-color: #1a75cf;
}

    .btn-primary:hover {
        background-color: #1a75cf;
    }

html, body {
    font-size: 16px !important;
    font-weight: 300 !important;
    font-family: "Open Sans", sans-serif !important;
    padding-right: 0px !important;
}

.m-brand__logo-wrapper:hover {
    font-size: 35px !important;
    font-weight: bold !important;
    color: #1a75cf !important;
    text-decoration: none;
}

.m-brand .m-brand__logo .m-brand__logo-wrapper {
    font-size: 35px !important;
    font-weight: bold !important;
    color: #1a75cf !important;
    text-decoration: none;
}

.m-portlet__nav-link:hover {
    text-decoration: none;
    color: #1a75cf !important;
}

.form-group select {
    outline: none;
    font-size: 1.2rem !important;
}

    .form-group select > option {
        font-size: 1.2rem !important;
    }

    .form-group select:focus {
        font-size: 1.2rem !important;
    }

.m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link.active,
.m-tabs-line.m-tabs-line--success a.m-tabs__link:hover,
.m-tabs-line.m-tabs-line--success a.m-tabs__link.active {
    color: #1a75cf !important;
    border-bottom: 1px solid #1a75cf;
}

.m-section__content .table td > a {
    color: #1a75cf !important;
}

    .m-section__content .table td > a:hover {
        text-decoration: none;
    }

.table > i:hover {
    text-decoration: none;
}

.signature i {
    color: #1a75cf !important;
}

.modal-content a > i {
    color: #1a75cf !important;
}

    .modal-content a > i:hover {
        text-decoration: none;
    }

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: #fff !important;
    background-color: #1a75cf !important;
}

/*.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {    
    color: #ffffff !important;
}*/

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon:hover {
    color: #fff !important;
    background-color: #1a75cf !important;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link, .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link {
    background-color: #1a75cf !important;
    color: #fff !important;
}

.m-portlet__nav-link i {
    color: #1a75cf !important;
}

.m-radio, .m-checkbox {
    padding-left: 20px !important;
}
/*Date Picker Start*/
.datepicker tbody tr > td.day.today {
    background-color: #1a75cf !important;
}
/*Date Picker End*/
/* From conrol Start*/
.form-control[readonly], .form-control {
    border-color: #cfcfcf !important;
    padding: 0.55rem 1.25rem !important;
}
/* From conrol End*/
/* Header start*/
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
    color: #1a75cf !important;
}

.usercircel {
    color: #fff;
}

.userbackground {
    background-color: #1a75cf !important;
}
/* Header End*/
/* Login Start*/
.m-login.m-login--2 .m-login__wrapper .m-login__container {
    width: 700px !important;
}

    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form {
        margin: 1rem auto !important;
    }

        .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action {
            text-align: left !important;
        }

.validation-summary-errors {
    color: red;
}

    .validation-summary-errors li {
        list-style: none !important;
    }
/* Login End*/
/* Common control Start */
.panel-group {
    margin-bottom: 20px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333 !important;
        background-color: #f5f5f5 !important;
        border-color: #ddd !important;
        font-size: 14px;
        font-weight: 400;
    }

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-body {
    padding: 15px;
}

.panel-group .panel + .panel {
    margin-top: 5px;
}

.content-header {
    position: relative;
    padding: 15px 15px 0 15px;
}

    .content-header > h1 {
        margin: 0;
        font-size: 24px;
    }

        .content-header > h1 > small {
            font-size: 15px;
            display: inline-block;
            padding-left: 4px;
            color: #1a75cf;
        }

            .content-header > h1 > small > a {
                color: #1a75cf;
            }

.btn {
    font-size: 14px;
    padding: 10px 10px;
}

.label-wrapper {
    display: table;
    float: right;
    min-height: 28px;
    font-size: 14px;
    font-weight: 700;
}

.control-label {
    display: table-cell;
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.btn-group {
    margin-top: -9px;
}

.m-widget5__item h6 {
    font-weight: bold;
    color: #7b7e8a;
}

.fontawesome {
    color: #1a75cf !important;
}

.content {
    min-height: 251px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.image {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.btn-group {
    margin-top: -9px;
}

.m-checkbox {
    margin-bottom: 0px;
    margin-top: 10px;
    color: #000;
}

.m-section__content .table th {
    font-weight: bold !important;
}

.alert {
    position: absolute;
    width: 100%;
    z-index: 10000;
}

    .alert .close {
        padding-top: 0 !important;
    }

.fa-close {
    cursor: pointer;
}
/*.alert-success:not(.m-alert--outline) {
    margin-right: 25px !important;
}*/
.btn-primary:disabled {
    background-color: #75ade6 !important;
    border-color: #75ade6 !important;
    cursor: default;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #75ade6 !important;
    border-color: #75ade6 !important;
    cursor: default;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px !important;
    }
/*.btn.btn-sm {
    font-size: 12px !important;
}*/
a.btn.btn-sm {
    color: #ffffff !important;
    font-size: 12px !important;
}
a.btn.btn-sm.active {
    background-color: #3392dc !important;
    border-color: #196aa8 !important;
}
.m-wizard.m-wizard--3 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info {
    display: ruby-base-container !important;
}
.sealIcon {
    left: 45%;
    z-index: 100;
    position: fixed;
}
/* Common Control End */
/* Kendo Start*/
#coeComments {
    cursor: unset !important;
}

#studentComments {
    cursor: unset !important;
}

.k-listview {
    cursor: pointer;
}

    .k-listview i {
        color: #1a75cf !important;
    }

        .k-listview i.text-danger {
            color: #f4516c !important;
        }

.k-picker-wrap .k-select {
    cursor: pointer;
}

.k-pager-wrap {
    background-color: unset !important;
}

    .k-pager-wrap .k-state-selected {
        background-color: #1a75cf !important;
        color: #fff !important;
        border-color: #1a75cf !important;
    }

.k-listview .k-state-selected {
    background-color: #d5f0fa !important;
    border-color: #d5f0fa !important;
}

.k-panelbar .k-state-selected {
    background-color: #1a75cf !important;
    border-color: unset !important;
    box-shadow: none !important;
    color:#fff !important;
}

.k-content {
    padding: 10px 0px 10px 10px !important;
}

.k-panelbar .k-header {
    vertical-align: middle !important;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
    font-family: "Open Sans", sans-serif !important;
}

.k-item k-state-default {
    border-color: unset !important;
}

.k-panelbar > .k-item > .k-link {
    border-color: #fff !important;
}

.k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel {
    border-color: #fff !important;
}

.k-panel > .k-item, .k-panelbar > .k-item {
    padding-top: 5px !important;
}

.k-listview, .k-pager-wrap {
    border: none !important;
}

.k-panelbar {
    border: none !important;
}

.k-list > .k-state-focused .k-state-selected {
    -webkit-box-shadow: inset 0 0 3px 1px #1a75cf !important;
    box-shadow: inset 0 0 3px 1px #1a75cf !important;
}

.k-list > .k-state-selected {
    background-color: #1a75cf !important;
}

.k-grid .k-button:active {
    background-color: #1a75cf !important;
    border: none !important;
    box-shadow: unset !important;
    padding: .2em .6em !important;
}

.k-grid .k-view-button:active {
    background-color: #00A36C !important;
    border: none !important;
    box-shadow: unset !important;
    padding: .2em .6em !important;
}

.k-button {
    border-radius: unset !important;
    border-color: #1a75cf !important;
    color: #fff !important;
    background-color: #1a75cf !important;
    background-position: 50% 50%;
    background-image: none !important;
    box-shadow: unset !important;
}

.k-view {
    border-radius: unset !important;
    border-color: #45ccb1 !important;
    color: #fff !important;
    background-color: #45ccb1 !important;
    background-position: 50% 50%;
    background-image: none !important;
    box-shadow: unset !important;
}

.k-button-icontext {
    overflow: unset !important;
}

.k-draghandle.k-state-selected:hover, .k-state-selected {
    background-image: none !important;
}

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    box-shadow: none !important;
    -webkit-box-shadow: none;
    color: #fff;
}

.m-widget4 .m-widget4__item {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.fontblack {
    color: #000 !important;
}

.fontgreen {
    color: green !important;
}

a.k-link.k-pager-nav {
    background-color: #1a75cf !important;
    color: #fff !important;
}
.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover {
    background-color: #1a75cf;
    color:#fff;
}
.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    color: #000 !important;
    background-color: #c5c5c5 !important;
    border-color: #c5c5c5 !important;
}
.k-listview .m-widget4__item {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
}
.k-grid-delete {
    color: #fff !important;
    background-color: #f4516c !important;
    border-color: #f4516c !important;
}
.k-grid {
    word-break: break-word;
}
.k-grid-toolbar .k-button {
    margin: .16em .16em !important;
    float: right !important;
}
.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
#enrollmentRolloverFields .k-panelbar .k-header {
    font-size: 0.8rem !important;
    padding: 2px !important;
}
/*#enrollmentRolloverFields .k-grid td {
    font-size: 0.8em !important;
}*/
#enrollmentRolloverFields .k-input[type=text] {
    font-size: 0.9em !important;
}
#enrollmentRolloverFields .k-dropdown-wrap {
    font-size: 0.9em !important;
}
#enrollmentRolloverFields .form-control {
    font-size: 0.9em !important;
    padding: 2px !important;
    height: 35px !important;
}
#enrollmentRolloverFields .form-group select > option {
    font-size: 0.9em !important;
}
#enrollmentRolloverFields span.k-widget.k-datepicker.k-header {
    background-color:#fff;
}
.k-ie .k-autocomplete .k-input, .k-ie .k-dropdown-wrap .k-input, .k-ie .k-multiselect-wrap .k-input, .k-ie .k-selectbox .k-input {
    line-height: 1.95em !important;
    height: 1.95em !important;
}
/* Kendo End */
/* Loading image Start */
.please-wait {
    background: url('/Content/images/ajax-loader-small.gif') no-repeat;
    padding-left: 20px;
    font-size: 14px;
}

.Progressdiv {
    background-color: White;
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-repeat: no-repeat;
    z-index: 100000;
    top: 0;
}
/* Loading image End */
.success, .error, .warning, .information {
    padding: 9px 20px 9px 9px;
    font-size: 15px;
    overflow: hidden;
    margin-bottom: 10px;
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    position: relative;
}

    .success span, .error span, .warning span {
        font-family: 'OpenSansSemibold';
        font-weight: normal;
    }

    .success p, .error p, .warning p {
        margin-bottom: 6px;
    }

.success {
    background: #e7fae6;
    border: 1px solid #ceeacd;
    color: #52964f;
}

.error {
    background: #fde8e4;
    border: 1px solid #ebd6d2;
    color: #9c413a;
}

.warning {
    background: #fdf7e4;
    border: 1px solid #ece2c4;
    color: #828400;
}

/* Menu Start*/
[class^="fa-"]:before,
[class*=" fa-"]:before {
    line-height: 1 !important;
}

.m-aside-menu.m-aside-menu--skin-light {
    background-color: #EBEBEB !important;
}

.btn {
    font-family: inherit !important;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
    font-size: 1.7rem;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link {
    color: #fff !important;
    background-color: #1a75cf !important;
}
/*.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
    color: #ffffff !important;
}*/
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link {
    background-color: #1a75cf !important;
    color: #fff !important;
}

.m-body .m-content {
    padding: 10px 30px;
}

.m-portlet {
    -moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    background-color: #ffffff;
    border: 1px solid #f2f2f2;
}

.m-content--skin-light2 .m-body {
    background-color: #fff;
}

.m-menu__link {
    padding: 17.5px 15px;
}

.m-menu__wrapper {
    height: 100%;
}

ul.m-menu__subnav {
    height: 100%;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    padding: 10px 30px;
    margin-bottom: 10px;
}
/* Menu End */
/*.m-m-login {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #f2f2f2;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    width: 1024px;
    height: 768px;
}*/
.m-login.m-login--5 .m-login__wrapper-1 {
    padding-top: 25% !important;
    display: table-cell;
    width: 100% !important;
}

.m-login.m-login--5 .m-login__wrapper-2 {
    padding-top: 0% !important;
    display: block;
    width: 100%;
}

    .m-login.m-login--5 .m-login__wrapper-2 .m-login__contanier {
        width: 100%;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

        .m-login.m-login--5 .m-login__wrapper-2 .m-login__contanier .m-login__form {
            margin-top: 1rem;
        }

            .m-login.m-login--5 .m-login__wrapper-2 .m-login__contanier .m-login__form .m-login__form-action .btn {
                display: inline-block;
                text-align: center;
                padding: 0.6rem 1rem;
                margin-right: 2rem;
            }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #1a75cf !important;
    opacity: 1; /* Firefox */
}

.login::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #575962 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #1a75cf !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #1a75cf !important;
}

.form-control[disabled] {
    background-color: #F8f8f8 !important;
}

.login[disabled] {
    background-color: #fff !important;
}

.height95 {
    height: 96%;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
}

.height5 {
    height: 4%;
    background-color: #000;
    opacity: 0.8;
    color: #fff;
}

.fullHeight {
    height: 100%;
    display: table-cell;
}

.m-login__logo {
    color: #fff;
}

.leftLoginimg {
    background: url(../Content/images/SMARTLogin.jpg) no-repeat;
    background-size: cover;
}

.jSignature hr {
    border-top: 2px solid #000 !important;
}

/* Static Page Start*/

.staticLink {
    text-decoration: none;
    color: #333333 !important;
}

    .staticLink :hover {
        text-decoration: none;
        color: #fff !important;
    }

.pageHeader {
    color: #1a75cf;
}

.question {
    color: orange;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.subHeder {
    color: #7b7e8a;
}
input[type="checkbox"] {
    height: 15px !important;
    width: 15px !important;
}
/* Static Page End*/


/* Media Quaries */
/* Signature Start */
@media (max-width: 1200px) and (min-width: 993px) {
    .m-login.m-login--5 {
        padding: 0px;
    }

    .m-login__head {
        max-width: 480px;
        overflow-x: auto
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #information-signature > canvas {
        width: 400px;
        height: 160px;
    }

    #interviewee-signature > canvas {
        width: 610px;
        height: 250px;
    }

    #el-interviewee-signature > canvas {
        width: 610px;
        height: 250px;
    }

    #el-designated-signature > canvas {
        width: 610px;
        height: 250px;
    }

    .sealIcon {
        left: 1%;        
        top:-5px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #interviewee-signature > canvas {
        width: 590px;
        height: 250px;
    }

    #fer-signature > canvas {
        width: 470px !important;        
    }

    #el-interviewee-signature > canvas {
        width: 590px;
        height: 250px;
    }

    #el-designated-signature > canvas {
        width: 590px;
        height: 250px;
    }
    .height5 {
        height: 7% !important;
    }

    .height95 {
        height: 93% !important;
    }   
}
/* Signature End */
@media (min-width: 993px) {
    .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text {
        color: #1a75cf;
    }

    .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-icon,
    .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-icon {
        color: #fff;
    }

    .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__ver-arrow,
    .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__ver-arrow {
        color: #fff;
    }

    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link > .m-menu__link-icon {
        color: #898989;
    }

    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link > .m-menu__link-icon, .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link > .m-menu__link-icon {
        color: #fff !important;
    }

    .m-aside-left--minimize .m-aside-menu .m-menu__nav.m-menu__nav--dropdown-submenu-arrow .m-menu__item.m-menu__item--hover > .m-menu__submenu .m-menu__subnav, .m-aside-menu.m-aside-menu--dropdown .m-menu__nav.m-menu__nav--dropdown-submenu-arrow .m-menu__item.m-menu__item--hover > .m-menu__submenu .m-menu__subnav {
        margin-left: 0px;
    }

    .m-aside-left--minimize .m-aside-left {
        width: 70px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        background-color: #EBEBEB !important;
    }

    /*.m-header {
        height: 70px;
        padding-left: 60px;
    }*/

    .m-brand {
        height: 60px;
    }

    .m-aside-left--fixed.m-aside-left--minimize .m-body {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        padding-left: 50px;
    }

    .m-aside-left--minimize .m-aside-menu .m-menu__nav {
        padding: 10px 0 40px 0;
    }

        .m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link {
            width: 70px;
        }

    .m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--hover.m-menu__item--submenu-fullheight:not([data-menu-submenu-mode='accordion']) > .m-menu__submenu {
        -webkit-animation: m-aside-menu-submenu-fade-in .2s ease 1, m-aside-menu-submenu-move-up .2s ease 1;
        -moz-animation: m-aside-menu-submenu-fade-in .2s ease 1, m-aside-menu-submenu-move-up .2s ease 1;
        -ms-animation: m-aside-menu-submenu-fade-in .2s ease 1, m-aside-menu-submenu-move-up .2s ease 1;
        -o-animation: m-aside-menu-submenu-fade-in .2s ease 1, m-aside-menu-submenu-move-up .2s ease 1;
        animation: m-aside-menu-submenu-fade-in .2s ease 1, m-aside-menu-submenu-move-up .2s ease 1;
        width: 275px;
        position: fixed !important;
        top: 0;
        bottom: 0;
        left: 70px;
        z-index: 1000;
        margin-left: 0 !important;
    }

    .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed).m-aside-left--minimize .m-footer {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        margin-left: 60px;
    }

    .m-header--fixed .m-body {
        padding-top: 72px !important;
    }

    aside-left--enabled:not(.m-footer--fixed) .m-wrapper {
        margin-bottom: 25px;
    }

    .m-brand--minimize .m-brand .m-brand__logo {
        display: block !important;
    }

    .m-brand--minimize .m-brand {
        width: 70px;
        background-color: #EBEBEB !important;
    }

    .m-header--fixed .m-header {
        z-index: 100;
    }
}
/* Menu End*/


/* List Start */
@media (min-width: 1200px) {
    .m-widget-title {
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    .m-widget-sub {
        font-size: 16px !important;
        font-weight: 500 !important;
    }

    .m-widget-sub > i {
        font-size: 14px !important;
    }        
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .height5 {
        height: 7% !important;
    }

    .height95 {
        height: 93% !important;
    }

    .m-widget-title {
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    .m-widget-sub {
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .m-widget-sub > i {
        font-size: 14px !important;
    }

    .k-grid colgroup > col {
        word-break: break-word !important;
    }
    .k-grid table th {
        word-break: break-word !important;
        padding: .3em .3em .3em .3em !important;
        overflow: visible !important;
        white-space: unset !important;
        vertical-align: middle !important;
    }
    .k-grid table td {
        word-break: break-word !important;
        padding: .3em .3em .3em .3em !important;
    }
    .k-grid table a.k-button {
        margin-bottom: 7px !important;
    }
}

@media (min-width: 1260px) {
    .searchChildren {
        max-height: 750px !important;
        max-width: 1367px !important;
    }
    .searchStudent-Children {
        max-width: 1367px !important;        
    }
}

@media (max-width: 1024px) {
    .lg-scroll {
        max-height: 132px;
    }
}

@media (max-width: 1024px) {
    .lg-scrollbar {
        max-height: 152px;
    }
}

@media (max-width: 1024px) {
    .lg-scroller {
        max-height: 172px;
    }
}

@media (min-width: 1260px) {
    .xl-scrollbar {
        max-height: 170px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-scrollbar {
        max-height: 131px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-scroll {
        max-height: 153px;
    }
}

/* List End */

/* Dashboard Start */
.m-portlet.dash {
    border: 1px solid #999;
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.5);
}

div.dashboard-overlay {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 100%;
}

div.dashboard-overlay div.dashboard-nodata {
    width: 150px;
    margin: auto;
}
/* Dashboard End */

/* Placeholder Color Start */
input::-webkit-input-placeholder {
    color: black !important;
    opacity: 0.8 !important;
}

input:-moz-placeholder {
    color: black !important;
    opacity: 0.8 !important;
}
/* Placeholder Color End */

/* Editable Kendo grid color Start*/
span.k-dirty {
    border-color: #080707 transparent transparent #0c0b0b;
}
/* Editable Kendo grid color End*/

.Enrollment-Rollover-footer {
    max-height: 400px;
}

@media (min-width: 1024px) and (max-width: 1299px) {
    .Enrollment-Rollover-footer {
        max-height: 330px;
    }
}