@font-face {
    font-family: 'NatoSansThinItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/1_foundever_sans_thinitalic-web.ttf");
}

@font-face {
    font-family: 'NatoSansThin';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/1_foundever_sans_thin-web.ttf");
}

@font-face {
    font-family: 'NatoSansExtraLightItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/2_foundever_sans_extralightitalic-web.ttf");
}

@font-face {
    font-family: 'NatoSansExtraLight';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/2_foundever_sans_extralight-web.ttf");
}

@font-face {
    font-family: 'NatoSansLightItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/3_foundever_sans_lightitalic-web.ttf");
}

@font-face {
    font-family: 'NatoSansLight';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/3_foundever_sans_light-web.ttf");
}

@font-face {
    font-family: 'NatoSansSemiItalicThin';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/4_foundever_sans_semilightitalic-web.ttf");
}

@font-face {
    font-family: 'NatoSansSemiItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/4_foundever_sans_semilight-web.ttf");
}

@font-face {
    font-family: 'NatoSansItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/5_foundever_sans_regularitalic-web.ttf");
}

@font-face {
    font-family: 'NatoSans';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/5_foundever_sans_regular-web.ttf");
}

@font-face {
    font-family: 'NatoSansMediumItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/6_foundever_sans_mediumitalic-web.ttf");
}

@font-face {
    font-family: 'NatoSansMedium';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/6_foundever_sans_medium-web.ttf");
}

@font-face {
    font-family: 'NatoSansBoldItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/7_foundever_sans_bolditalic-web.ttf");
}

@font-face {
    font-family: 'NatoSansBold';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/7_foundever_sans_bold-web.ttf");
}

@font-face {
    font-family: 'NatoSansExtraBoldItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/8_foundever_sans_extrabolditalic-web.ttf");
}

@font-face {
    font-family: 'NatoSansExtraBold';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/8_foundever_sans_extrabold-web.ttf");
}

@font-face {
    font-family: 'NatoSansBlackItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/9_foundever_sans_blackitalic-web.ttf");
}

@font-face {
    font-family: 'NatoSansBlack';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSans/9_foundever_sans_black-web.ttf");
}

@font-face {
    font-family: 'FoundeverThinItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-ThinItalic.otf");
}

@font-face {
    font-family: 'FoundeverThin';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-Thin.otf");
}

@font-face {
    font-family: 'FoundeverExtraLightItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-ExtraLightItalic.otf");
}

@font-face {
    font-family: 'FoundeverExtraLight';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-ExtraLight.otf");
}

@font-face {
    font-family: 'FoundeverLightItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-LightItalic.otf");
}

@font-face {
    font-family: 'FoundeverLight';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-Light.otf");
}

@font-face {
    font-family: 'FoundeverSemiItalicThin';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-SemiLightItalic.otf");
}

@font-face {
    font-family: 'FoundeverSemiItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-SemiLight.otf");
}

@font-face {
    font-family: 'FoundeverItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-RegularItalic.otf");
}

@font-face {
    font-family: 'Foundever';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-Regular.otf");
}

@font-face {
    font-family: 'FoundeverMediumItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-MediumItalic.otf");
}

@font-face {
    font-family: 'FoundeverMedium';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-Medium.otf");
}

@font-face {
    font-family: 'FoundeverBoldItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-BoldItalic.otf");
}

@font-face {
    font-family: 'FoundeverBold';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-Bold.otf");
}

@font-face {
    font-family: 'FoundeverExtraBoldItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-ExtraBoldItalic.otf");
}

@font-face {
    font-family: 'FoundeverExtraBold';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-ExtraBold.otf");
}

@font-face {
    font-family: 'FoundeverBlackItalic';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-BlackItalic.otf");
}

@font-face {
    font-family: 'FoundeverBlack';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/foundever/FoundeverSans-Black.otf");
}

body {
    font-family: FoundeverLight !important;
    overflow-x: hidden;
}

.fontThinItalic {
    font-family: FoundeverThinItalic !important;
}

.fontThin {
    font-family: FoundeverThin !important;
}

.fontExtraLightItalic {
    font-family: FoundeverExtraLightItalic !important;
}

.fontExtraLight {
    font-family: FoundeverExtraLight !important;
}

