html, body {
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
}

.content {
    height: 100vh;
}

.e-sidebar-context {
    overflow: hidden;
    position: relative;
}

/*
.default-tab .e-content .e-item {
    font-size: 16px;
    font-family: Open Sans;
    text-align: justify;
}*/

/*@font-face {
    font-family: 'Socialicons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}*/

/*.default-tab .e-tab-icon {
    font-family: 'Socialicons' !important;
}

.default-tab .e-icons.e-tab-icon {
    position: relative;
    top: 1px;
}*/

/*.default-tab .e-toolbar-items {
    float: left;
}*/

.donut-box {
    background-color: white;
    width: 250px;
    padding: 10px;
    display: flex;
    margin-top: 10px;
    height: 85px;
}

.progress-box {
    background-color: white;
    width: 250px;
    padding: 10px;
    display: flex;
    height: 75px;
}

.eProduct-donut-box {
    background-color: white;
    width: 280px;
    padding: 10px;
    display: flex;
    margin-top: 10px;
    height: 90px;
}

.donut-detail {
    float: right;
    margin-top: 13px;
    width: 140px;
    /*margin-left: 10px;*/
}

.progress-detail {
    float: right;
    width: 150px;
}

.accordion-control {
    width: 250px;
    /*height: 60vh;
    
    overflow-y: auto;
    
    position: absolute;*/
    margin-top: -8px;
    margin-bottom: 10px;
    z-index: 2;
}


#wrapper {
    width: 100%;
}

form {
    width: 100%;
}

.e-menu-custom {
    width: 100%;
}

    .e-menu-custom ul {
        width: 100%;
    }

.grid-default {
    padding: 15px 15px 35px 15px;
    height: 64vh;
    display: flex;
}

.content {
    margin-bottom: 50px;
}

.main-content .e-sidebar {
    height: 100vh;
    border-width: 0px;
}

.mt-15 {
    margin-top: 15px !important;
}
/*ml-2 {
    margin-left: 5px;
}
mr-2 {
    margin-right: 5px;
}*/

.grid-default .e-grid .e-gridheader .e-columnheader {
    height: 50px;
}


.grid-default .e-grid .e-gridheader th {
    background-color: #E2E9F1;
    border: none;
    border-left-style: none !important;
}

    .grid-default .e-grid .e-gridheader th .e-headercelldiv {
        height: 100%;
    }

        .grid-default .e-grid .e-gridheader th .e-headercelldiv .e-blazor-template {
            color: black;
            font-size: 12pt;
            font-weight: 700;
        }

.small-text {
    font-size: 12px;
    margin-top: -10px;
}

.icon-link {
    font-size: 20px !important;
}

    .icon-link:hover {
        cursor: pointer;
    }

.e-tab-custom-class {
    width: 100%;
    height: 100%;
    /*    border: 2px solid blue;*/
}

    .e-tab-custom-class .e-tab-text {
        font-size: 14px !important;
        font-family: Open Sans !important;
        text-align: justify;
    }

    .e-tab-custom-class.e-tab-header {
        border-bottom: 1px solid #d2d2d2 !important;
    }

    .e-tab-custom-class .e-tab-wrap {
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
        border-width: 0px !important;
        background: #d1dbe7;
        padding-right: 5px !important;
    }

        .e-tab-custom-class .e-tab-wrap:hover {
            background: #d1dbe7 !important;
        }

    .e-tab-custom-class .e-active .e-tab-wrap {
        background: white;
    }

        .e-tab-custom-class .e-active .e-tab-wrap:hover {
            background: white !important;
            cursor: default;
        }

    .e-tab-custom-class .e-active .e-tab-text {
        color: #3e3845 !important;
    }

    .e-tab-custom-class .e-indicator {
        display: none !important;
    }

    .e-tab-custom-class .e-close-icon {
        padding: 5px;
    }

    .e-tab-custom-class .e-active .e-close-icon {
        color: #3e3845 !important;
    }

        .e-tab-custom-class .e-active .e-close-icon:hover {
            color: white !important;
            background: #3e3845 !important;
            cursor: pointer;
        }

    .e-tab-custom-class .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-text-wrap .e-tab-text {
        color: #2f68ac !important;
    }

    .e-tab-custom-class .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-text-wrap .e-close-icon {
        color: #2f68ac !important;
    }

        .e-tab-custom-class .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-text-wrap .e-close-icon:hover {
            color: #fff !important;
            background: #2f68ac !important;
            cursor: pointer;
        }

.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
    content: none !important;
}

