.wrapper-theme {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.wrapper-theme .header-theme {
    width: 100%;
    position: relative;
    float: left;
}
.wrapper-theme .page-body {
    width: 100%;
    position: relative;
    float: left;
    height: 100%;
    overflow-y: auto;
}
.wrapper-theme .footer-theme {
    height: auto;
}
.page-body-header.dashboard-page-body-header {
    padding-bottom: 50px;
}
.header-theme {
    width: 100%;
    float: left;
    position: relative;
    padding: 0px 20px;
    box-shadow: 0px 3px 20px 0px #0000000d;
    height: 60px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 3;
}
.header-theme .left-section {
    display: flex;
}
.header-theme .right-section {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
}
.header-theme .logo {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}
.header-theme .logo .insitute-logo {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.header-theme .logo .insitute-logo img {
    height: auto;
    float: left;
    width: auto;
    max-width: 42px;
    max-height: 42px;
}
.header-theme .logo .insitute-name-group {
    float: left;
    position: relative;
    padding-left: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.header-theme .logo .insitute-name-group .insitute-name {
    width: 100%;
    float: left;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    color: #0a4a88;
}
.header-theme .logo .insitute-name-group .insitute-location {
    width: 100%;
    float: left;
    position: relative;
    font-weight: normal;
    font-size: 12px;
    color: gray;
}
.header-theme .single-action {
    margin-left: 10px;
    text-align: center;
    height: 32px;
    display: inline-block;
    vertical-align: top;
}
.header-theme .single-action .dropdown-toggler {
    text-align: center;
    height: 32px;
    white-space: nowrap;
    display: flex;
    column-gap: 12px;
}
.header-theme .single-action .dropdown-toggler .user-image{
    width: 32px;
    text-align: center;
    height: 32px;
    margin: 0px;
    border-radius: 180px;
}
.header-theme .single-action .dropdown-toggler .user-image > img{
    width: 32px;
    text-align: center;
    height: 32px;
    border-radius: 180px;
}
.header-theme .single-action .dropdown-toggler > img {
    width: 32px;
    text-align: center;
    height: 32px;
    margin: 0px 5px 0px 0px;
    border-radius: 180px;
    border: 1px solid rgb(0 0 0 / 10%);
    padding: 7px;
}
.header-theme .single-action .dropdown-toggler .dropdown-number {
    color: #ffffff;
    position: absolute;
    right: 0px;
    top: -6px;
    background: #0a4a88;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    padding: 0px 3px;
}
.header-theme .single-action .dropdown-toggler .dropdown-title {
    line-height: 32px;
    color: #505050;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}
.header-menu {
    width: auto;
    float: none;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-left: 40px;
}
.header-menu .menu-item {
    margin-right: 5px;
    position: relative;
}
.header-menu .menu-item .nav-link {
    font-weight: 600;
    color: #7c7c7c;
    font-size: 13px;
    text-decoration: none;
    background: transparent;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 5px;
}
.header-menu .menu-item .nav-link .nav-icon {
    width: 20px;
    height: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-menu .menu-item .nav-link .nav-icon img {
    width: auto;
    height: auto;
    position: relative;
    max-width: 20px;
    max-height: 20px;
    filter: grayscale(1);
}
.header-menu .menu-item .nav-link .nav-text {
    font-size: 13px;
    line-height: 20px;
    margin-left: 5px;
}
.header-menu .menu-item.active .nav-link, .header-menu .menu-item:hover .nav-link {
    background: #e3f1ff;
    color: #004F94;
}
.header-menu .menu-item:hover .nav-link .nav-icon img, .header-menu .menu-item.active .nav-link .nav-icon img {
    filter: none;
}
.dropdown-notification-group {
    max-width: 280px !important;
    min-width: 280px !important;
    border: none !important;
}
.dropdown-notification-group .notification-list {
    padding: 0px 10px;
    max-height: 250px;
    overflow-y: auto;
}
.dropdown-notification-group .dropdown-notification-btn {
    width: 100%;
    float: left;
    position: relative;
    background: #0a4a88;
    color: #fff;
    font-size: 13px;
    line-height: 36px;
}
.footer-theme {
    width: 100%;
    position: relative;
    float: left;
    background: #e3ecf569;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
    background: linear-gradient(180deg, #ffffff00 0%, #e3ecf569 40%, #e3ecf569 100%) 0% 0% no-repeat padding-box;
}
.footer-theme .poweredby-logo {
    float: left;
    position: relative;
    width: auto;
    margin-right: 15px;
    display: flex;
    align-items: center;
}
.footer-theme .poweredby-logo .institute-logo {
    position: relative;
    padding-top: 20px;
}
.footer-theme .poweredby-logo .institute-logo .institute-label {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    float: left;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    line-height: 14px;
    text-align: left;
    font-style: italic;
    margin-bottom: 5px;
}
.footer-theme .poweredby-logo .institute-logo img {
    height: 30px;
    width: auto;
}
.footer-theme .footer-right {
    width: 100%;
}
.footer-theme .footer-right .footer-menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
    white-space: nowrap;
    text-align: right;
}
.footer-theme .footer-right .footer-menu .footer-menu-item {
    width: auto;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.footer-theme .footer-right .footer-menu .footer-menu-item+.footer-menu-item {
    padding-left: 20px;
}
.footer-theme .footer-right .footer-menu .footer-menu-item+.footer-menu-item:before {
    content: "";
    height: 14px;
    position: absolute;
    width: 1px;
    background: #0a4a88;
    left: 9px;
    top: 50%;
    margin-top: -7px;
}
.footer-theme .footer-right .footer-menu .footer-menu-item .nav-link {
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    float: left;
    line-height: 20px;
}
.footer-theme .footer-right .body-footer-copyright {
    width: 100%;
    float: left;
    position: relative;
    font-size: 12px;
    padding: 6px 00px 00px 00px;
    color: rgb(0 0 0 / 70%);
    bottom: 0px;
    left: 0px;
    border-top: 1px solid rgb(0 0 0 / 10%);
    z-index: 1;
    text-align: right;
    margin-top: 8px;
}
.pagination-theme-media {
    width: 100%;
    float: left;
    margin: 0px;
    text-align: center;
    margin-top: 20px;
}
.pagination-theme-media ul {
    float: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    border-radius: 6px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}
.pagination-theme-media ul li {
    list-style: none;
    padding: 0px;
    float: left;
    margin: 0px 2px !important;
}
.pagination-theme-media ul li a {
    height: 30px;
    padding: 0px 0px;
    float: left;
    font-weight: 500;
    font-size: 13px;
    color: #9D9D9D;
    position: relative;
    margin: 0px !important;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 180px;
}
.pagination-theme-media ul li img {
    width: 30px;
    height: 30px;
    padding: 8px;
    float: left;
    position: relative;
}
.pagination-theme-media ul li.active a, .pagination-theme-media ul li.active:hover a {
    background: #1960a7;
    color: #fff;
}
.pagination-theme-media ul li a i {
    font-size: 24px;
    float: left;
    line-height: 24px;
}
.pagination-theme-media ul li:hover a {
    background: #ffffff;
}
.right-menu-group.right-menu-active {
    right: 0px;
}
.right-menu-group.right-menu-active:before {
    display: block;
}
.right-menu-group {
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 20000;
    height: 100%;
    right: -100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.right-menu-group:before {
    content: "";
    background: #00000080;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.right-menu {
    position: absolute;
    top: 0px;
    right: 0px;
    width: calc(100% - 20px);
    max-width: 260px;
    height: 100%;
    box-shadow: 0px 3px 10px 0px #0000001c;
    padding-top: 0px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: flex;
    flex-direction: column;
    background: linear-gradient(360deg, #004E92 0%, #008ecf 100%) 0% 0% no-repeat padding-box;
}
.right-menu .right-menu-header {
    width: 100%;
    position: relative;
    float: left;
    background: #fff;
    height: 60px;
    min-height: 60px;
    padding: 15px;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.right-menu .right-menu-header .right-menu-title {
    width: 100%;
    float: left;
    position: relative;
    font-size: 16px;
    color: #085092;
    line-height: 30px;
    font-weight: 600;
}
.right-menu .right-menu-header .right-menu-close {
    width: 16px;
    height: 16px;
    position: relative;
}
.right-menu .right-menu-header .right-menu-close img {
    width: 16px;
    height: 16px;
    position: relative;
}
.right-menu .right-menu-body {
    width: 100%;
    position: relative;
    float: left;
    height: 100%;
    padding: 15px;
    z-index: 1;
}
.right-menu .right-menu-footer {
    width: 100%;
    position: relative;
    float: left;
    padding: 15px;
}
.right-menu .right-menu-navbar {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.right-menu .right-menu-navbar .menu-item {
    position: relative;
    width: 100%;
    float: left;
    list-style: none;
    margin: 2px 0px;
}
.right-menu .right-menu-navbar .menu-item .nav-link {
    font-weight: normal;
    color: #ffffff;
    font-size: 13px;
    text-decoration: none;
    line-height: 18px;
    padding: 8px 12px;
    background: transparent;
    float: left;
    width: 100%;
    position: relative;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    white-space: normal;
    display: flex;
    align-items: center;
    min-height: 40px;
}
.right-menu .right-menu-navbar .menu-item .nav-link .nav-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    0px 12px 0px contain-intrinsic-block-size: auto 100px;
    margin: 0px 12px 0px 0px;
}
.right-menu .right-menu-navbar .menu-item .nav-link .nav-icon img {
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    filter: brightness(0) invert(1);
}
.right-menu .right-menu-navbar .menu-item .nav-link .nav-text {
    font-size: 13px;
    line-height: 20px;
    margin-left: 5px;
}
.right-menu .right-menu-navbar .menu-item.active .nav-link, .right-menu .right-menu-navbar .menu-item:hover .nav-link {
    background-color: #ffffff26;
    color: #ffffff;
    opacity: 1;
}
.right-menu .right-menu-navbar .menu-item:hover .nav-link .nav-icon img, .right-menu .right-menu-navbar .menu-item.active .nav-link .nav-icon img {
    opacity: 1;
}
.right-menu .poweredby-logo {
    float: right;
    position: relative;
    width: auto;
    display: flex;
    align-items: center;
}
.right-menu .poweredby-logo .institute-logo {
    position: relative;
    padding-top: 20px;
}
.right-menu .poweredby-logo .institute-logo .institute-label {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    float: left;
    font-size: 10px;
    font-weight: normal;
    color: #fff;
    line-height: 14px;
    text-align: right;
    font-style: italic;
    margin-bottom: 5px;
}
.right-menu .poweredby-logo .institute-logo img {
    height: 50px;
    width: auto;
}
.right-menu .body-footer-copyright {
    width: 100%;
    float: left;
    position: relative;
    font-size: 12px;
    padding: 6px 00px 00px 00px;
    color: rgb(255 255 255 / 70%);
    bottom: 0px;
    left: 0px;
    border-top: 1px solid rgb(255 255 255 / 20%);
    z-index: 1;
    text-align: right;
    margin-top: 8px;
}
.right-menu-divider{
    width: 100%;
    float: left;
    position: relative;
    border-top: 1px solid rgb(255 255 255 / 20%);
    margin: 10px 0px;
}
/* Loader Css Started */
.loader-content-lightnew {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f2f5f9;
    background: -webkit-gradient(linear,left top,right top,color-stop(8%,#f3f9ff),color-stop(18%,#d3e2f1 ),color-stop(50%,#e9f4ff));
    background: -webkit-linear-gradient(left, #f3f9ff 8%, #d3e2f1 18%, #e9f4ff 50%);
    background: linear-gradient(90deg, #f3f9ff 8%, #d3e2f1 18%, #e9f4ff 50%);
    background-size: 800px 104px;
    position: relative;
    min-height: 16px;
    margin: 2px 0px 2px 0px;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    opacity: 0.9;
}
.loader-transcriptlogo{
    width: 70px;
    height: 70px;
    border-radius: 180px;
}
.loader-radius-140{
    width: 140px;
    height: 140px;
    border-radius: 180px;
}
.loader-radius-100{
    width: 100px;
    height: 100px;
    border-radius: 180px;
}
.loader-course-icon{
    width: 50px;
    height: 50px;
    border-radius: 5px;
    min-width: 50px;
    margin: 0px;
}
.loader-course-logo{
    width: 70px;
    height: 70px;
    border-radius: 16px;
}
.loader-user-photo{
    width: 50px;
    float: left;
    position: relative;
    height: 50px;
    border-radius: 180px;
    overflow: hidden;
}
.loader-badge{
    width: 100px;
    height: 100px;
    border-radius: 180px;
}
.loader-badgesnew-count-number{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 50px;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
}
.loader-user-photo{
    width: 50px;
    float: left;
    position: relative;
    height: 50px;
    border-radius: 180px;
    overflow: hidden;
}
.loader-smily{
    width: 30px;
    height: 30px;
    float: left;
    position: relative;
    border-radius: 180px;
}
.loader-star{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 16PX;
    height: 16PX;
    margin: 1px;
    border-radius: 180px;
}
.loader-logo{
    width: 120px;
    height: 120px;
    border-radius: 180px;
}
.loader-width-100 {
    width: 100%;
}
.loader-width-90 {
    width: 90%;
}
.loader-width-80 {
    width: 80%;
}
.loader-width-70 {
    width: 70%;
}
.loader-width-60 {
    width: 60%;
}
.loader-width-50 {
    width: 50%;
}
.loader-width-40 {
    width: 40%;
}
.loader-width-30 {
    width: 30%;
}
.loader-width-20 {
    width: 20%;
}
.loader-width-10 {
    width: 10%;
}
.feature-icon-loader{
    width: 26px;
    height: 26px;
    position: relative;
    float: left;
    margin-right: 8px;
    border-radius: 6px;
    min-width: 26px;
}
.badges-single-loader{
    width: 100px;
    float: left;
    height: 100px;
    border-radius: 180px;
    position: relative;
    text-align: center;
    padding: 36px 8px 8px 8px;
    margin: 40px 8px 8px 8px;
}
.badges-single-loader .badges-image-loader{
    width: 60px;
    height: 60px;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -30px;
    z-index: 1;
    border-radius: 180px;
}
.nomargin-loader{
    margin:0px !important;
}
.loader-common-score{
    border-radius: 4px;
    width: 26px;
    min-width: 26px;
    height: 26px;
    margin: 0px;
}
@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0 
   }
    to {
        background-position: 468px 0 
   }
}
@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0 
   }
    to {
        background-position: 468px 0 
   }
}
.course-feedback-chart .course-feedback-chart-single .loader-content-lightnew{
    margin: 0px;
}
.loader-library-content{
    background: white;
    border: 1px solid #ebf5ff;
    border-radius: 6px;
    width: 100%;
    float: left;
    position: relative;
    font-size: 13px;
    overflow: hidden;
    cursor: pointer;
    height: 100% !important;
    box-shadow: none !important;
    min-width: 150px;
    display: flex;
    padding: 4px;
    align-items: center;
}
.loader-library-content .loader-media-library-image{
    position: relative;
    min-width: 55px;
    width: 55px;
    height: 55px;
}
.loader-library-content .media-library-name{
    width: 100px;
    padding-left: 10px;
    white-space: normal;
}
.finalresult-header .loader-content-lightnew, .welcome-header .loader-content-lightnew{
    opacity: 0.5;
}
.answer-option-number-loader{
    width: 36px;
    text-align: center;
    border-radius: 180px;
    margin-right: 10px;
    min-width: 36px;
    min-height: 36px;
}
.single-question-with-options-title-loader{
    width: calc(100% - 80px);
    float: left;
    position: relative;
    font-weight: normal;
    color: #101010;
    font-size: 16px;
    line-height: 22px;
    z-index: 1;
    padding: 15px;
    text-align: center;
    margin: 0px 40px -30px 40px;
    border-radius: 15px;
    font-weight: 600;
    min-height: 60px;
}
.answer-option-loader{
    border: 1px solid #e5f2ff !important;
}
.answer-round-loader{
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 180px;
}
.single-question-result-loader{
    border: 1px solid #ebf5ff;
    column-gap: 10px;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
   }
    100% {
        transform: rotate(360deg);
   }
}
.fa-spin{
    height: 16px;
    width: 16px;
    position: relative;
}
.fa-spin:before{
    content:"";
    background-image: url(../images/icon/upload-status-inprogress.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: 0px;
    border: none;
    position: absolute;
    top:0px;
    left:0px;
    animation: spin 2s linear infinite;
    filter: brightness(0) invert(1);
    z-index: 1;
}
.fa-spin.fa-spin-original:before{
    filter: none !important;
}
.dummy-icon-large{
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.dummy-icon-large .dummy-icon-large-center{
    width: 100%;
    float: left;
    position: relative;
}
.dummy-icon-large .dummy-icon-large-image{
    width: 150px;
    height: 150px;
    display: inline-block;
    vertical-align: top;
    border-radius: 16px;
    overflow: hidden;
}
.dummy-icon-large .dummy-icon-large-image img{
    width: 150px;
    height: 150px;
    float: left;
}
.dummy-icon-large .dummy-icon-large-title{
    width: 100%;
    float: left;
    position: relative;
    margin: 15px 0px;
    font-size: 13px;
    line-height: 22px;
}
.dummy-icon-large .dummy-icon-large-btn{
    width: 100%;
    float: left;
    position: relative;
    margin: 15px 0px;
}
.dummy-icon-large .dummy-icon-large-btn .btn{
    display: inline-block;
    vertical-align: top;
}
.chatbot-fixed{
    width: 70px;
    height: 70px;
    position: fixed;
    bottom: 80px;
    right: 30px;
    z-index: 20000;
    cursor: pointer;
}
.chatbot-fixed .chatbot-icon-first{
    width: 70px;
    height: 70px;
    position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.chatbot-fixed .chatbot-icon-first img{
    width: 70px;
    height: 70px;
    position: relative;
    float: left;
    animation: example 3s infinite;
    padding: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.chatbot-fixed:hover .chatbot-icon-first img{
    padding: 0px;
}
@keyframes example {
    0% {
        rotate: 10deg;
   }
    50% {
        rotate: -10deg;
   }
    100% {
        rotate: 10deg;
   }
}
.chatbot-fixed .chatbot-icon-bg{
    width: 70px;
    height: 70px;
    position: relative;
    float: left;
}
.chatbot-fixed .chatbot-icon-bg img{
    width: 70px;
    height: 70px;
    position: relative;
    float: left;
}
.ui-tooltip, .arrow:after {
    background: #464646;
}
.ui-tooltip {
    padding: 4px 11px;
    color: white;
    border-radius: 5px;
    font-size: 13px;
}
.ui-tooltip .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.ui-tooltip .arrow.top {
    top: -16px;
    bottom: auto;
}
.ui-tooltip .arrow.left {
    left: 20%;
}
.ui-tooltip .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ui-tooltip .arrow.top:after {
    bottom: -20px;
    top: auto;
}
.ui-tooltip{
    position: absolute !important;
    z-index: 100000;
}
.norecords-found{
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    padding: 25px;
}
.norecords-found .nodata-image{
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}
.norecords-found .nodata-image img{
    width: 100%;
    max-width: 100px;
    display: inline-block;
    vertical-align: top;
    max-height: 100px;
}
.norecords-found .nodata-title{
    line-height: 30px;
    width: 100%;
    float: left;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #004F94;
    margin-bottom: 10px;
}
.wrapper-theme .page-body.page-body-notification{
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.wrapper-theme .page-body.page-body-notification .page-body-center .theme-container{
    height: 100%;
    overflow: hidden;
}
.wrapper-theme .page-body.page-body-notification .page-body-header{
    overflow: hidden;
}
.wrapper-theme .page-body.page-body-notification .page-body-center{
    height: 100%;
    overflow: hidden;
}
.wrapper-theme .page-body.page-body-notification .theme-section{
    height: 100%;
    overflow: hidden;
    margin: 0px;
    display: flex;
    flex-direction: column;
}
.wrapper-theme .page-body.page-body-notification .theme-section .theme-section-header{
    height: auto;
    overflow: hidden;
}
.wrapper-theme .page-body.page-body-notification .theme-section .theme-section-body{
    height: 100%;
    overflow: hidden;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.wrapper-theme .page-body.page-body-notification .theme-section .theme-section-body .notification-list{
    height: 100%;
    overflow: hidden;
    margin: 0px;
    display: flex;
    flex-direction: column;
    max-height: initial;
    overflow-y: auto;
}
.wrapper-theme .page-body.page-body-notification .theme-section .theme-section-body .btn-load-more-group{
    overflow: hidden;
    margin: 0px;
    min-height: 32px;
}
.live-coaching-alert-group{
    position: fixed;
    top: 50px;
    right: 30px;
    z-index: 80000;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: calc(100% - 100px);
    overflow-y: auto;
}
.live-coaching-alert-group .single-live-coaching{
    background: transparent linear-gradient(320deg, #125fa9 0%, #0070d2 100%) 0% 0% no-repeat padding-box !important;
    border: 1px solid #1765b2 !important;
    padding: 12px !important;
    text-align: left;
    overflow: initial !important;
    max-width: initial;
    position: relative;
    width: 100%;
    float: left;
    border-radius: 8px;
}
.live-coaching-alert-group .single-live-coaching .dropdown-live-coaching-list{
    flex-direction: row;
    justify-content: flex-start;
}
.live-coaching-alert-group .single-live-coaching .dropdown-live-coaching-list li img{
    margin: 0px;
}
.live-coaching-alert-group .single-live-coaching .live-coaching-close{
    position: absolute;
    right: 10px;
    top: 10px;
}
.live-coaching-alert-group .single-live-coaching .live-coaching-close img{
    width: 20px;
    height: 20px;
}
.live-coaching-alert-group .single-live-coaching .live-start-time {
    color: #fff;
    background: rgb(255 255 255 / 10%);
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid rgb(255 255 255 / 20%);
    font-size: 12px;
    float: left;
}
.live-coaching-alert-group .single-live-coaching .live-class-title {
    line-height: 30px;
    width: 100%;
    float: left;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0px;
    margin-top: 3px;
}
.live-coaching-alert-group .single-live-coaching .live-coaching-list {
    width: 100%;
    float: left;
    position: relative;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.live-coaching-alert-group .single-live-coaching .live-coaching-list li {
    width: auto;
    float: left;
    margin-bottom: 0px;
    list-style: none;
    margin-right: 20px;
    line-height: 26px;
    color: rgb(255 255 255 / 60%);
    opacity: 1;
    font-size: 12px;
}
.live-coaching-alert-group .single-live-coaching .live-coaching-list li img {
    width: 26px;
    height: 26px;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}
.live-coaching-alert-group .single-live-coaching .live-organiser {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    row-gap: 10px;
    column-gap: 10px;
}
.live-coaching-alert-group .single-live-coaching .live-organiser .live-organiser-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    color: #ffffff;
    float: left;
    position: relative;
    font-style: italic;
}
.live-coaching-alert-group .single-live-coaching .live-organiser .live-organiser-user {
    display: flex;
    align-items: center;
    float: left;
    background: #ffffff24;
    border-radius: 180px;
}
.live-coaching-alert-group .single-live-coaching .live-organiser .live-organiser-user .single-user-without-pic {
    border-radius: 180px;
    border: 1px solid #e0eaf3;
    width: 30px;
    height: 30px;
    position: relative;
    line-height: 28px;
    text-align: center;
    font-weight: 500;
    color: #4d5969;
    font-size: 11px;
    background: #fff;
}
.live-coaching-alert-group .single-live-coaching .live-organiser .live-organiser-user .single-user-pic {
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 180px;
    border: 1px solid rgb(0 0 0 / 15%);
}
.live-coaching-alert-group .single-live-coaching .live-organiser .live-organiser-user .single-user-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    float: left;
    overflow: hidden;
    border-radius: 180px;
}
.live-coaching-alert-group .single-live-coaching .live-organiser .live-organiser-user .single-user-name {
    display: inline-block;
    vertical-align: top;
    padding: 0px 10px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}
.live-coaching-alert-group .single-live-coaching .live-organiser-footer {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}
.live-coaching-alert-group .single-live-coaching .live-organiser-footer .live-organiser-left {
    width: auto;
}
.live-coaching-alert-group .single-live-coaching .live-organiser-footer .live-organiser-right {
    width: auto;
}
.live-coaching-alert-group .single-live-coaching .live-organiser-footer .live-organiser-right .btn {
    display: inline-block;
    vertical-align: top;
}





.calendar-loader{
    width: calc(100% - 40px);
    float: left;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 20px;
    min-height: 600px;
 }
 .calendar-loader .calendar-loader-header{
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     flex-direction: row;
     gap: 15px;
 }
 .calendar-loader .calendar-loader-header .calendar-loader-header-left{
     width: 33.33%;
     display: flex;
     justify-content: flex-start;
     gap: 15px;
 }
 .calendar-loader .calendar-loader-header .calendar-loader-header-center{
     width: 33.33%;
     display: flex;
     justify-content: center;
 }
 .calendar-loader .calendar-loader-header .calendar-loader-header-right{
     width: 33.33%;
     display: flex;
     justify-content: flex-end;
     gap: 15px;
 }
 .calendar-loader .calendar-loader-body{
    width: 100%;
    height: 100%;
 }
 .calendar-loader .calendar-loader-body table {
    width: 100%;
    height: 100%;
 }
 .table-loader {
     width: 100%;
     float: left;
     position: relative;
     border: none;
     border-spacing: 0px !important;
     border-bottom: none !important;
     border-radius: 0px 0px 10px 10px;
     overflow: hidden;
     border-collapse: collapse;
 }
 .table-loader tr th {
     padding: 6px 12px !important;
     font-size: 13px;
     line-height: 20px;
     text-align: left;
     font-weight: 600;
     white-space: nowrap;
     color: #3d444a;
     border: 1px solid #e0eaf3;
     background: transparent;
 }
 .table-loader tbody tr {
     width: 100%;
     float: none;
 }
 .table-loader tbody {
     position: relative;
 }
 .table-loader tr td {
     padding: 8px 12px !important;
     font-size: 13px;
     background: #ffffff;
     color: #272727;
     vertical-align: middle;
     border: 1px solid #e0eaf3;
 }
 .table-loader tr:hover td {
     background: #f4f8fc;
 }
 
 


 .login-loader-group{
 width: 100%;
 float: left;
 position: relative;
 } 

 .login-loader-group  .login-loader{
 width: 100%;
 float: left;
 position: absolute;
 top: 0px;
 left: 0px;
 height: 100%;
 background: rgb(255 255 255 / 80%);
 }