.fontLightItalic {
    font-family: FoundeverLightItalic !important;
}

.fontLight {
    font-family: FoundeverLight !important;
}

.fontSemiItalicThin {
    font-family: FoundeverSemiItalicThin !important;
}

.fontSemiItalic {
    font-family: FoundeverSemiItalic !important;
}

.fontItalic {
    font-family: FoundeverItalic !important;
}

.fontRegular {
    font-family: Foundever !important;
}

.fontMediumItalic {
    font-family: FoundeverMediumItalic !important;
}

.fontMedium {
    font-family: FoundeverMedium !important;
}

.fontBoldItalic {
    font-family: FoundeverBoldItalic !important;
}

.fontBold {
    font-family: FoundeverBold !important;
}

.fontExtraBoldItalic {
    font-family: FoundeverExtraBoldItalic !important;
}

.fontExtraBold {
    font-family: FoundeverExtraBold !important;
}

.fontBlackItalic {
    font-family: FoundeverBlackItalic !important;
}

.fontBlack {
    font-family: FoundeverBlack !important;
}


.notofontThinItalic {
    font-family: NatoThinItalic !important;
}

.notofontThin {
    font-family: NatoThin !important;
}

.notofontExtraLightItalic {
    font-family: NatoExtraLightItalic !important;
}

.notofontExtraLight {
    font-family: NatoExtraLight !important;
}

.notofontLightItalic {
    font-family: NatoLightItalic !important;
}

.notofontLight {
    font-family: NatoLight !important;
}

.notofontSemiItalicThin {
    font-family: NatoSemiItalicThin !important;
}

.notofontSemiItalic {
    font-family: NatoSemiItalic !important;
}

.notofontItalic {
    font-family: NatoItalic !important;
}

.notofontRegular {
    font-family: Nato !important;
}

.notofontMediumItalic {
    font-family: NatoMediumItalic !important;
}

.notofontMedium {
    font-family: NatoMedium !important;
}

.notofontBoldItalic {
    font-family: NatoBoldItalic !important;
}

.notofontBold {
    font-family: NatoBold !important;
}

.notofontExtraBoldItalic {
    font-family: NatoExtraBoldItalic !important;
}

.notofontExtraBold {
    font-family: NatoExtraBold !important;
}

.notofontBlackItalic {
    font-family: NatoBlackItalic !important;
}

.notofontBlack {
    font-family: NatoBlack !important;
}


.pageTitle {
    font-weight: bold;
}