.e-child-tab-custom-class {
    width: 100%;
    /*    height: 400px;*/
}

    .e-child-tab-custom-class .e-tab-text {
        font-size: 13px !important;
        font-family: Open Sans !important;
    }

    .e-child-tab-custom-class .e-tab-header {
        /*//height: 17px !important;*/
        background-color: white;
        border-bottom-left-radius: 6px !important;
        border-bottom-right-radius: 6px !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 6px !important;
        /*        height: 20px !important;*/
    }

    .e-child-tab-custom-class .e-indicator {
        /*display: block !important;*/
        background: #2f68ac !important;
    }
    /*.e-child-tab-custom-class .e-tab-wrap {
    padding-right: 18px !important;
}*/

    .e-child-tab-custom-class .e-tab-wrap {
        /*    height: 17px !important;*/
        border-bottom-left-radius: 6px !important;
        border-bottom-right-radius: 6px !important;
        border-width: 0px !important;
        background: white !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
        margin: 0px 0px 0px 0px;
    }

        .e-child-tab-custom-class .e-tab-wrap .e-text-wrap .e-keyboard {
            /*        height: 20px !important;*/
        }

    .e-child-tab-custom-class .e-active .e-tab-wrap:hover {
        background: #fff !important;
        cursor: default;
    }

    .e-child-tab-custom-class .e-active .e-tab-text {
        color: #2F68AC !important;
        border-bottom: 2px solid #2F68AC;
        /*        height: 20px !important;*/
    }

    .e-child-tab-custom-class .e-active .e-close-icon {
        color: #2F68AC !important;
    }

    .e-child-tab-custom-class .e-toolbar-item:not(.e-active) .e-tab-text {
        color: rgb(51,51,51) !important;
    }

    .e-child-tab-custom-class .e-toolbar-item:not(.e-active) .e-close-icon {
        color: rgb(51,51,51) !important;
    }

    .e-child-tab-custom-class .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
        background: #eeeeee !important;
        cursor: pointer;
        /*        height: 20px !important;*/
    }

        .e-child-tab-custom-class .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-text-wrap .e-tab-text {
            color: #2F68AC !important;
        }

        .e-child-tab-custom-class .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-text-wrap .e-close-icon {
            color: #2F68AC !important;
        }

.width-50 {
    width: 50%;
}

.iframe {
    width: 100%;
}

    .iframe iframe {
        position: absolute;
        /* top: 25%; */
        left: -8% !important;
        height: 70% !important;
        margin-top: 10%;
    }

.accordion-item {
    display: flex;
    padding: 5px 0;
}

    .accordion-item:hover {
        cursor: pointer;
        background: #F7F7F7;
    }

.accordion-item-left {
    width: 15%;
}

.accordion-item-center {
    width: 70%;
}

.accordion-item-right {
    width: 15%;
}

#main-tab .e-content {
    padding-left: 0;
    padding-right: 0;
    max-height: 100% !important;
}

.course-tab {
    padding: 0 12px;
}

.eProduct-tab {
    background: #F7F7F7;
    margin: 0px;
    padding: 0 8px;
    height: 84vh;
}

.text-detail-content {
    color: gray;
    font-size: 8pt;
}

.accordion-content {
    margin: 10px;
    width: 98%;
    position: absolute;
    padding-left: 310px;
    z-index: 1;
}

#iframe div {
    padding: 40% 0 0 0 !important;
}

#donut-chart_SeriesCollection {
    transform: translate(-6%, 0%);
}

/* e-Documents */
.course-donut-box {
    /*    border-radius: 6px;*/
    background-color: white;
    width: 254px;
    height: 65px;
    padding: 0px;
    display: flex;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-bottom: solid 2px #d1dbe7;
    /*    border-right: solid 4px #d1dbe7;*/
}

.webinars-donut-box {
    /*    border-radius: 6px;*/
    background-color: white;
    width: 254px;
    height: 25px;
    padding: 0px;
    border-bottom: solid 2px #d1dbe7;
    /*    border-right: solid 4px #d1dbe7;*/
}

.edocument-donut-box {
    background-color: white;
    width: 225px;
    height: 65px;
    padding: 0px;
    display: flex;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-bottom: solid 2px #d1dbe7;
    flex-direction: row;
    justify-content: space-between;
}

.liveCourses-donut-box {
    /*    border-radius: 6px;*/
    background-color: white;
    width: 254px;
    height: 65px;
    padding: 0px;
    display: flex;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    /*border-bottom: solid 2px #d1dbe7;*/
    /*    border-right: solid 4px #d1dbe7;*/
}

.workshops-donut-box {
    /*    border-radius: 6px;*/
    background-color: white;
    width: 254px;
    height: 2px; /* was 75px */
    padding: 0px;
    display: flex;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-bottom: solid 2px #d1dbe7;
    /*    border-right: solid 4px #d1dbe7;*/
}

.edocument-donut-detail {
    float: right;
    margin-top: 5px;
    width: 170px;
}

.donut-text {
    font-family: Open Sans;
    align-content: center;
    font-size: 14px;
    font-weight: bold;
    /*    letter-spacing: 0.92px;*/
    color: #333333;
    margin-left: 4px;
}

.overlap {
    position: relative;
    margin-left: 1px;
}

.overlap-item {
    position: absolute;
}

.detail-title {
    color: #262626;
    font-size: 13px;
    font-weight: 600;
    height: 15px;
    font-family: Inter;
    /*    letter-spacing: 0.62px;*/
}

.detail-content {
    height: 13px;
    font-family: Inter;
    font-size: 11px;
    color: #333333;
    margin-top: 18px;
    /*    letter-spacing: normal;*/
}