.loginSection {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url('../images/LoginBackground.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

    .loginSection .loginCard {
        position: absolute;
        top: 16vh;
        left: 38%;
        max-width: 25rem;
    }

.navHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.5rem;
    max-height: 3.5rem;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.body {
    min-height: 84.7vh !important;
}

.navFooter {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.5rem;
    max-height: 1.5rem;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.pointer {
    cursor: pointer;
}

.logoImg {
    max-height: 4rem;
}

.foundeverlogoImg {
    max-height: 2.4rem !important;
}

#btnLogin {
    float: right;
}

.displayNone {
    display: none !important;
}

.p-error {
    color: red;
    font-size: 1rem;
    font-weight: bold;
}

.userName {
    font-size: 1.1rem;
    font-weight: bold;
}

form {
    width: 100% !important;
}

.completed {
    background-color: #95e0c5;
    color: black;
}

.delayed {
    background-color: #fbeacd;
    color: black;
}

.missed {
    background-color: #fcd5d5;
    color: black;
}

.sectionTitle {
    background-color: #f7f8fb;
    color: black;
}

textarea {
    resize: none !important;
}

.datepicker-switch, .today, .clear {
    text-align: center !important;
}

.today, .clear {
    cursor: pointer;
}

table thead:first-child {
    /*background-color:  #cee6fb;*/
    background-color: #FFFFFF;
    color: black;
}

.mt-align {
    margin-top: 1.70rem !important;
}

.select2-selection__rendered {
    max-height: 4rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.select2-selection__choice {
    white-space: break-spaces !important;
}

input:disabled {
    background-color: rgba(0,0,0,0.02) !important;
}

.select2-container {
    width: 100% !important;
}

span.month {
    padding: 0.5rem !important;
    margin: 0.5rem !important;
}

span.year {
    padding: 0.5rem !important;
    margin: 0.5rem !important;
}

.resizeNone {
    resize: none !important;
}

textarea:disabled {
    background-color: rgba(0,0,0,0.02) !important;
}

.colorCompleted {
    background-color: #33CC33;
    color: black;
}

.colorDelayed {
    background-color: #FFCC33;
    color: black;
}

.colorMissed {
    background-color: #FF0033;
    color: black;
}

.colorDisabled {
    background-color: #515A5A;
    color: black;
}

.table-230 {
    width: 230% !important;
}

.table-380 {
    width: 380% !important;
}

body[data-layout=horizontal] .container-fluid, body[data-layout=horizontal] .navbar-header {
    max-width: 100% !important;
}

.bottomAllign {
    position: absolute;
    bottom: 0;
    right: 0;
}

.floatRight {
    float: right !important;
}

.select2-container--default .select2-selection--single {
    padding: 0.2rem;
    height: 2rem;
}

.navbar-nav {
    width: 100% !important;
}

.lastItem {
    width: 100% !important;
}

.cursorPointer {
    cursor: pointer;
}

.col3, .col4 {
    background: #cee6fb;
}

.currentStage {
    background: #eef788 !important;
}

.page-title-right {
    display: none !important;
}


.BorderMandatory {
    border-radius: 5px;
    border: 1px solid red !important;
}

    .BorderMandatory:focus {
        border: 1px solid red !important;
    }

.requiredFocus:focus {
    background-color: rgba(255, 0, 0, 0.4) !important;
}

.loginfooter {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #5959EB;
    color: #fff;
}

.btn-default {
    background: #D7D7E4;
    border-radius: 4px;
}

.table-csr {
    border-bottom: 1px solid #D7D7E4;
}

.loginfooter a {
    color: #fff;
    text-decoration: underline !important;
}


    .loginfooter a:hover {
        color: #F3C316;
        text-decoration: underline !important;
    }

input.form-control::placeholder {
    opacity: .5;
}

textarea.form-control::placeholder {
    opacity: .5;
}

form label {
    text-transform: capitalize !important;
}


.d-classname {
    font-size: 1.3rem !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
}

.d-classnamechange {
    font-size: 1.1rem !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
}

.break-whiteSpace {
    white-space: break-spaces !important;
}

.modal-backdrop {
    zoom: 2.0 !important;
}

.text-danger {
    color: #F22F31 !important;
}

/*Menu CSS by Manali*/
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
    padding: 0 !important;
    background-color: transparent !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {
    margin-left: 0 !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
    color: #1717AB !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    background-color: #E4E4FF !important;
    color: #3535CD !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {
    font-size: 14px !important;
}

    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
        background-color: #E4E4FF !important;
        color: #3535CD !important;
        border-radius: 4px;
        font-weight: bold;
    }

.navbar-header {
    height: 48px !important;
}

.vertical-menu {
    top: 48px !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {
    padding: 10px 8px !important;
    text-align: center !important;
}

    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a span {
        text-align: center;
        font-size: 0.9rem;
        overflow: hidden;
        display: block !important;
        padding-left: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {
        padding: 4px !important;
    }

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
    width: auto;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li {
    display: flex;
}

    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul {
        display: block;
    }

.metismenu {
    padding: 0.4rem;
}

.menu-item {
    display: inline-block;
    text-align: center;
    position: relative;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover {
    display: flex !important;
    position: static;
}

#sidebar-menu ul li a {
    text-align: left;
}

.img-menu-configuration {
    content: url('../images/icons/configuration.svg');
    transition: 0.3s ease;
}

.menu-item:hover .img-menu-configuration {
    content: url('../images/icons/configuration-primary.svg');
}

.img-menu-class-management {
    content: url('../images/icons/class-management.svg');
    transition: 0.3s ease;
}

.menu-item:hover .img-menu-class-management {
    content: url('../images/icons/Class-management-primary.svg');
}

.img-menu-appprovals {
    content: url('../images/icons/approvals.svg');
    transition: 0.3s ease;
}

.menu-item:hover .img-menu-approvals {
    content: url('../images/icons/Approvals-primary.svg');
}

.img-menu-Reports {
    transition: 0.3s ease;
    content: url('../images/icons/reports.svg');
}

.menu-item:hover .img-menu-Reports {
    content: url('../images/icons/Reports-primary.svg');
}

.img-menu-Resource-planning {
    content: url('../images/icons/resource-planning.svg');
    transition: 0.3s ease;
}

.menu-item:hover .img-menu-Resource-planning {
    content: url('../images/icons/resource-planning-primary.svg');
}

.Config-icon {
    content: url('../images/icons/configuration.svg');
}

.Approvals-icon {
    content: url('../images/icons/approvals.svg');
}

.Class-icon {
    content: url('../images/icons/class-management.svg');
}

.Reports-icon {
    content: url('../images/icons/reports.svg');
}

.Resource-icon {
    content: url('../images/icons/resource-planning.svg');
}


.sidebar-enable:not(.vertical-collpsed) li .menutitle {
    display: none;
}

.sidebar-enable .vertical-collpsed #navHeader li:hover .menutitle {
    display: block !important;
}

.sidebar-enable:not(.vertical-collpsed) li .subtitle {
    display: none;
}

.sidebar-enable .vertical-collpsed #navHeader li:hover .subtitle {
    display: block !important;
}

/*CSS Added by Manali*/
body {
    background-color: #EBEBF1 !important;
}

.breadcrumb {
    background-color: transparent !important;
    padding: 0 0 2rem 0 !important;
}

.breadcrumb-item > a {
    color: #7A7AAE !important;
    font-size: 0.875rem !important;
}

#capacity-planner .nav {
    display: inline-flex !important;
}

#capacity-planner .nav-link {
    padding: 1rem 1.5rem !important;
    font-size: 0.875rem !important;
}

#capacity-planner .nav-tabs-custom .nav-item .nav-link.active {
    font-weight: 700 !important;
}

#capacity-planner .nav-tabs-custom {
    border-bottom: 2px solid #D7D7E4 !important;
}

#capacity-planner .card {
    border-radius: .5rem !important;
    padding: 1.5rem !important;
}

#capacity-planner .tab-content {
    padding: 1.5rem 0 !important;
}

#capacity-planner .form-control {
    border: 1px solid #EBEBF1 !important;
}

#capacity-planner .input-group-text {
    border-color: #EBEBF1;
    background-color: transparent;
    border-right: 0;
}

#capacity-planner .input-group-append {
    border: none !important;
}

#capacity-planner .select2-container--default .select2-selection--single {
    line-height: 1.5 !important;
    padding: .25rem .5rem !important;
    height: calc(1.5em + .94rem + 2px) !important;
    border: 1px solid #EBEBF1 !important;
}

    #capacity-planner .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 34px !important;
    }

#capacity-planner table {
    border: 1px solid #B0B0CD;
    border-radius: 8px !important;
    border-collapse: separate;
    border-spacing: 0 !important;
    overflow: hidden !important;
    font-size: .875rem !important;
}

    #capacity-planner table tr:last-child td:last-child {
        border-bottom-right-radius: 8px;
    }

    #capacity-planner table tr:last-child td:first-child {
        border-bottom-left-radius: 8px;
    }

    #capacity-planner table tr:first-child th:first-child,
    #capacity-planner table tr:first-child td:first-child {
        border-top-left-radius: 8px
    }

    #capacity-planner table tr:first-child th:last-child,
    #capacity-planner table tr:first-child td:last-child {
        border-top-right-radius: 8px
    }

#capacity-planner .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #B0B0CD;
    font-size: .875rem !important;
    padding: 12px !important;
    text-align: left !important;
    white-space: nowrap;
}

#capacity-planner .table tr td {
    text-align: left !important;
}

#capacity-planner .table-bordered td, #capacity-planner .table-bordered th {
    border: 1px solid #D7D7E4;
}

#capacity-planner .card-header {
    font-size: 0.875rem !important;
}
/* #capacity-planner table tr th:first-child,
    #capacity-planner table tr td:first-child {
        border-left: 2px solid #B2DBF4;
    }

    #capacity-planner table tr:first-child th,
    #capacity-planner table tr:first-child td {
        border-top: 2px solid #B2DBF4;
    }*/