.detail-link {
    height: 13px;
    font-family: Inter;
    font-size: 11px;
    font-weight: 600;
    /*    letter-spacing: -0.22px;*/
    color: #3364a0 !important;
    cursor: pointer;
    margin-top: 36px;
    margin-left: 65px;
}

/*.eProduct-accordion-control {
    width: 280px;
    height: 66vh;*/
/*    margin-bottom: 10px;*/
/*overflow-y: auto;
    margin-top: 10px;
    position: absolute;
    z-index: 2;
}*/

.liveCourses-accordion-control {
    width: 254px;
    background-color: white;
    /*    border-right: solid 4px #d1dbe7;*/
    /*    margin-bottom: 10px;*/
    overflow-y: auto;
    margin-top: 0px;
    top: 145px;
    bottom: 20px;
    position: absolute;
    z-index: 2;
}

.final-review-accordion-control {
    width: 254px;
    background-color: white;
    overflow-y: auto;
    margin-top: 0px;
    /*    top: 145px;*/
    top: 85px;
    bottom: 20px;
    position: absolute;
    z-index: 2;
}

.webinars-accordion-control {
    width: 254px;
    background-color: white;
    overflow-y: auto;
    margin-top: 0px;
    z-index: 2;
}

.workshops-accordion-control {
    width: 254px;
    background-color: white;
    /*    border-right: solid 4px #d1dbe7;*/
    /*    margin-bottom: 10px;*/
    overflow-y: auto;
    margin-top: 0px;
/*    top: 155px;*/
        top:85px;
    bottom: 20px;
    position: absolute;
    z-index: 2;
}

.course-accordion-control {
    width: 254px;
    background-color: white;
    overflow-y: auto;
    margin-top: 0px;
    top: 80px;
    bottom: 20px;
    position: absolute;
    z-index: 2;
}

.course-accordion-content {
    position: absolute;
    padding-top: 15px;
    bottom: 0px;
    left: 282px;
    right: 20px;
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.edocument-accordion-control {
    width: 225px;
    background-color: white;
    /*    border-right: solid 4px #d1dbe7;*/
    /*    margin-bottom: 10px;*/
    overflow-y: auto;
    margin-top: 0px;
    top: 80px;
    /*bottom: 20px;*/
    height: calc(100% - 12px);
    position: absolute;
    z-index: 2;
}
.edocument-accordion-control-esg {
    width: 170px;
    background-color: white;
    /*    border-right: solid 4px #d1dbe7;*/
    /*    margin-bottom: 10px;*/
    overflow-y: auto;
    margin-top: 0px;
    top: 80px;
    /*bottom: 20px;*/
    height: calc(100% - 12px);
    position: absolute;
    z-index: 2;
}

.edocument-accordion-content {
    height: calc(100% - 12px);
    float: left;
    position: relative;
    width: calc(100% - 233px);
}

.edocument-accordion-content-email {
    height: calc(100% - 50px);
    float: left;
    position: relative;
    width: calc(100% - 233px);
}

.edocument-accordion-content-full {
    height: calc(100% - 12px);
    float: left;
    position: relative;
    width: calc(100% - 8px);
}

.edocument-accordion-content-esg {
    height: calc(100% - 12px);
    float: left;
    position: relative;
    width: calc(100% - 178px);
}

.edocument-accordion-content-email-esg {
    height: calc(100% - 50px);
    float: left;
    position: relative;
    width: calc(100% - 178px);
}

.edocument-accordion-content-full-esg {
    height: calc(100% - 12px);
    float: left;
    position: relative;
    width: calc(100% - 8px);
}

.faqs-accordion-content {
    position: absolute;
    top: 15px;
    bottom: 0px;
    left: 160px;
    right: 20px;
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.faqs-accordion-content-full {
    position: absolute;
    top: 15px;
    bottom: 0px;
    left: 28px;
    right: 20px;
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.handbook-progress-donut-box {
    /*    border-radius: 6px;*/
    background-color: white;
    width: 200px;
    height: 65px;
    padding: 0px;
    display: flex;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-bottom: solid 2px #d1dbe7;
    /*    border-right: solid 4px #d1dbe7;*/
}

.handbook-progress-accordion-control {
    width: 200px;
    background-color: white;
    /*    border-right: solid 4px #d1dbe7;*/
    /*    margin-bottom: 10px;*/
    overflow-y: auto;
    margin-top: 0px;
    top: 80px;
    bottom: 20px;
    position: absolute;
    z-index: 2;
}

.handbook-progress-accordion-content {
    position: absolute;
    padding-top: 15px;
    bottom: 0px;
    left: 228px;
    right: 20px;
    z-index: 1;
    height: 100%;
}

.e-btn:disabled, .e-css.e-btn:disabled {
    background-color: #EAEAEA !important;
    border-color: #D8D8D8 !important;
    color: #D8D8D8 !important;
}

.e-btn, .e-css.e-btn {
    padding: 0px 5px;
}

#donut-chart-coursePointHover_Border {
    display: none;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-icon, .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
    font-size: 14px !important;
    padding-top: 2px !important;
    padding-right: 15px !important;
}