.title-heading {
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.5rem !important;
    color: #09092D !important;
}

#divResCapacity .progress-bar {
    border-radius: .5rem !important;
    background-color: #1717AB !important;
}

#divResCapacity .progress {
    background-color: #9595FE !important;
}

#rsplanner .nav-link {
    border-radius: 2rem 0 0 2rem;
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
}

.text-primary60 {
    color: #1717AB !important;
}

.bg-primary60 {
    background-color: #1717AB !important;
}

.text-primary20 {
    color: #9595FE !important;
}

.bg-primary20 {
    background-color: #9595FE !important;
}

.btn {
    line-height: normal !important;
}


.btn-primary-light {
    background-color: #EBEBF1;
    color: #9F9FC1;
}

    .btn-primary-light:hover {
        background-color: #5959EB;
        color: #fff;
    }

.btn-primary:hover {
    background-color: #5959EB;
    color: #fff;
}

.btn-link {
    color: #3535CD;
    text-decoration: none;
}

@media (min-width: 576px) {
    .modal-sm {
        max-width: 322px;
    }
}

.StatusColorresBg2 {
    background-color: #FFECA9 !important;
    color: #665000 !important;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    border-radius: 2px;
    padding: .25rem .5rem !important;
}

    .StatusColorresBg2 a {
        color: #665000 !important;
    }

.modal-body {
    padding: 1.5rem !important;
}

.AddResourcesRosterLearningSpecalist .modal-body {
    padding: 1.5rem !important;
}

.ResourcesRosterTrainerDetailspopup .modal-body {
    padding: 1.5rem !important;
}

    .ResourcesRosterTrainerDetailspopup .modal-body h5 {
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .ResourcesRosterTrainerDetailspopup .modal-body h6 {
        font-size: 12px !important;
        font-weight: 400 !important;
    }

/*Class Planner*/
#class-planner .nav {
    display: inline-flex !important;
}

#class-planner .nav-link {
    padding: 1rem 1.5rem !important;
    font-size: 0.875rem !important;
}

#class-planner .nav-tabs-custom .nav-item .nav-link.active {
    font-weight: 700 !important;
}

#class-planner .nav-tabs-custom {
    border-bottom: 2px solid #D7D7E4 !important;
}

#class-planner .card {
    border-radius: .5rem !important;
    padding: 1.5rem !important;
}

#class-planner .tab-content {
    padding: 1.5rem 0 !important;
}

#class-planner .form-control {
    border: 1px solid #EBEBF1 !important;
}

#class-planner .input-group-text {
    border-color: #EBEBF1;
    background-color: transparent;
    border-right: 0;
}

#class-planner .input-group-append {
    border: none !important;
}

#class-planner .select2-container--default .select2-selection--single {
    line-height: 1.5 !important;
    padding: .25rem .5rem !important;
    height: calc(1.5em + .94rem + 2px) !important;
    border: 1px solid #EBEBF1 !important;
}

    #class-planner .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 34px !important;
    }

#class-planner table {
    border: 1px solid #B0B0CD;
    border-radius: 8px !important;
    border-collapse: separate;
    border-spacing: 0 !important;
    overflow: hidden !important;
    font-size: .875rem !important;
}

    #class-planner table tr:last-child td:last-child {
        border-bottom-right-radius: 8px;
    }

    #class-planner table tr:last-child td:first-child {
        border-bottom-left-radius: 8px;
    }

    /*  #class-planner table tr:first-child th:first-child,
    #class-planner table tr:first-child td:first-child {
        border-top-left-radius: 8px
    }

    #class-planner table tr:first-child th:last-child,
    #class-planner table tr:first-child td:last-child {
        border-top-right-radius: 8px
    }*/


    #class-planner table tr:first-child th:first-child {
        border-top-left-radius: 8px
    }

    #class-planner table tr:first-child th:last-child {
        border-top-right-radius: 8px
    }

/*#class-planner .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #B0B0CD;
    font-size: .875rem !important;
    padding: 12px !important;
    text-align: left !important;
    white-space: nowrap;
}*/

#class-planner .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #B0B0CD;
    font-size: .875rem !important;
    padding: 12px 8px !important;
    text-align: left !important;
    white-space: nowrap;
    border: none;
}

/*#class-planner .table tr td {
    text-align: left !important;
    white-space: break-spaces;
    line-height: 1;
}*/

#class-planner .table tr td {
    text-align: left !important;
    white-space: break-spaces;
    line-height: 1;
    border-top: 1px solid #D7D7E4 !important;
    border: none;
}

#class-planner .table-bordered td, #class-planner .table-bordered th {
    border: 1px solid #D7D7E4;
}

#class-planner .card-header {
    font-size: 0.875rem !important;
}

#class-planner .breadcrumb {
    padding-bottom: 1.25rem !important;
}

#tabKPIinformation label {
    margin-bottom: .25rem !important;
}

#tabactionplanfollowups .card {
    border: solid 1px #EBEBF1;
    box-shadow: none;
    border-radius: 4px !important;
}


#class-planner .btn .badge, #class-planner .badge {
    line-height: 16px !important;
    border-radius: 2px !important;
    padding: 4px 8px !important;
    /*font-weight: bold;*/
    font-size: 12px !important;
}

#class-planner .badge-pill-rounded {
    border-radius: 12px !important;
    color: #007018 !important;
    background-color: #AAEFB9 !important;
    font-weight: bold !important;
}

.text-overlay1 {
    color: #09092DB2;
    opacity: 70%;
}

#accordion .card-header {
    border-radius: .25rem;
    padding: 1rem 1.5rem;
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #B0B0CD !important;
}

#accordion .btn-link {
    font-weight: 500 !important;
    font-size: .875rem;
    color: #09092D;
    text-decoration: none;
    text-align: left;
}

.badge-success-light {
    line-height: 1rem !important;
    padding: 4px 8px !important;
    font-weight: bold;
    color: #007018 !important;
    font-size: 12px;
    background-color: #AAEFB9;
}

.badge-warning-light {
    line-height: 1rem !important;
    padding: 4px 8px !important;
    font-weight: bold;
    color: #665000 !important;
    font-size: 12px;
    background-color: #FFECA9;
}

#KpiDebriefingView .card {
    padding: 0 !important;
}

.FDate {
    color: #7A7AAE !important;
    opacity: 70%;
}

.btn-followup {
    color: #09092D !important;
    font-weight: 500 !important;
}

.followup-form label {
    text-transform: none !important;
}

#class-planner label {
    margin-bottom: .25rem !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

#KpiDebriefingView .card-body {
    padding: 12px 14px !important;
}

.badgedefault {
    background-color: #F3F3F7 !important;
    color: #4C4C8E !important;
}

#KpiLearnerHandoff .card {
    padding: 1.25rem !important;
}

#KpiLearnerHandoff .card-body {
    padding: 0 !important;
}

#KpiLearnerHandoff h5 {
    font-weight: bold !important;
    margin-bottom: 0.313rem !important
}

#KpiLearnerHandoff h4 {
    font-weight: bold !important;
    font-size: 1.6rem !important;
}


/*table {
    border: 1px solid #B0B0CD;
    border-radius: 8px !important;
    border-collapse: separate;
    border-spacing: 0 !important;
    overflow: hidden !important;
    font-size: .875rem !important;
}*/

   /* table tr:last-child td:last-child {
        border-bottom-right-radius: 8px;
    }

    table tr:last-child td:first-child {
        border-bottom-left-radius: 8px;
    }


    table tr:first-child th:first-child {
        border-top-left-radius: 8px
    }

    table tr:first-child th:last-child {
        border-top-right-radius: 8px
    }

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #B0B0CD;
    font-size: .875rem !important;
    padding: 12px 8px !important;
    text-align: left !important;
    white-space: nowrap;
    border: none;
}


.table tr td {
    text-align: left !important;
    white-space: break-spaces;
    line-height: 1;
    border-top: 1px solid #D7D7E4 !important;
    border: none;
}

.table-bordered td, #class-planner .table-bordered th {
    border: 1px solid #D7D7E4;
}*/


#LearnerHandoff .form-check-input {
    margin: 0 !important;
}

#LearnerHandoff .form-check {
    position: relative !important;
    display: block;
    padding-left: .5rem !important;
}

.text-light {
    color: #B0B0CD !important
}


.badge-soft-secondary {
    background-color: #D7D7E4 !important;
    color: #1F1F59 !important;

}

.sub-container button {
    vertical-align: top;
    font-size: 1rem;
    display: inline-block !important;
    margin-right: .5rem;
    padding: .2rem;
    background: transparent;
    border: none;
    color: #1F1F59;
}

.sub-container .btn.focus, .sub-container .btn:focus {
    box-shadow: none;
}

.sub-container h5 {
    display: inline-block;
}

/*.explode table {
    border: none !important;
}*/
.explode table {
    border: none !important;
    background: #F3F3F780 !important;
}

.explode a {
    /*margin-left: 2.25rem;*/
    margin-left: 5.25rem;
}

.btn-secondary {
    background-color: #EBEBF1 !important;
    border-color: #EBEBF1 !important;
    color: #1F1F59 !important;
}

/*Tooltip*/
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

    /* Hide the tooltip content by default */
    [data-tooltip]:before,
    [data-tooltip]:after {
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none;
    }

    /* Position tooltip above the element */
    [data-tooltip]:before {
        position: absolute;
        bottom: 150%;
        left: 50%;
        margin-bottom: 5px;
        margin-left: -80px;
        padding: 7px;
        width: 160px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #000;
        background-color: #4C4C8E;
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 14px;
        line-height: 1.2;
    }

    /* Triangle hack to make tooltip look like a speech bubble */
    [data-tooltip]:after {
        position: absolute;
        bottom: 150%;
        left: 50%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #000;
        border-top: 5px solid #4C4C8E;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0;
    }

    /* Show tooltip content on hover */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

/*for column gap*/
/*#capacity-planner .col, #capacity-planner .col-1, #capacity-planner .col-10, #capacity-planner .col-11, #capacity-planner .col-12, #capacity-planner .col-2, #capacity-planner .col-3, #capacity-planner .col-4, #capacity-planner .col-5, #capacity-planner .col-6, #capacity-planner .col-7, #capacity-planner .col-8, #capacity-planner .col-9, #capacity-planner .col-auto, #capacity-planner .col-lg, #capacity-planner .col-lg-1, #capacity-planner .col-lg-10, #capacity-planner .col-lg-11, #capacity-planner .col-lg-12, #capacity-planner .col-lg-2, #capacity-planner .col-lg-3, #capacity-planner .col-lg-4, #capacity-planner .col-lg-5, #capacity-planner .col-lg-6, #capacity-planner .col-lg-7, #capacity-planner .col-lg-8, #capacity-planner .col-lg-9, #capacity-planner .col-lg-auto, #capacity-planner .col-md, #capacity-planner .col-md-1, #capacity-planner .col-md-10, #capacity-planner .col-md-11, #capacity-planner .col-md-12, #capacity-planner .col-md-2, #capacity-planner .col-md-3, #capacity-planner .col-md-4, #capacity-planner .col-md-5, #capacity-planner .col-md-6, #capacity-planner .col-md-7, #capacity-planner .col-md-8, #capacity-planner .col-md-9, #capacity-planner .col-md-auto, #capacity-planner .col-sm, #capacity-planner .col-sm-1, #capacity-planner .col-sm-10, #capacity-planner .col-sm-11, #capacity-planner .col-sm-12, #capacity-planner .col-sm-2, #capacity-planner .col-sm-3, #capacity-planner .col-sm-4, #capacity-planner .col-sm-5, #capacity-planner .col-sm-6, #capacity-planner .col-sm-7, #capacity-planner .col-sm-8, #capacity-planner .col-sm-9, #capacity-planner .col-sm-auto, #capacity-planner .col-xl, #capacity-planner .col-xl-1, #capacity-planner .col-xl-10, #capacity-planner .col-xl-11, #capacity-planner .col-xl-12, #capacity-planner .col-xl-2, #capacity-planner .col-xl-3, #capacity-planner .col-xl-4, #capacity-planner .col-xl-5, #capacity-planner .col-xl-6, #capacity-planner .col-xl-7, #capacity-planner .col-xl-8, #capacity-planner .col-xl-9, #capacity-planner .col-xl-auto {
    padding-right: 8px !important;
    padding-left: 8px !important;
}*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.dropdown-menu.show {
    transform: translate3d(45px, 65px, 50px) !important;
}