#submitSearch{
                gap: 8px;
            }
            #search_terms{
                border-color: transparent;
                background-color: transparent;
            }
            .inputSearch::placeholder{
                background-color: transparent;
            }

            .diffEqual {
                background-color: transparent !important;
            }

            .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
            .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
                color: #C44601;
            }

            .calendarViewDatesTutorGroup .fc-list-table .fc-list-heading .fc-widget-header {
                background: transparent;
            }

        
                .portfolio-profile-container{
                    background: radial-gradient(closest-corner at 30% 60%, rgb(255, 255, 255), rgb(255, 255, 255));
                  }
            
                .portofolio-text-intro{
                    color: rgb(52, 71, 103) !important;
                  }

                  .portfolio-texts *{
                    color: rgb(52, 71, 103) !important;
                  }
            
                    body{
                        background: rgb(248, 249, 250);background-size: 100% 100%;background-attachment: fixed;
                    }
                
                .jumbotron.jumbotron-login{
                    background: radial-gradient(closest-corner at 30% 60%, rgba(248, 249, 250, 0), rgba(248, 249, 250, 0));
                }
            
                    .jumbotron.jumbotron-login{
                        background: radial-gradient(closest-corner at 30% 60%, rgba(248, 249, 250, 0), rgba(248, 249, 250, 0)), url('/courses/theme_data/19/mgenzsmall.jpg');
                        border:0px;
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: center;
                    }
                
                @media(min-width:992px){
                    .jumbotron.jumbotron-login{
                        min-height: 270px;
                    }
                }
            
                @media(min-width:992px){
                    .jumbotron.jumbotron-login{
                        min-height: calc(100vh - 80px);
                    }
                    body:has(.fixed-announcement) .jumbotron.jumbotron-login{
                        min-height: calc(100vh - 80px - 60px);
                    }
                }
                @media(max-width:991px){
                    .jumbotron.jumbotron-login{
                        min-height: calc(100vh - 56px);
                    }
                    body:has(.fixed-announcement) .jumbotron.jumbotron-login{
                        min-height: calc(100vh - 56px - 60px);
                    }
                }
            
                @media(min-width:992px){
                    .jumbotron.jumbotron-login{
                        min-height: calc((100vh - 80px)/2);
                    }
                    body:has(.fixed-announcement) .jumbotron.jumbotron-login{
                        min-height: calc((100vh - 80px - 60px)/2);
                    }
                }
                @media(max-width:991px){
                    .jumbotron.jumbotron-login{
                        min-height: calc((100vh - 56px)/2);
                    }
                    body:has(.fixed-announcement) .jumbotron.jumbotron-login{
                        min-height: calc((100vh - 56px - 60px)/2);
                    }
                }
            
                .jumbotron-intro-text *{
                    color: rgb(0, 0, 0) !important;
                }
            
                .jumbotron-intro-text{
                    max-width: 550px;
                }
            
                @media(min-width:992px){
                    .jumbotron-intro-text{
                        border-radius:8px;
                        padding: 5px 15px 15px 15px;
                        background-color: rgba(255, 255, 255, 0.53);
                    }
                }
            
                @media(max-width:991px){
                    .jumbotron-intro-text{
                        border-radius:8px;
                        padding: 5px 15px 15px 15px;
                        background-color: rgba(255, 255, 255, 0.53);
                    }
                }
            
                    @media(min-width:992px){
                        .jumbotron.jumbotron-login{
                            display: flex;
                            align-items: top;
                        }
                    }
                #openeclass-banner {display: none;}
                .banner-link{
                    background-color: rgba(255, 255, 255, 0.8);
                    padding: 10px 8px 14px 8px;
                    border-radius: 6px;
                }
            
                caption,
                body,
                h1,h2,h3,h4,h5,h6,
                p,strong,.li-indented,li,small,
                .Neutral-900-cl,
                .agenda-comment,
                .form-label,
                .default-value,
                label,
                th,
                td,
                .panel-body,
                .card-body,
                div,
                .visibleFile,
                .list-group-item,
                .help-block,
                .control-label-notes,
                .title-default,
                .modal-title-default,
                .text-heading-h2,
                .text-heading-h3,
                .text-heading-h4,
                .text-heading-h5,
                .text-heading-h6,
                .action-bar-title,
                .breadcrumb-item.active,
                .list-group-item.list-group-item-action,
                .list-group-item.element{
                    color:rgb(52, 71, 103);
                }


                .dataTables_wrapper .dataTables_length,
                .dataTables_wrapper .dataTables_filter,
                .dataTables_wrapper .dataTables_info,
                .dataTables_wrapper .dataTables_processing,
                .dataTables_wrapper .dataTables_paginate {
                    color:rgb(52, 71, 103) !important;
                }

                .circle-img-contant{
                    border: solid 1px rgb(52, 71, 103);
                }

                .text-muted,
                .input-group-text{
                    color:rgb(52, 71, 103) !important;
                }

                .c3-tooltip-container *{
                    background-color: #ffffff;
                    color: #2B3944;
                }

                .panel-default .panel-heading .panel-title,
                .panel-action-btn-default .panel-heading .panel-title {
                    color:rgb(52, 71, 103) ;
                }

                .panel-default .panel-heading,
                .panel-action-btn-default .panel-heading {
                    color:rgb(52, 71, 103) ;
                }

                .text-muted{
                    color:rgb(52, 71, 103) !important;
                }

                .showCoursesBars:not(:has(.active)) i,
                .showCoursesPics:not(:has(.active)) i {
                    color:rgb(52, 71, 103) ;
                }
            
                .text-danger,
                .Accent-200-cl,
                .label.label-danger{
                    color: rgb(196, 70, 1) !important;
                }
            
                .text-success,
                .Success-200-cl,
                .label.label-success{
                    color: rgb(30, 126, 14) !important;
                }
                .active-unit::after{
                    background: rgb(30, 126, 14) !important;
                }
            
                .text-primary,
                .Primary-600-cl{
                    color: rgb(0, 115, 230) !important;
                }
            
                .text-warning,
                .Warning-200-cl,
                .label.label-warning{
                    color: rgb(138, 67, 0) !important;
                }
            

                #bgr-cheat-header{
                    background-color: rgb(255, 255, 255);
                }

                .offCanvas-Tools{
                    background: rgb(255, 255, 255);
                }

                .navbar-learningPath,
                .header-container-learningPath{
                    background: rgb(255, 255, 255);
                }

            

                #bgr-cheat-footer,
                .div_social{
                    background-color: rgb(255, 255, 255);
                }

            


                .link-selection-language,
                .link-bars-options,
                .user-menu-btn .user-name,
                .user-menu-btn .fa-chevron-down{
                    color: rgb(52, 71, 103);
                }

                .container-items .menu-item{
                    color: rgb(52, 71, 103);
                }

                #search_terms,
                #search_terms::placeholder{
                    color:rgb(52, 71, 103);
                }

                #bgr-cheat-header .fa-magnifying-glass{
                    color:rgb(52, 71, 103);
                }

                @media(max-width:991px){
                    .header-login-text{
                        color:rgb(52, 71, 103);
                    }
                }

                .header-mobile-link{
                    color:rgb(52, 71, 103);
                }

                .split-left,
                .split-content{
                    border-left: solid 1px rgb(52, 71, 103);
                }

            
                .container-items .menu-item.active,
                .container-items .menu-item.active2 {
                    background-color: rgb(74, 89, 120);
                }
            
                .container-items .menu-item.active,
                .container-items .menu-item.active2 {
                    color: rgb(255, 255, 255);
                }
            
                .link-selection-language:hover,
                .link-selection-language:focus,
                .link-bars-options:hover,
                .link-bars-options:focus,
                .container-items .menu-item:hover,
                .container-items .menu-item:focus{
                    color: rgb(104, 125, 163);
                }

                #bgr-cheat-header:not(:has(.fixed)) .user-menu-btn:hover,
                #bgr-cheat-header:not(:has(.fixed)) .user-menu-btn:focus{
                    border-top: solid 4px rgb(104, 125, 163);
                }

                .user-menu-btn:hover .user-name,
                .user-menu-btn:focus .user-name{
                    color: rgb(104, 125, 163);
                }

                .user-menu-btn:hover .fa-chevron-down,
                .user-menu-btn:focus .fa-chevron-down{
                    color: rgb(104, 125, 163);
                }

                .copyright:hover, .copyright:focus,
                .social-icon-tool:hover, .social-icon-tool:focus,
                .a_tools_site_footer:hover, .a_tools_site_footer:focus{
                    color: rgb(104, 125, 163);
                }

                #bgr-cheat-header .fa-magnifying-glass:hover,
                #bgr-cheat-header .fa-magnifying-glass:focus {
                    color: rgb(104, 125, 163);
                }

                @media(max-width:991px){
                    .header-login-text:hover,
                    .header-login-text:focus{
                        color:rgb(104, 125, 163);
                    }
                }

                .header-mobile-link:hover,
                .header-mobile-link:focus{
                    color:rgb(104, 125, 163);
                }

            

                .container-items .menu-item.active:hover,
                .container-items .menu-item.active:focus,
                .container-items .menu-item.active2:hover,
                .container-items .menu-item.active2:focus{
                    color: rgb(255, 255, 255);
                }
            
                #bgr-cheat-header{ box-shadow: 1px 2px 6px rgba(43,57,68,0.04); }
            

                .container-items-footer .menu-item {
                    color: rgb(52, 71, 103);
                }

                .copyright,
                .social-icon-tool,
                .a_tools_site_footer {
                    color:rgb(52, 71, 103);
                }

                .footer-text *{
                    color: rgb(52, 71, 103) ;
                }
                .border-bottom-footer-text{
                    border-bottom: solid 1px rgb(52, 71, 103) ;
                    opacity: 0.3;
                }

            

                .container-items-footer .menu-item:hover,
                .container-items-footer .menu-item:focus{
                    color: rgb(104, 125, 163);
                }

                .copyright:hover, .copyright:focus,
                .social-icon-tool:hover, .social-icon-tool:focus,
                .a_tools_site_footer:hover, .a_tools_site_footer:focus {
                    color: rgb(104, 125, 163);
                }


            
                .nav-tabs .nav-item .nav-link{
                    color: rgb(62, 73, 101);
                }
            
                .nav-tabs .nav-item .nav-link:hover{
                    color: rgba(104, 125, 163, 0.81);
                }
            
                .nav-tabs .nav-item .nav-link.active{
                    color: rgb(74, 89, 120);
                    border-bottom: solid 2px rgb(74, 89, 120);
                }
            
                .group-section .list-group-item .accordion-btn{
                    color: rgb(70, 84, 114);
                }

            
                .group-section .list-group-item{
                    border-bottom: solid 1px rgb(205, 212, 224);
                }

                .border-bottom-default{
                    border-bottom: solid 1px rgb(205, 212, 224);
                }

                #unitResources .unit-divider{
                    background-color: rgb(205, 212, 224);
                }
            
                .group-section .list-group-item .accordion-btn:hover{
                    color: rgba(104, 125, 163, 0.82);
                }
            
                .group-section .list-group-item .accordion-btn[aria-expanded='true'],
                .group-section .list-group-item .accordion-btn.showAll{
                    color: rgb(70, 84, 114);
                }
            
                .list-group-item.list-group-item-action{
                    background-color: rgb(255, 255, 255);
                }
                .list-group-item.list-group-item-action:hover{
                    background-color: rgb(255, 255, 255);
                }

                .list-group-item.element{
                    background-color: rgb(255, 255, 255);
                }

            

                .list-group-item.list-group-item-action,
                .list-group-item.element{
                    border-bottom: solid 1px rgb(205, 212, 224);
                }

                .profile-pers-info-row{
                    border-bottom: solid 1px rgb(205, 212, 224);
                }

            

                .list-group-item.list-group-item-action a,
                .list-group-item.element a{
                    color: rgb(70, 87, 114);
                }

                .list-group-item.list-group-action a span,
                .list-group-item.element a span{
                    color: rgb(70, 87, 114);
                }

            

                .list-group-item.list-group-item-action a:hover,
                .list-group-item.element a:hover{
                    color: rgba(70, 87, 114, 0.83);
                }

                .list-group-item.list-group-item-action a span:hover,
                .list-group-item.element a span:hover{
                    color: rgba(70, 87, 114, 0.83);
                }

            
                .list-group-item.list-group-item-action,
                .list-group-item.element{
                    padding-left: 15px;
                    padding-right: 15px;
                }

                .homepage-annnouncements-container .list-group-item.element{
                    padding-left: 0px;
                    padding-right: 0px;
                }
            
                .submitAdminBtn,
                .cancelAdminBtn,
                .opencourses_btn {
                    background-color: rgb(255, 255, 255);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic {
                    background-color: rgb(255, 255, 255) !important;
                }

                .btn-outline-primary {
                    background-color: rgb(255, 255, 255);
                }

                .quickLink{
                    background-color: rgb(255, 255, 255);
                }

                .menu-popover{
                    background: rgb(255, 255, 255);
                }

                .bs-placeholder.submitAdminBtn{
                    background: rgb(255, 255, 255) !important;
                }

                .showSettings{
                    background: rgb(255, 255, 255) !important;
                }

                .btn.btn-default {
                    background-color: rgb(255, 255, 255);
                }

                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-prev-button,
                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-next-button,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-prev-button,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-next-button,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-prev-button,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-next-button,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-prev-button,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-next-button{
                    background-color:  rgb(255, 255, 255);
                }

                .pagination-glossary .page-item .page-link{
                    background-color:  rgb(255, 255, 255);
                }

                .mycourses-pagination .page-item .page-link {
                    background-color:  rgb(255, 255, 255);
                }

                .btn.btn-secondary{
                    background-color:  rgb(255, 255, 255);
                }

                .btn-exercise-nav[type=submit] {
                    background-color:  rgb(255, 255, 255) !important;
                }

            
                .submitAdminBtn,
                .cancelAdminBtn,
                .opencourses_btn {
                    color: rgb(74, 89, 120);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic {
                    color: rgb(74, 89, 120) !important;
                }

                .btn-outline-primary {
                    color: rgb(74, 89, 120);
                }

                .submitAdminBtn .fa-solid::before,
                .submitAdminBtn .fa-regular::before,
                .submitAdminBtn .fa-brands::before,
                .submitAdminBtn span.fa::before{
                    color: rgb(74, 89, 120);
                }

                .quickLink{
                    color: rgb(74, 89, 120);
                }

                .menu-popover{
                    color: rgb(74, 89, 120);
                }

                .bs-placeholder .filter-option .filter-option-inner-inner {
                    color: rgb(74, 89, 120) !important;
                }

                .showSettings{
                    color: rgb(74, 89, 120) !important;
                }

                .btn.btn-default {
                    color: rgb(74, 89, 120);
                }

                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-prev-button .fc-icon::after,
                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-next-button .fc-icon::after,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-prev-button .fc-icon::after,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-next-button .fc-icon::after,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-prev-button .fc-icon::after,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-next-button .fc-icon::after,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-prev-button .fc-icon::after,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-next-button .fc-icon::after{
                    color: rgb(74, 89, 120);
                }

                .pagination-glossary .page-item .page-link{
                    color: rgb(74, 89, 120) !important;
                }

                .showCoursesBars,
                .showCoursesBars:hover,
                .showCoursesBars:focus,
                .showCoursesPics,
                .showCoursesPics:hover,
                .showCoursesPics:focus{
                    color: rgb(74, 89, 120);
                }

                .mycourses-pagination .page-item .page-link {
                    color: rgb(74, 89, 120);
                }

                .btn.btn-secondary{
                    color: rgb(74, 89, 120);
                }

                .btn-exercise-nav[type=submit] {
                    color: rgb(74, 89, 120) !important;
                }

            
                .submitAdminBtn,
                .cancelAdminBtn,
                .opencourses_btn {
                    border-color: rgb(74, 89, 120);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic {
                    border-color: rgb(74, 89, 120) !important;
                }

                .btn-outline-primary {
                    border-color: rgb(74, 89, 120);
                }

                .quickLink{
                    border: solid 1px rgb(74, 89, 120);
                }

                .menu-popover{
                    border: solid 1px rgb(74, 89, 120);
                }

                .btn.btn-default {
                    border-color: rgb(74, 89, 120);
                }

                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-prev-button,
                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-next-button,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-prev-button,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-next-button,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-prev-button,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-next-button,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-prev-button,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-next-button{
                    border-color: rgb(74, 89, 120);
                }

                .pagination-glossary .page-item .page-link{
                    border-color: rgb(74, 89, 120);
                }

                .showSettings{
                    border-color: rgb(74, 89, 120) !important;
                }

                .mycourses-pagination .page-item .page-link {
                    border: solid 1px rgb(74, 89, 120);
                }

                .btn.btn-secondary{
                    border: solid 1px rgb(74, 89, 120);
                }

                .btn-exercise-nav[type=submit] {
                    border: solid 1px rgb(74, 89, 120) !important;
                }

            
                .submitAdminBtn:hover,
                .cancelAdminBtn:hover,
                .opencourses_btn:hover,
                .submitAdminBtn:focus,
                .cancelAdminBtn:focus,
                .opencourses_btn:focus,
                .submitAdminBtn:active,
                .cancelAdminBtn:active,
                .opencourses_btn:active {
                    color: rgb(74, 89, 120);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover {
                    color: rgb(74, 89, 120) !important;
                }

                .btn-outline-primary:hover,
                .btn-outline-primary:focus{
                    color: rgb(74, 89, 120);
                }

                .submitAdminBtn:hover .fa-solid::before,
                .submitAdminBtn:hover .fa-regular::before,
                .submitAdminBtn:hover .fa-brands::before,
                .submitAdminBtn:hover span.fa::before,
                .submitAdminBtn:focus .fa-solid::before,
                .submitAdminBtn:focus .fa-regular::before,
                .submitAdminBtn:focus .fa-brands::before,
                .submitAdminBtn:focus span.fa::before,
                .submitAdminBtn:active .fa-solid::before,
                .submitAdminBtn:active .fa-regular::before,
                .submitAdminBtn:active .fa-brands::before,
                .submitAdminBtn:active span.fa::before{
                    color: rgb(74, 89, 120);
                }

                .quickLink:hover,
                .quickLink:hover .fa-solid,
                .quickLink:focus,
                .quickLink:focus .fa-solid,
                .quickLink:active,
                .quickLink:active .fa-solid{
                    color: rgb(74, 89, 120) !important;
                }

                .menu-popover:hover,
                .menu-popover:focus,
                .menu-popover:active{
                    color: rgb(74, 89, 120);
                }

                .bs-placeholder:hover .filter-option .filter-option-inner-inner {
                    color: rgb(74, 89, 120) !important;
                }

                .showSettings:hover{
                    color: rgb(74, 89, 120) !important;
                }

                .btn.btn-default:hover,
                .btn.btn-default:focus {
                    color: rgb(74, 89, 120);
                }

                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-prev-button:hover .fc-icon::after,
                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-next-button:hover .fc-icon::after,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-prev-button:hover .fc-icon::after,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-next-button:hover .fc-icon::after,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-prev-button:hover .fc-icon::after,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-next-button:hover .fc-icon::after,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-prev-button:hover .fc-icon::after,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-next-button:hover .fc-icon::after{
                    color: rgb(74, 89, 120);
                }

                .pagination-glossary .page-item:hover .page-link{
                    color: rgb(74, 89, 120) !important;
                }

                .mycourses-pagination .page-item .page-link:hover,
                .mycourses-pagination .page-item .page-link:focus {
                    color: rgb(74, 89, 120);
                }

                .btn.btn-secondary:hover,
                .btn.btn-secondary:focus{
                    color: rgb(74, 89, 120);
                }

                .btn-exercise-nav[type=submit]:hover,
                .btn-exercise-nav[type=submit]:focus{
                    color: rgb(74, 89, 120) !important;
                }
            
                .submitAdminBtn:hover,
                .cancelAdminBtn:hover,
                .opencourses_btn:hover,
                .submitAdminBtn:focus,
                .cancelAdminBtn:focus,
                .opencourses_btn:focus {
                    border-color: rgb(74, 89, 120);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover {
                    border-color: rgb(74, 89, 120) !important;
                }

                .btn-outline-primary:hover,
                .btn-outline-primary:focus{
                    border-color: rgb(74, 89, 120);
                }

                .quickLink:hover,
                .quickLink:hover .fa-solid{
                    border-color: rgb(74, 89, 120);
                }

                .menu-popover:hover,
                .menu-popover:focus{
                    border: solid 1px rgb(74, 89, 120);
                }

                .showSettings:hover{
                    border-color: rgb(74, 89, 120);
                }

                .btn.btn-default:hover,
                .btn.btn-default:focus {
                    border-color: rgb(74, 89, 120);
                }

                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-prev-button:hover .fc-icon::after,
                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-next-button:hover .fc-icon::after,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-prev-button:hover .fc-icon::after,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-next-button:hover .fc-icon::after,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-prev-button:hover .fc-icon::after,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-next-button:hover .fc-icon::after,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-prev-button:hover .fc-icon::after,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-next-button:hover .fc-icon::after{
                    border-color: rgb(74, 89, 120);
                }

                .pagination-glossary .page-item:hover .page-link{
                    border-color: rgb(74, 89, 120);
                }

                .mycourses-pagination .page-item .page-link:hover,
                .mycourses-pagination .page-item .page-link:focus {
                    border: solid 1px rgb(74, 89, 120);
                }

                .btn.btn-secondary:hover,
                .btn.btn-secondary:focus{
                    border: solid 1px rgb(74, 89, 120);
                }

                .btn-exercise-nav[type=submit]:hover,
                .btn-exercise-nav[type=submit]:focus{
                    border: solid 1px rgb(74, 89, 120) !important;
                }

            
                .submitAdminBtn:hover,
                .cancelAdminBtn:hover,
                .opencourses_btn:hover,
                .submitAdminBtn:focus,
                .cancelAdminBtn:focus,
                .opencourses_btn:focus {
                    background-color: rgb(255, 255, 255);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover{
                    background-color: rgb(255, 255, 255) !important;
                }

                .btn-outline-primary:hover,
                .btn-outline-primary:focus{
                    background-color: rgb(255, 255, 255);
                }

                .quickLink:hover,
                .quickLink:hover .fa-solid{
                    background-color: rgb(255, 255, 255);
                }

                .menu-popover:hover,
                .menu-popover:focus{
                    background-color: rgb(255, 255, 255);
                }

                .bs-placeholder.submitAdminBtn:hover{
                    background-color: rgb(255, 255, 255) !important;
                }

                .showSettings:hover{
                    background-color: rgb(255, 255, 255) !important;
                }

                .btn.btn-default:hover,
                .btn.btn-default:focus {
                    background-color: rgb(255, 255, 255);
                }

                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-prev-button:hover,
                .calendarViewDatesTutorGroup .fc-header-toolbar .fc-button-group .fc-next-button:hover,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-prev-button:hover,
                .calendarAddDaysCl .fc-header-toolbar .fc-button-group .fc-next-button:hover,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-prev-button:hover,
                .bookingCalendarByUser .fc-header-toolbar .fc-button-group .fc-next-button:hover,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-prev-button:hover,
                .myCalendarEvents .fc-header-toolbar .fc-button-group .fc-next-button:hover{
                    background-color: rgb(255, 255, 255);
                }

                .pagination-glossary .page-item:hover .page-link{
                    background-color: rgb(255, 255, 255);
                }

                .mycourses-pagination .page-item .page-link:hover,
                .mycourses-pagination .page-item .page-link:focus {
                    background-color: rgb(255, 255, 255);
                }

                .btn.btn-secondary:hover,
                .btn.btn-secondary:focus{
                    background-color: rgb(255, 255, 255);
                }

                .btn-exercise-nav[type=submit]:hover,
                .btn-exercise-nav[type=submit]:focus{
                    background-color: rgb(255, 255, 255) !important;
                }

            
                .submitAdminBtn.active{
                    border-color: rgb(74, 89, 120);
                    background-color: rgb(74, 89, 120);
                }

                .login-form-submit{
                    border-color: rgb(74, 89, 120);
                    background-color: rgb(74, 89, 120);
                }

                .submitAdminBtnDefault,
                input[type=submit],
                button[type=submit]{
                    border-color: rgb(74, 89, 120);
                    background-color: rgb(74, 89, 120);
                }

                .submitAdminBtnClassic.active {
                    border-color: rgb(74, 89, 120) ;
                    background-color: rgb(74, 89, 120) ;
                }

                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn {
                    border-color: rgb(74, 89, 120) ;
                    background-color: rgb(74, 89, 120) ;
                }


                .carousel-indicators>button.active {
                    border-color: tranparent;
                    background-color: rgb(74, 89, 120);
                }


                .pagination-glossary .page-item.active .page-link {
                    background-color: rgb(74, 89, 120);
                    border-color: rgb(74, 89, 120);
                }

                .bootbox.show .modal-footer .submitAdminBtn,
                .modal.show .modal-footer .submitAdminBtn {
                    border-color: rgb(74, 89, 120);
                    background-color: rgb(74, 89, 120);
                }

                .btn.btn-primary{
                    background-color: rgb(74, 89, 120);
                    border-color: rgb(74, 89, 120);
                }

                .nav-link-adminTools.Neutral-900-cl.active{
                    background-color: rgb(74, 89, 120);
                }


                .searchGroupBtn{
                    background-color: rgb(74, 89, 120);
                }

                .wallWrapper:has(.submitAdminBtn) .submitAdminBtn{
                    background-color: rgb(74, 89, 120);
                    border-color: rgb(74, 89, 120);
                }

                .myProfileBtn{
                    background-color: rgb(74, 89, 120);
                    border-color: rgb(74, 89, 120);
                }

                .showCoursesBars.active,
                .showCoursesPics.active{
                    background-color: rgb(74, 89, 120);
                }

                .pagination-glossary .page-item.active .page-link{
                    background-color: rgb(74, 89, 120);
                    border-color: rgb(74, 89, 120);
                }

                .exist_event_session{
                    background-color: rgb(74, 89, 120) !important;
                    border-color: rgb(74, 89, 120) !important;
                }

                .list-group-upgrade .list-group-item.element.active{
                    background-color: rgb(74, 89, 120) !important;
                }

                .btnScrollToTop{
                    border-color: rgb(74, 89, 120) ;
                    background-color: rgb(74, 89, 120) ;
                }

                .pagination page-link.active{
                    border-color: rgb(74, 89, 120) ;
                    background-color: rgb(74, 89, 120) ;
                }

                .mycourses-pagination .page-item .page-link.active {
                    border-color: rgb(74, 89, 120) ;
                    background-color: rgb(74, 89, 120) ;
                }

                @media(min-width:992px){
                    .header-login-text{
                        border-color: rgb(74, 89, 120) ;
                        background-color: rgb(74, 89, 120) ;
                    }
                }

            
                .testimonials .slick-prev.slick-arrow {
                    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='rgb(74, 89, 120)' d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E") no-repeat center;
                    background-size: contain;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    z-index: 1;
                }

                .testimonials .slick-next.slick-arrow {
                    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='rgb(74, 89, 120)' d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E") no-repeat center;
                    background-size: contain;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    z-index: 1;
                }

                .mce-btn{
                    background-color: rgb(74, 89, 120) !important;
                }

                .personal-calendar-header .btn-group .btn.active{
                    background-color: rgb(74, 89, 120) !important;
                }
            

                submitAdminBtn.active:hover{
                border-color: rgba(74, 89, 120, 0.82);
                    background-color: rgba(74, 89, 120, 0.82);
                }

                .login-form-submit:hover {
                    border-color: rgba(74, 89, 120, 0.82);
                    background-color: rgba(74, 89, 120, 0.82);
                }

                .submitAdminBtnDefault:hover,
                input[type=submit]:hover,
                button[type=submit]:hover{
                    border-color: rgba(74, 89, 120, 0.82);
                    background-color: rgba(74, 89, 120, 0.82);
                }

                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn:hover,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn:hover {
                    border-color: rgba(74, 89, 120, 0.82) ;
                    background-color: rgba(74, 89, 120, 0.82) ;
                }

                .pagination-glossary .page-item.active .page-link:hover {
                    background-color: rgba(74, 89, 120, 0.82);
                    border-color: rgba(74, 89, 120, 0.82);
                }



                .bootbox.show .modal-footer .submitAdminBtn:hover,
                .modal.show .modal-footer .submitAdminBtn:hover {
                    border-color: rgba(74, 89, 120, 0.82);
                    background-color: rgba(74, 89, 120, 0.82);
                }

                .btn.btn-primary:hover{
                    border-color: rgba(74, 89, 120, 0.82);
                    background-color: rgba(74, 89, 120, 0.82);
                }

                .nav-link-adminTools.Neutral-900-cl.active{
                    background-color: rgba(74, 89, 120, 0.82);
                }

                .searchGroupBtn:hover{
                    background-color: rgba(74, 89, 120, 0.82);
                }


                .wallWrapper:has(.submitAdminBtn) .submitAdminBtn:hover{
                    background-color: rgba(74, 89, 120, 0.82);
                    border-color: rgba(74, 89, 120, 0.82);
                }

                .myProfileBtn:hover,
                .myProfileBtn:focus{
                    background-color: rgba(74, 89, 120, 0.82);
                    border-color: rgba(74, 89, 120, 0.82);
                }

                .showCoursesBars.active:hover,
                .showCoursesBars.active:focus,
                .showCoursesPics.active:hover,
                .showCoursesPics.active:focus{
                    background-color: rgba(74, 89, 120, 0.82);
                }

                .mce-btn:hover,
                .mce-btn:focus{
                    background-color: rgba(74, 89, 120, 0.82) !important;
                }

                .personal-calendar-header .btn-group .btn.active:hover{
                    background-color: rgba(74, 89, 120, 0.82) !important;
                }

                .pagination-glossary .page-item.active:hover .page-link{
                    background-color: rgba(74, 89, 120, 0.82);
                    border-color: rgba(74, 89, 120, 0.82);
                }

                .exist_event_session:hover,
                .exist_event_session:focus{
                    background-color: rgba(74, 89, 120, 0.82) !important;
                    border-color: rgba(74, 89, 120, 0.82) !important;
                }

                .btnScrollToTop:hover,
                .btnScrollToTop:focus{
                    background-color: rgba(74, 89, 120, 0.82);
                    border-color: rgba(74, 89, 120, 0.82);
                }

                .mycourses-pagination .page-item .page-link.active:hover,
                .mycourses-pagination .page-item .page-link.active:focus {
                    background-color: rgba(74, 89, 120, 0.82);
                    border-color: rgba(74, 89, 120, 0.82);
                }

                @media(min-width:992px){
                    .header-login-text:hover,
                    .header-login-text:focus{
                        border-color: rgba(74, 89, 120, 0.82) ;
                        background-color: rgba(74, 89, 120, 0.82) ;
                    }
                }

            
                .submitAdminBtn.active,
                .submitAdminBtn.active:hover{
                    color: rgb(255, 255, 255);
                }

                .submitAdminBtnDefault,
                .submitAdminBtnDefault:hover{
                    color: rgb(255, 255, 255);
                }

                .login-form-submit,
                .login-form-submit:hover{
                    color: rgb(255, 255, 255);
                }

                input[type=submit],
                input[type=submit]:hover,
                button[type=submit],
                button[type=submit]:hover{
                    color: rgb(255, 255, 255);
                }

                .submitAdminBtnClassic.active {
                    color: rgb(255, 255, 255) !important;
                }

                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn,
                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn:hover,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn:hover {
                    color: rgb(255, 255, 255);
                }
                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn .fa-solid::before,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn .fa-solid::before,
                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn .fa-regular::before,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn .fa-regular::before,
                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn .fa-brands::before,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn .fa-brands::before{
                    color: rgb(255, 255, 255) ;
                }

                .pagination-glossary .page-item.active .page-link,
                .pagination-glossary .page-item.active .page-link:hover {
                    color: rgb(255, 255, 255) !important;
                }

                .bootbox.show .modal-footer .submitAdminBtn,
                .bootbox.show .modal-footer .submitAdminBtn:hover,
                .modal.show .modal-footer .submitAdminBtn,
                .modal.show .modal-footer .submitAdminBtn:hover {
                    color: rgb(255, 255, 255) ;
                }

                .btn.btn-primary,
                .btn.btn-primary:hover{
                    color: rgb(255, 255, 255) ;
                }

                .nav-link-adminTools.Neutral-900-cl.active{
                    color: rgb(255, 255, 255) !important;
                }

                .submitAdminBtnDefault span,
                .submitAdminBtnDefault span:hover{
                    color: rgb(255, 255, 255) ;
                }

                .submitAdminBtnDefault .fa-solid::before,
                .submitAdminBtnDefault .fa-solid::before:hover,
                .submitAdminBtnDefault .fa-regular::before,
                .submitAdminBtnDefault .fa-regular::before:hover,
                .submitAdminBtnDefault .fa-brands::before,
                .submitAdminBtnDefault .fa-brands::before:hover{
                    color: rgb(255, 255, 255) ;
                }

                .searchGroupBtn span{
                    color: rgb(255, 255, 255) ;
                }

                .wallWrapper:has(.submitAdminBtn) .submitAdminBtn{
                    color: rgb(255, 255, 255) ;
                }

                .myProfileBtn,
                .myProfileBtn:hover,
                .myProfileBtn:focus{
                    color: rgb(255, 255, 255) ;
                }


                .showCoursesBars.active,
                .showCoursesBars.active:hover,
                .showCoursesBars.active:focus,
                .showCoursesPics.active,
                .showCoursesPics.active:hover,
                .showCoursesPics.active:focus{
                    color: rgb(255, 255, 255) ;
                }

                .showCoursesBars.active i,
                .showCoursesBars.active:hover i,
                .showCoursesBars.active:focus i,
                .showCoursesPics.active i,
                .showCoursesPics.active:hover i,
                .showCoursesPics.active:focus i {
                    color:rgb(255, 255, 255);
                }

                .mce-btn,
                .mce-btn i{
                    color: rgb(255, 255, 255) !important;
                }

                .personal-calendar-header .btn-group .btn.active{
                    color: rgb(255, 255, 255) !important;
                }

                .pagination-glossary .page-item.active .page-link{
                    color: rgb(255, 255, 255) !important;
                }

                .calendarAddDaysCl .exist_event_session .fc-time span{
                    color: rgb(255, 255, 255) !important;
                }

                .list-group-upgrade .list-group-item.element.active span{
                   color: rgb(255, 255, 255) !important;
                }

                .btnScrollToTop i,
                .btnScrollToTop:hover i,
                .btnScrollToTop:focus i,
                .btnScrollToTop:active i{
                    color:rgb(255, 255, 255);
                }

                .mycourses-pagination .page-item .page-link.active,
                .mycourses-pagination .page-item .page-link.active:hover,
                .mycourses-pagination .page-item .page-link.active:focus {
                    color:rgb(255, 255, 255);
                }

                @media(min-width:992px){
                    .header-login-text,
                    .header-login-text:hover,
                    .header-login-text:focus{
                         color:rgb(255, 255, 255);
                    }
                }

            
                .deleteAdminBtn,
                button[type=submit].deleteAdminBtn,
                input[type=submit].deleteAdminBtn {
                    border-color: rgb(183, 10, 10);
                    background-color: rgb(183, 10, 10);
                }

                .btn.btn-danger,
                .delete.confirmAction,
                .delete.delete_btn{
                    border-color: rgb(183, 10, 10);
                    background-color: rgb(183, 10, 10);
                }
            
                .deleteAdminBtn,
                button[type=submit].deleteAdminBtn,
                input[type=submit].deleteAdminBtn {
                    color: rgb(255, 255, 255);
                }

                .btn.btn-danger,
                .delete.confirmAction,
                .delete.delete_btn{
                    color: rgb(255, 255, 255);
                }

                .deleteAdminBtn .fa-solid::before,
                .deleteAdminBtn .fa-regular::before,
                .deleteAdminBtn .fa-brands::before,
                .deleteAdminBtn .fa::before{
                    color: rgb(255, 255, 255) !important;
                }

            
                .deleteAdminBtn:hover,
                button[type=submit].deleteAdminBtn:hover,
                input[type=submit].deleteAdminBtn:hover {
                    border-color: rgba(183, 10, 10, 0.82);
                    background-color: rgba(183, 10, 10, 0.82);
                }

                .btn.btn-danger:hover,
                .delete.confirmAction:hover,
                .delete.delete_btn:hover{
                    border-color: rgba(183, 10, 10, 0.82);
                    background-color: rgba(183, 10, 10, 0.82);
                }

            
                .deleteAdminBtn:hover,
                button[type=submit].deleteAdminBtn:hover,
                input[type=submit].deleteAdminBtn:hover {
                    color: rgb(255, 255, 255);
                }

                .btn.btn-danger:hover,
                .delete.confirmAction:hover,
                .delete.delete_btn:hover{
                    color: rgb(255, 255, 255);
                }

                .deleteAdminBtn:hover .fa-solid::before,
                .deleteAdminBtn:hover .fa-regular::before,
                .deleteAdminBtn:hover .fa-brands::before,
                .deleteAdminBtn:hover .fa::before{
                    color: rgb(255, 255, 255) !important;
                }

            
                .successAdminBtn,
                button[type=submit].successAdminBtn,
                input[type=submit].successAdminBtn {
                    border-color: rgb(79, 104, 147);
                    background-color: rgb(79, 104, 147);
                }

                .btn.btn-success{
                    border-color: rgb(79, 104, 147);
                    background-color: rgb(79, 104, 147);
                }
            
                .successAdminBtn,
                button[type=submit].successAdminBtn,
                input[type=submit].successAdminBtn {
                    color: rgb(255, 255, 255);
                }

                .btn.btn-success{
                    color: rgb(255, 255, 255);
                }

                .successAdminBtn .fa-solid::before,
                .successAdminBtn .fa-regular::before,
                .successAdminBtn .fa-brands::before,
                .successAdminBtn .fa::before{
                    color: rgb(255, 255, 255) !important;
                }

            
                .successAdminBtn:hover,
                button[type=submit].successAdminBtn:hover,
                input[type=submit].successAdminBtn:hover {
                    border-color: rgba(79, 104, 147, 0.81);
                    background-color: rgba(79, 104, 147, 0.81);
                }

                .btn.btn-success:hover{
                    border-color: rgba(79, 104, 147, 0.81);
                    background-color: rgba(79, 104, 147, 0.81);
                }

            
                .successAdminBtn:hover,
                button[type=submit].successAdminBtn:hover,
                input[type=submit].successAdminBtn:hover {
                    color: rgb(255, 255, 255);
                }

                .btn.btn-success:hover{
                    color: rgb(255, 255, 255);
                }

                .successAdminBtn:hover .fa-solid::before,
                .successAdminBtn:hover .fa-regular::before,
                .successAdminBtn:hover .fa-brands::before,
                .successAdminBtn:hover .fa::before{
                    color: rgb(255, 255, 255) !important;
                }

            
                .helpAdminBtn {
                    border-color: rgb(155, 169, 193);
                    background-color: rgb(155, 169, 193);
                }
            
                .helpAdminBtn {
                    color: rgb(255, 255, 255);
                }

                .helpAdminBtn .fa-solid::before,
                .helpAdminBtn .fa-regular::before,
                .helpAdminBtn .fa-brands::before,
                .helpAdminBtn .fa::before{
                    color: rgb(255, 255, 255) !important;
                }
            
                .helpAdminBtn:hover {
                    color: rgb(255, 255, 255);
                }

                .helpAdminBtn:hover .fa-solid::before,
                .helpAdminBtn:hover .fa-regular::before,
                .helpAdminBtn:hover .fa-brands::before,
                .helpAdminBtn:hover .fa::before{
                    color: rgb(255, 255, 255) !important;
                }

            
                .contextual-menu{
                    background-color: rgb(255, 255, 255);
                }

                .contextual-menu-user::-webkit-scrollbar-track {
                    background-color: rgb(255, 255, 255);
                }
            
                .contextual-menu{
                    border: solid 1px rgb(205, 212, 224);
                }

                .contextual-menu-user{
                    border: solid 1px rgb(205, 212, 224);
                }

                .contextual-border{
                    border: solid 1px rgb(205, 212, 224);
                }
            
                .contextual-menu .list-group-item,
                .contextual-menu button[type='submit'],
                .contextual-menu input[type='submit']{
                    background-color: rgb(255, 255, 255);
                }

            
                .contextual-menu .list-group-item,
                .contextual-menu button[type='submit'],
                .contextual-menu input[type='submit']{
                    border-bottom: solid 1px rgb(205, 212, 224);
                }

            
                .contextual-menu .list-group-item,
                .contextual-menu button[type='submit'],
                .contextual-menu input[type='submit']{
                    color: rgb(52, 71, 103);
                }

                .contextual-menu .list-group-item .settings-icons::before{
                    color: rgb(52, 71, 103);
                }

            
                .contextual-menu .list-group-item:hover,
                .contextual-menu button[type='submit']:hover
                .contextual-menu input[type='submit']:hover{
                    background-color: rgb(235, 237, 239);
                }

            
                .contextual-menu .list-group-item:hover,
                .contextual-menu button[type='submit']:hover
                .contextual-menu input[type='submit']:hover{
                    color: rgb(52, 71, 103);
                }
                .contextual-menu .list-group-item:hover .settings-icons::before{
                    color: rgb(52, 71, 103);
                }

            
                .contextual-menu-user .username-text,
                .contextual-menu-user .username-paragraph{
                    color:rgb(52, 71, 103);
                }

            
                .contextual-menu-user .logout-list-item *{
                    color:rgb(196, 70, 1) !important;
                }

            
                .contextual-menu .list-group-item:has(.fa-xmark),
                .contextual-menu .list-group-item:has(.fa-trash),
                .contextual-menu .list-group-item:has(.fa-eraser),
                .contextual-menu .list-group-item:has(.fa-times),
                .contextual-menu .list-group-item:has(.fa-xmark) .fa::before,
                .contextual-menu .list-group-item:has(.fa-trash) .fa::before,
                .contextual-menu .list-group-item:has(.fa-eraser) .fa::before,
                .contextual-menu .list-group-item:has(.fa-times) .fa::before{
                    color: rgb(196, 70, 1) !important;
                }

            
                input[type='radio']{
                    background-color: rgb(255, 255, 255);
                }
            
                input[type='radio']{
                    border: solid 1px rgb(222, 226, 230);
                }
            
                .radio label{
                    color: rgb(43, 57, 68);
                }

                input[type='radio']{
                    color:  rgb(43, 57, 68);
                }

                .radio:not(:has(input[type='radio']:checked)) .help-block{
                    color: rgb(43, 57, 68);
                }
            
                input[type='radio']:checked {
                    border: solid 6px rgb(70, 87, 114);
                }
                .input-StatusCourse:checked{
                    box-shadow: inset 0 0 0 0px #e8e8e8;
                    border: 0px solid #e8e8e8;
                    background-color: rgb(70, 87, 114);
                }
                .form-wrapper.form-edit label:has(input[type='radio']:checked){
                    color: rgb(70, 87, 114);
                }

                .radio label:has(input[type='radio']:checked),
                .radio:has(input[type='radio']:checked) .help-block{
                    color: rgb(70, 87, 114);
                }
            
                .radio:has(.input-StatusCourse:checked) .fa{
                    color: rgb(255, 255, 255);
                }
            
                label:has(input[type='radio']:disabled){
                    color: rgba(182, 196, 222, 0.79);
                }
            
                .label-container > input[type='checkbox'] {
                    background-color: rgb(255, 255, 255);
                }
                #display_sessions_switcher{
                    background-color: rgb(255, 255, 255);
                }
            
                .label-container > input[type='checkbox'] {
                    border: 1px solid rgb(222, 226, 230);
                }
                #display_sessions_switcher{
                    border: 1px solid rgb(222, 226, 230);
                }
            
                .label-container {
                    color: rgb(43, 57, 68);
                }
                #display_sessions_switcher{
                    color: rgb(43, 57, 68);
                }
            
                .label-container > input[type='checkbox']:checked {
                    border: 1px solid rgb(70, 87, 114);
                    background-color: rgb(70, 87, 114);
                }
                .label-container > input[type='checkbox']:active {
                    border: 1px solid rgb(70, 87, 114);
                }
                #display_sessions_switcher:checked{
                    border: 1px solid rgb(70, 87, 114);
                    background-color: rgb(70, 87, 114);
                }
            
                .label-container:has(input[type='checkbox']:checked),
                .label-container:has(input[type='checkbox']:checked) .fa{
                    color: rgb(70, 87, 114);
                }
                #display_sessions_switcher:checked{
                    color: rgb(70, 87, 114);
                }
            
                .label-container > input[type='checkbox']:checked + .checkmark::before {
                    color: rgb(255, 255, 255);
                }
            
                .label-container:has(input[type='checkbox']:disabled){
                    color: rgba(182, 196, 222, 0.79);
                }
                #display_sessions_switcher:disabled{
                    color: rgba(182, 196, 222, 0.79);
                }
            
                input::placeholder,
                .form-control,
                .login-input,
                .login-input::placeholder,
                input[type='text'],
                input[type='password'],
                input[type='number'],
                input[type='search'],
                input[type='url'],
                input[type='email']{
                    background-color: rgb(255, 255, 255);
                }

                textarea,
                textarea.form-control{
                    background-color: rgb(255, 255, 255);
                }

                input[type='text']:focus,
                input[type='datetime']:focus,
                input[type='datetime-local']:focus,
                input[type='date']:focus,
                input[type='month']:focus,
                input[type='time']:focus,
                input[type='week']:focus,
                input[type='number']:focus,
                input[type='email']:focus,
                input[type='url']:focus,
                input[type='search']:focus,
                input[type='tel']:focus,
                input[type='color']:focus,
                .form-control:focus,
                .uneditable-input:focus,
                textarea:focus,
                .login-input:focus {
                    background-color: rgb(255, 255, 255);
                }

                .dataTables_wrapper input[type='text'],
                .dataTables_wrapper input[type='password'],
                .dataTables_wrapper input[type='email'],
                .dataTables_wrapper input[type='number'],
                .dataTables_wrapper input[type='url'],
                .dataTables_wrapper input[type='search']{
                    background-color: rgb(255, 255, 255) !important;
                }

                .dataTables_wrapper input[type='text']:focus,
                .dataTables_wrapper input[type='number']:focus,
                .dataTables_wrapper input[type='email']:focus,
                .dataTables_wrapper input[type='url']:focus,
                .dataTables_wrapper input[type='search']:focus,
                .dataTables_wrapper .form-control:focus,
                .dataTables_wrapper .uneditable-input:focus {
                    background-color: rgb(255, 255, 255) !important;
                }

                .add-on,
                .add-on1,
                .add-on2{
                    background-color: rgb(255, 255, 255) !important;
                }

                .input-group-text.bg-input-default{
                    background-color: rgb(255, 255, 255);
                }

                .form-control:disabled,
                .form-control[readonly] {
                    background-color: rgb(255, 255, 255);
                }

                input:-webkit-autofill,
                input:-webkit-autofill:hover,
                input:-webkit-autofill:focus,
                textarea:-webkit-autofill,
                textarea:-webkit-autofill:hover,
                textarea:-webkit-autofill:focus {
                    background-color: rgb(255, 255, 255);
                    -webkit-box-shadow: 0 0 0 30px rgb(255, 255, 255) inset !important;
                }


            
                input::placeholder,
                .form-control,
                .login-input,
                .login-input::placeholder,
                input[type='text'],
                input[type='password'],
                input[type='number'],
                input[type='search'],
                input[type='url'],
                input[type='email']{
                    border-color: rgb(205, 212, 224);
                }

                textarea,
                textarea.form-control{
                    border-color: rgb(205, 212, 224);
                }

                input[type='text']:focus,
                input[type='datetime']:focus,
                input[type='datetime-local']:focus,
                input[type='date']:focus,
                input[type='month']:focus,
                input[type='time']:focus,
                input[type='week']:focus,
                input[type='number']:focus,
                input[type='email']:focus,
                input[type='url']:focus,
                input[type='search']:focus,
                input[type='tel']:focus,
                input[type='color']:focus,
                .form-control:focus,
                .uneditable-input:focus,
                textarea:focus,
                .login-input:focus {
                    border-color: rgb(205, 212, 224);
                }

                input:-webkit-autofill,
                input:-webkit-autofill:hover,
                input:-webkit-autofill:focus,
                textarea:-webkit-autofill,
                textarea:-webkit-autofill:hover,
                textarea:-webkit-autofill:focus {
                    border: 1px solid rgb(205, 212, 224);
                }


                .dataTables_wrapper input[type='text'],
                .dataTables_wrapper input[type='password'],
                .dataTables_wrapper input[type='email'],
                .dataTables_wrapper input[type='number'],
                .dataTables_wrapper input[type='url'],
                .dataTables_wrapper input[type='search']{
                    border-color: rgb(205, 212, 224) !important;
                }

                .dataTables_wrapper input[type='text']:focus,
                .dataTables_wrapper input[type='number']:focus,
                .dataTables_wrapper input[type='email']:focus,
                .dataTables_wrapper input[type='url']:focus,
                .dataTables_wrapper input[type='search']:focus,
                .dataTables_wrapper .form-control:focus,
                .dataTables_wrapper .uneditable-input:focus {
                    border-color: rgb(205, 212, 224) !important;
                }

                .input-border-color {
                    border-color: rgb(205, 212, 224) ;
                }

                .form-control:disabled,
                .form-control[readonly] {
                    border-color: rgb(205, 212, 224) ;
                }


                .wallWrapper textarea:focus{
                    border-color: rgb(205, 212, 224) ;
                }

            
                input::placeholder,
                .form-control,
                .form-control::placeholder,
                .login-input::placeholder,
                .login-input,
                input[type='text'],
                input[type='password'],
                input[type='number'],
                input[type='search'],
                input[type='url'],
                input[type='email']{
                    color: rgb(52, 71, 103);
                }

                textarea,
                textarea::placeholder,
                textarea.form-control{
                    color: rgb(52, 71, 103);
                }

                input[type='text']:focus,
                input[type='datetime']:focus,
                input[type='datetime-local']:focus,
                input[type='date']:focus,
                input[type='month']:focus,
                input[type='time']:focus,
                input[type='week']:focus,
                input[type='number']:focus,
                input[type='email']:focus,
                input[type='url']:focus,
                input[type='search']:focus,
                input[type='tel']:focus,
                input[type='color']:focus,
                .form-control:focus,
                .uneditable-input:focus,
                textarea:focus,
                .login-input:focus {
                    color: rgb(52, 71, 103);
                }

                input:-webkit-autofill,
                input:-webkit-autofill:hover,
                input:-webkit-autofill:focus,
                textarea:-webkit-autofill,
                textarea:-webkit-autofill:hover,
                textarea:-webkit-autofill:focus {
                    -webkit-text-fill-color: rgb(52, 71, 103);
                }



                .dataTables_wrapper input::placeholder{
                    color: rgb(52, 71, 103) !important;
                }

                .dataTables_wrapper input[type='text'],
                .dataTables_wrapper input[type='password'],
                .dataTables_wrapper input[type='email'],
                .dataTables_wrapper input[type='number'],
                .dataTables_wrapper input[type='url'],
                .dataTables_wrapper input[type='search']{
                    color: rgb(52, 71, 103) !important;
                }

                .dataTables_wrapper input[type='text']:focus,
                .dataTables_wrapper input[type='number']:focus,
                .dataTables_wrapper input[type='email']:focus,
                .dataTables_wrapper input[type='url']:focus,
                .dataTables_wrapper input[type='search']:focus,
                .dataTables_wrapper .form-control:focus,
                .dataTables_wrapper .uneditable-input:focus {
                    color: rgb(52, 71, 103) !important;
                }

                .input-group-text .fa-calendar{
                    color: rgb(52, 71, 103);
                }

            

                select.form-select {
                    background-color: rgb(255, 255, 255);
                }

                select.form-select:focus {
                    background-color: rgb(255, 255, 255);
                }

                .dataTables_wrapper select {
                    background-color: rgb(255, 255, 255) !important;;
                }

                .dataTables_wrapper select:focus {
                    background-color: rgb(255, 255, 255) !important;;
                }


                .select2-selection.select2-selection--multiple{
                    background-color: rgb(255, 255, 255) !important;
                }

                .select2-dropdown--below {
                    background-color: rgb(255, 255, 255) !important;
                }

                .select2-container--default .select2-selection--multiple .select2-selection__choice {
                    background-color: rgb(255, 255, 255) !important;
                }

                .select2-container--default .select2-results__option[aria-selected=false]{
                    background-color: rgb(255, 255, 255) !important;
                }

                .select2-container--default .select2-selection--single{
                    background-color: rgb(255, 255, 255) !important;
                }

            

                select.form-select {
                    border-color: rgb(205, 212, 224);
                }

                select.form-select:focus {
                    border-color: rgb(205, 212, 224);
                }

                .dataTables_wrapper select {
                    border-color: rgb(205, 212, 224) !important;;
                }

                .dataTables_wrapper select:focus {
                    border-color: rgb(205, 212, 224) !important;;
                }

                .select2-selection.select2-selection--multiple{
                    border-color: rgb(205, 212, 224) !important;
                }

                .select2-container--default .select2-selection--multiple .select2-selection__choice {
                    border: 1px solid rgb(205, 212, 224) !important;
                }

                select:-webkit-autofill:hover,
                select:-webkit-autofill:focus {
                    border: 1px solid rgb(205, 212, 224);
                }

                .mce-floatpanel {
                    border: 1px solid rgb(205, 212, 224) !important;;
                }

                .select2-container--default .select2-selection--single{
                    border: 1px solid rgb(205, 212, 224) !important;
                }

            

                select.form-select {
                    color: rgb(52, 71, 103);
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgb(52, 71, 103)' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
                    background-repeat: no-repeat;
                    background-position: right 0.75rem center;
                    background-size: 16px 12px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                }

                select.form-select:focus {
                    color: rgb(52, 71, 103);
                }

                select.form-select option:not(:checked) {
                    color: rgb(52, 71, 103);
                }

                .dataTables_wrapper select {
                    color: rgb(52, 71, 103) !important;;
                }

                .dataTables_wrapper select:focus {
                    color: rgb(52, 71, 103) !important;;
                }

                .dataTables_wrapper select option:not(:checked) {
                    color: rgb(52, 71, 103) !important;;
                }

                .select2-selection.select2-selection--multiple{
                    color: rgb(52, 71, 103) !important;
                }

                .select2-selection--multiple:before {
                    border-top: 5px solid rgb(52, 71, 103) !important;
                }

                .select2-container--default .select2-selection--multiple .select2-selection__choice {
                    color: rgb(52, 71, 103) !important;
                }

                select:-webkit-autofill:hover,
                select:-webkit-autofill:focus {
                    -webkit-text-fill-color: rgb(52, 71, 103);
                }

                .select2-container--default .select2-results__option[aria-selected=false]{
                    color: rgb(52, 71, 103) !important;
                }

                .mce-menu-item{
                    color: rgb(52, 71, 103) !important;
                }

                .mce-menu-item .mce-text {
                    color: rgb(52, 71, 103) !important;
                }

                .select2-container--default .select2-selection--single .select2-selection__rendered{
                    color: rgb(52, 71, 103) !important;
                }

            

                select.form-select option:hover{
                    background-color: rgb(104, 125, 163);
                }

                .dataTables_wrapper select option:hover{
                    background-color: rgb(104, 125, 163) !important;;
                }

                .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
                    background-color: rgb(104, 125, 163) !important;
                }

                .select2-container--default .select2-results__option[aria-selected=false]:hover{
                    background-color: rgb(104, 125, 163) !important;
                }

                .mce-menu-item:hover{
                    background-color: rgb(104, 125, 163) !important;
                }



            

                select.form-select option:hover{
                    color: rgb(255, 255, 255);
                }

                .dataTables_wrapper select option:hover{
                    color: rgb(255, 255, 255) !important;;
                }

                .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
                    color: rgb(255, 255, 255) !important;
                }

                .mce-menu-item:hover{
                    color: rgb(255, 255, 255) !important;
                }

                .mce-menu-item-normal.mce-active:hover .mce-text {
                    color: rgb(255, 255, 255) !important;
                }

                .mce-menu-item:hover .mce-text {
                    color: rgb(255, 255, 255) !important;
                }

            

                select.form-select option:checked{
                    background-color: rgb(104, 125, 163);
                }

                .dataTables_wrapper select option:checked{
                    background-color: rgb(104, 125, 163) !important;;
                }


                .select2-container--default .select2-results__option[aria-selected=true] {
                    background-color: rgb(104, 125, 163) !important;
                }

                .mce-menu-item-normal.mce-active {
                    background-color: rgb(104, 125, 163) !important;
                }

                .mce-menu-item:hover,
                .mce-menu-item.mce-selected,
                .mce-menu-item:focus {
                    background-color: rgb(104, 125, 163) !important;
                }

                .dropdown-item.active,
                .dropdown-item:active {
                    background-color:  rgb(104, 125, 163) !important;
                }

            

                select.form-select option:checked{
                    color: rgb(255, 255, 255);
                }

                .dataTables_wrapper select option:checked{
                    color: rgb(255, 255, 255) !important;;
                }


                .select2-container--default .select2-results__option[aria-selected=true] {
                    color: rgb(255, 255, 255) !important;
                }

                .mce-menu-item-normal.mce-active {
                    color: rgb(255, 255, 255) !important;
                }

                .mce-menu-item:hover,
                .mce-menu-item.mce-selected,
                .mce-menu-item:focus {
                    color: rgb(255, 255, 255) !important;
                }

                .mce-menu-item-normal.mce-active .mce-text {
                    color: rgb(255, 255, 255) !important;
                }

                .mce-menu-item:hover .mce-text,
                .mce-menu-item.mce-selected .mce-text {
                    color: rgb(255, 255, 255) !important;
                }

                .dropdown-item.active,
                .dropdown-item:active {
                    color: rgb(255, 255, 255) !important;
                }


            
                .form-wrapper.form-edit {
                    background-color: rgba(255, 255, 255, 0);
                }
            
                .form-wrapper.form-edit {
                    border: solid 1px rgba(255, 255, 255, 0) !important;
                }
            
                .form-wrapper.form-edit {
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0) !important;
                }
            
                @media(min-width:992px){
                    .main-section:has(.course-wrapper) .form-image-modules{
                        width: 126px;
                        float:right;
                        padding-bottom: 0px;
                    }
                }
                .main-section:not(:has(.course-wrapper)) .form-image-modules{
                    width:100%;
                    float:right;
                    padding-bottom: 0px;
                }
            
                @media(min-width:992px){
                    .form-image-modules{
                        display: block;
                        float:right;
                        flex-shrink: 0;
                        padding-bottom: 0px;
                        min-height: 100%;
                        background-image: url('/courses/theme_data/19/neutral-form-img.jpg');
                        background-repeat: repeat;
                    }
                    .form-image-registration,
                    .form-image-faq{
                        min-height: auto;
                        background-image: none;
                    }
                }
            

                .form-wrapper.form-edit .control-label-notes,
                .form-group .control-label-notes{
                    color:rgb(43, 57, 68);
                }

                form small,
                form strong,
                form p,
                form span,
                form em,
                form h1,
                form h2,
                form h3,
                form h4,
                form h5,
                form h6,
                form .li-indented,
                form li,
                form .Neutral-900-cl,
                form .form-label,
                form .default-value,
                form label,
                form th,
                form td,
                form .panel-body,
                form .card-body,
                form div,
                form .visibleFile,
                form .list-group-item,
                form .help-block,
                form .control-label-notes,
                form .title-default,
                form .modal-title-default,
                form .text-heading-h2,
                form .text-heading-h3,
                form .text-heading-h4,
                form .text-heading-h5,
                form .text-heading-h6,
                form .action-bar-title,
                form .list-group-item.list-group-item-action,
                form .list-group-item.element{
                    color:rgb(43, 57, 68);
                }
            
                .asterisk,
                .help-block.Accent-200-cl{
                    color:rgb(196, 70, 1) !important;
                }
            
                .bootbox.show .bootbox-close-button{
                    background-color:rgb(248, 249, 250);
                }
                .modal.show .close{
                    background-color: rgb(248, 249, 250);
                }
                .modal-content {
                    background-color: rgb(248, 249, 250);
                }
                .modal-content-opencourses{
                    background:rgb(248, 249, 250);
                }
                .course-content::-webkit-scrollbar-track {
                    background-color: rgb(248, 249, 250);
                }
                .modal-content-opencourses .close{
                    background-color: rgb(248, 249, 250);
                }
            
                .modal-content {
                    border: 1px solid rgb(205, 212, 224);
                }
                .modal-content-opencourses{
                    border: solid 1px rgb(205, 212, 224);
                }
            
                .bootbox.show .modal-header .modal-title,
                .modal.show .modal-header .modal-title {
                    color:  rgb(52, 71, 103);
                }
                .modal-content h1,
                .modal-content h2,
                .modal-content h3,
                .modal-content h4,
                .modal-content h5,
                .modal-content h6,
                .modal-content div,
                .modal-content small,
                .modal-content span,
                .modal-content p,
                .modal-content b,
                .modal-content strong,
                .modal-content li,
                .modal-content label,
                .modal-content{
                    color:  rgb(52, 71, 103);
                }

                .bootbox.show .bootbox-body,
                .modal.show .modal-body{
                    color: rgb(52, 71, 103);
                }
            
                .icon-modal-default .fa-trash-can.Accent-200-cl::before{
                    color: rgb(196, 70, 1);
                }
            
                .bootbox.show .bootbox-close-button,
                .modal.show .close,
                .modal-display .close{
                    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='15' viewBox='0 0 384 512' fill='%23000'%3e%3cpath fill='rgb(196, 70, 1)' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3e%3c/svg%3E") center / 1em auto no-repeat;
                }
            
                .panel-admin-calendar,
                .panel-admin-calendar>.panel-body-calendar {
                    background-color: rgb(255, 255, 255);
                }
                .myPersonalCalendar {
                    background-color: rgb(255, 255, 255);
                }



                .myPersonalCalendar .cal-row-fluid.cal-row-head {
                    background: rgb(255, 255, 255);
                }
                #cal-day-box .cal-day-hour:nth-child(odd) {
                    background-color: rgb(255, 255, 255) !important;
                }


                .datepicker-centuries .table-condensed,
                .datepicker-centuries .table-condensed .dow{
                    background-color: rgb(255, 255, 255);
                }
                .datepicker-decades .table-condensed,
                .datepicker-decades .table-condensed .dow{
                    background-color: rgb(255, 255, 255);
                }
                .datepicker-years .table-condensed,
                .datepicker-years .table-condensed .dow{
                    background-color: rgb(255, 255, 255);
                }
                .datepicker-months .table-condensed,
                .datepicker-months .table-condensed .dow{
                    background-color: rgb(255, 255, 255);
                }
                .datepicker-days .table-condensed,
                .datepicker-days .table-condensed .dow{
                    background-color: rgb(255, 255, 255);
                }





                .datetimepicker-years .table-condensed,
                .datetimepicker-years .table-condensed .dow{
                    background-color: rgb(255, 255, 255);
                }
                .datetimepicker-months .table-condensed,
                .datetimepicker-months .table-condensed .dow{
                    background-color: rgb(255, 255, 255);
                }
                .datetimepicker-days .table-condensed,
                .datetimepicker-days .table-condensed .dow{
                    background-color: rgb(255, 255, 255);
                }
                .datetimepicker-hours .table-condensed,
                .datetimepicker-hours .table-condensed .dow{
                    background-color: rgb(255, 255, 255);
                }
                .datetimepicker-minutes .table-condensed,
                .datetimepicker-minutes .table-condensed .dow{
                    background-color: rgb(255, 255, 255);
                }



                .cal-day-today {
                    background-color: rgb(255, 255, 255) !important;
                }

                .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
                    background-color: rgb(255, 255, 255);
                }

                .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu {
                    background-color: rgb(255, 255, 255);
                }

                .datetimepicker.dropdown-menu,
                .datepicker.dropdown-menu{
                    background: rgb(255, 255, 255) !important;
                }

                #cal-week-box{
                    background-color: rgb(255, 255, 255) !important;
                }

            
                .panel-admin-calendar .panel-heading,
                #cal-header {
                    background: rgb(52, 71, 103);
                }
                #calendar-header {
                    background: rgb(52, 71, 103);
                }




                .datepicker-centuries .table-condensed thead .prev,
                .datepicker-centuries .table-condensed thead .next,
                .datepicker-centuries .table-condensed thead .datepicker-switch,
                .datepicker-centuries .table-condensed thead .prev:hover,
                .datepicker-centuries .table-condensed thead .next:hover,
                .datepicker-centuries .table-condensed thead .datepicker-switch:hover{
                    background-color: rgb(52, 71, 103) !important;
                }
                .datepicker-decades .table-condensed thead .prev,
                .datepicker-decades .table-condensed thead .next,
                .datepicker-decades .table-condensed thead .datepicker-switch,
                .datepicker-decades .table-condensed thead .prev:hover,
                .datepicker-decades .table-condensed thead .next:hover,
                .datepicker-decades .table-condensed thead .datepicker-switch:hover{
                    background-color: rgb(52, 71, 103) !important;
                }
                .datepicker-years .table-condensed thead .prev,
                .datepicker-years .table-condensed thead .next,
                .datepicker-years .table-condensed thead .datepicker-switch,
                .datepicker-years .table-condensed thead .prev:hover,
                .datepicker-years .table-condensed thead .next:hover,
                .datepicker-years .table-condensed thead .datepicker-switch:hover{
                    background-color: rgb(52, 71, 103) !important;
                }
                .datepicker-months .table-condensed thead .prev,
                .datepicker-months .table-condensed thead .next,
                .datepicker-months .table-condensed thead .datepicker-switch,
                .datepicker-months .table-condensed thead .prev:hover,
                .datepicker-months .table-condensed thead .next:hover,
                .datepicker-months .table-condensed thead .datepicker-switch:hover{
                    background-color: rgb(52, 71, 103) !important;
                }
                .datepicker-days .table-condensed thead .prev,
                .datepicker-days .table-condensed thead .next,
                .datepicker-days .table-condensed thead .datepicker-switch,
                .datepicker-days .table-condensed thead .prev:hover,
                .datepicker-days .table-condensed thead .next:hover,
                .datepicker-days .table-condensed thead .datepicker-switch:hover{
                    background-color: rgb(52, 71, 103) !important;
                }




                .datetimepicker-years .table-condensed thead .prev,
                .datetimepicker-years .table-condensed thead .next,
                .datetimepicker-years .table-condensed thead .switch,
                .datetimepicker-years .table-condensed thead .prev:hover,
                .datetimepicker-years .table-condensed thead .next:hover,
                .datetimepicker-years .table-condensed thead .switch:hover{
                    background-color: rgb(52, 71, 103) !important;
                }
                .datetimepicker-months .table-condensed thead .prev,
                .datetimepicker-months .table-condensed thead .next,
                .datetimepicker-months .table-condensed thead .switch,
                .datetimepicker-months .table-condensed thead .prev:hover,
                .datetimepicker-months .table-condensed thead .next:hover,
                .datetimepicker-months .table-condensed thead .switch:hover{
                    background-color: rgb(52, 71, 103) !important;
                }
                .datetimepicker-days .table-condensed thead .prev,
                .datetimepicker-days .table-condensed thead .next,
                .datetimepicker-days .table-condensed thead .switch,
                .datetimepicker-days .table-condensed thead .prev:hover,
                .datetimepicker-days .table-condensed thead .next:hover,
                .datetimepicker-days .table-condensed thead .switch:hover{
                    background-color: rgb(52, 71, 103) !important;
                }
                .datetimepicker-hours .table-condensed thead .prev,
                .datetimepicker-hours .table-condensed thead .next,
                .datetimepicker-hours .table-condensed thead .switch,
                .datetimepicker-hours .table-condensed thead .prev:hover,
                .datetimepicker-hours .table-condensed thead .next:hover,
                .datetimepicker-hours .table-condensed thead .switch:hover{
                    background-color: rgb(52, 71, 103) !important;
                }
                .datetimepicker-minutes .table-condensed thead .prev,
                .datetimepicker-minutes .table-condensed thead .next,
                .datetimepicker-minutes .table-condensed thead .switch,
                .datetimepicker-minutes .table-condensed thead .prev:hover,
                .datetimepicker-minutes .table-condensed thead .next:hover,
                .datetimepicker-minutes .table-condensed thead .switch:hover{
                    background-color: rgb(52, 71, 103) !important;
                }

                .datepicker table tr td span.focused {
                    background: rgb(52, 71, 103) !important;
                }



            
                .panel-admin-calendar .panel-heading, #cal-header {
                    color: rgb(255, 255, 255) !important;
                }

                #current-month,
                #cal-header .fa-chevron-left,
                #cal-header .fa-chevron-right {
                    color: rgb(255, 255, 255) !important;
                }

                .text-agenda-title,
                .text-agenda-title:hover{
                    color: rgb(255, 255, 255) !important;
                }







                .datepicker-centuries .table-condensed thead tr th.next::after,
                .datepicker-decades .table-condensed thead tr th.next::after,
                .datepicker-years .table-condensed thead tr th.next::after,
                .datepicker-months .table-condensed thead tr th.next::after,
                .datepicker-days .table-condensed thead tr th.next::after{
                    color: rgb(255, 255, 255) !important;
                }
                .datepicker-centuries .table-condensed thead tr th.datepicker-switch,
                .datepicker-decades .table-condensed thead tr th.datepicker-switch,
                .datepicker-years .table-condensed thead tr th.datepicker-switch,
                .datepicker-months .table-condensed thead tr th.datepicker-switch,
                .datepicker-days .table-condensed thead tr th.datepicker-switch{
                    color: rgb(255, 255, 255) !important;
                }
                .datepicker-centuries .table-condensed thead tr th.prev::before,
                .datepicker-decades .table-condensed thead tr th.prev::before,
                .datepicker-years .table-condensed thead tr th.prev::before,
                .datepicker-months .table-condensed thead tr th.prev::before,
                .datepicker-days .table-condensed thead tr th.prev::before{
                    color: rgb(255, 255, 255) !important;
                }




                .datetimepicker-years .table-condensed thead .prev::before,
                .datetimepicker-years .table-condensed thead .next::after,
                .datetimepicker-years .table-condensed thead .switch{
                    color: rgb(255, 255, 255) !important;
                }
                .datetimepicker-months .table-condensed thead .prev::before,
                .datetimepicker-months .table-condensed thead .next::after,
                .datetimepicker-months .table-condensed thead .switch{
                    color: rgb(255, 255, 255) !important;
                }
                .datetimepicker-days .table-condensed thead .prev::before,
                .datetimepicker-days .table-condensed thead .next::after,
                .datetimepicker-days .table-condensed thead .switch{
                    color: rgb(255, 255, 255) !important;
                }
                .datetimepicker-hours .table-condensed thead .prev::before,
                .datetimepicker-hours .table-condensed thead .next::after,
                .datetimepicker-hours .table-condensed thead .switch{
                    color: rgb(255, 255, 255) !important;
                }
                .datetimepicker-minutes .table-condensed thead .prev::before,
                .datetimepicker-minutes .table-condensed thead .next::after,
                .datetimepicker-minutes .table-condensed thead .switch{
                    color: rgb(255, 255, 255) !important;
                }


            

                .cal-row-fluid.cal-row-head .cal-cell1,
                .cal-month-day .pull-right,
                .cal-day-weekend span[data-cal-date] {
                    color: rgb(52, 71, 103);
                }

                .myPersonalCalendar .cal-row-fluid.cal-row-head .cal-cell1,
                .myPersonalCalendar .cal-month-day .pull-right,
                .myPersonalCalendar .cal-day-hour div,
                #cal-day-box div,
                .cal-year-box div,
                .cal-month-box div,
                .cal-week-box div {
                    color: rgb(52, 71, 103);
                }




                .datepicker-centuries .table-condensed thead tr th.dow,
                .datepicker-decades .table-condensed thead tr th.dow,
                .datepicker-years .table-condensed thead tr th.dow,
                .datepicker-months .table-condensed thead tr th.dow,
                .datepicker-days .table-condensed thead tr th.dow{
                    color: rgb(52, 71, 103) !important;
                }
                .datepicker-centuries .table-condensed tbody tr td,
                .datepicker-decades .table-condensed tbody tr td,
                .datepicker-years .table-condensed tbody tr td,
                .datepicker-months .table-condensed tbody tr td,
                .datepicker-days .table-condensed tbody tr td{
                    color: rgb(52, 71, 103) !important;
                }





                .datetimepicker-years .table-condensed thead tr th.dow,
                .datetimepicker-months .table-condensed thead tr th.dow,
                .datetimepicker-days .table-condensed thead tr th.dow,
                .datetimepicker-hours .table-condensed thead tr th.dow,
                .datetimepicker-minutes .table-condensed thead tr th.dow{
                    color: rgb(52, 71, 103) !important;
                }
                .datetimepicker-years .table-condensed tbody tr td,
                .datetimepicker-months .table-condensed tbody tr td,
                .datetimepicker-days .table-condensed tbody tr td,
                .datetimepicker-hours .table-condensed tbody tr td,
                .datetimepicker-minutes .table-condensed tbody tr td{
                    color: rgb(52, 71, 103) !important;
                }

                .datetimepicker table tr td.old,
                .datetimepicker table tr td.new,
                .datepicker table tr td.old,
                .datepicker table tr td.new{
                    color: rgb(52, 71, 103) !important;
                }


                .cal-day-today span[data-cal-date],
                .cal-day-today span[data-cal-date]:hover,
                .cal-day-today span[data-cal-date]:focus{
                    color: rgb(52, 71, 103) !important;
                }

            
                .panel-admin-calendar,
                .panel-admin-calendar>.panel-body-calendar {
                    border-bottom: solid 1px rgb(205, 212, 224);
                    border-left: solid 1px rgb(205, 212, 224);
                    border-right: solid 1px rgb(205, 212, 224);
                }
                .panel-body-calendar {
                    margin-top: -0.7px;
                }
                .panel-admin-calendar .panel-heading{
                    border-top: solid 1px rgb(205, 212, 224);
                    border-left: solid 1px rgb(205, 212, 224);
                    border-right: solid 1px rgb(205, 212, 224);
                }
                #calendar_wrapper{
                    border: solid 1px rgb(205, 212, 224);
                }


                .fc-unthemed .fc-content,
                .fc-unthemed .fc-divider,
                .fc-unthemed .fc-list-heading td,
                .fc-unthemed .fc-list-view,
                .fc-unthemed .fc-popover,
                .fc-unthemed .fc-row,
                .fc-unthemed tbody,
                .fc-unthemed td,
                .fc-unthemed th,
                .fc-unthemed thead {
                    border-color: rgb(205, 212, 224);
                }

                .calendarViewDatesTutorGroup table,
                .calendarAddDaysCl table,
                .bookingCalendarByUser table,
                .myCalendarEvents table {
                    border-color:  rgb(205, 212, 224);
                }

                .calendarViewDatesTutorGroup .fc-widget-header,
                .calendarAddDaysCl .fc-widget-header,
                .bookingCalendarByUser .fc-widget-header,
                .myCalendarEvents .fc-widget-header,
                .calendarViewDatesTutorGroup table .fc-head table thead tr th,
                .calendarAddDaysCl table .fc-head table thead tr th,
                .bookingCalendarByUser table .fc-head table thead tr th,
                .myCalendarEvents table .fc-head table thead tr th{
                    border-color:  rgb(205, 212, 224);
                }
                .calendarViewDatesTutorGroup table .fc-head,
                .calendarAddDaysCl table .fc-head,
                .bookingCalendarByUser table .fc-head,
                .myCalendarEvents table .fc-head{
                    border-color:  rgb(205, 212, 224);
                }

                .calendarViewDatesTutorGroup table .fc-body .fc-widget-content,
                .calendarAddDaysCl table .fc-body .fc-widget-content,
                .bookingCalendarByUser table .fc-body .fc-widget-content,
                .myCalendarEvents table .fc-body .fc-widget-content{
                    border-color:  rgb(205, 212, 224);
                }

                .calendarViewDatesTutorGroup table .fc-body tbody tr td,
                .calendarAddDaysCl table .fc-body tbody tr td,
                .bookingCalendarByUser table .fc-body tbody tr td,
                .myCalendarEvents table .fc-body tbody tr td{
                    border-color: rgb(205, 212, 224) ;
                }

                .calendarViewDatesTutorGroup table .fc-body tbody tr,
                .calendarAddDaysCl table .fc-body tbody tr,
                .bookingCalendarByUser table .fc-body tbody tr,
                .myCalendarEvents table .fc-body tbody tr{
                    border-color: rgb(205, 212, 224) ;
                }

                .calendarViewDatesTutorGroup .fc-list-table  tbody tr {
                    border-bottom: solid 1px rgb(205, 212, 224);
                }

                #cal-week-box{
                    border: 1px solid rgb(205, 212, 224) !important;
                }

            
                .calendarAddDaysCl .fc-body table tbody tr td.fc-axis,
                .calendarAddDaysCl .fc-body table tbody tr td{
                    border:solid 1px rgb(230, 239, 255) !important;
                }

                .myCalendarEvents .fc-body table tbody tr td.fc-axis,
                .myCalendarEvents .fc-body table tbody tr td{
                    border:solid 1px rgb(230, 239, 255) !important;
                }

            
                .datetimepicker-years .table-condensed thead tr th:hover,
                .datetimepicker-years .table-condensed tbody tr td .year:hover,
                .datetimepicker-months .table-condensed thead tr th:hover,
                .datetimepicker-months .table-condensed tbody tr td .month:hover,
                .datetimepicker-days .table-condensed thead tr th:hover,
                .datetimepicker-days .table-condensed tbody tr td:hover,
                .datetimepicker-hours .table-condensed thead tr th:hover,
                .datetimepicker-hours .table-condensed tbody tr td .hour:hover,
                .datetimepicker-minutes .table-condensed thead tr th:hover,
                .datetimepicker-minutes .table-condensed tbody tr td .minute:hover{
                    background-color: rgb(254, 254, 255) !important;
                }



                .datepicker-centuries .table-condensed thead tr th:hover,
                .datepicker-decades .table-condensed thead tr th:hover,
                .datepicker-years .table-condensed thead tr th:hover,
                .datepicker-months .table-condensed thead tr th:hover,
                .datepicker-days .table-condensed thead tr th:hover{
                    background-color: rgb(254, 254, 255) !important;
                }
                .datepicker-centuries .table-condensed tbody tr td .century:hover,
                .datepicker-decades .table-condensed tbody tr td .decade:hover,
                .datepicker-years .table-condensed tbody tr td .year:hover,
                .datepicker-months .table-condensed tbody tr td .month:hover,
                .datepicker-days .table-condensed tbody tr td:hover{
                    background-color: rgb(254, 254, 255) !important;
                }


                .panel-body-calendar .cal-row-head:hover{
                    background-color: transparent !important;
                }
                .panel-body-calendar .cal-row-head .cal-cell1:hover{
                    background-color: rgb(254, 254, 255) !important;
                }


                .panel-body-calendar .cal-row-fluid:hover{
                    background-color: transparent !important;
                }
                .panel-body-calendar .cal-row-fluid .cal-cell1:hover{
                    background-color: rgb(254, 254, 255) !important;
                }

                .myPersonalCalendar .cal-month-box .cal-row-fluid:hover{
                    background-color: transparent !important;
                }
                .myPersonalCalendar .cal-month-box .cal-row-fluid .cal-cell1:hover{
                    background-color: rgb(254, 254, 255) !important;
                }

                .myPersonalCalendar .cal-year-box .row-fluid:hover,
                .myPersonalCalendar .cal-week-box .row-fluid:hover,
                #cal-day-box .row-fluid:hover{
                    background-color: transparent !important;
                }
                .myPersonalCalendar .cal-year-box .row-fluid div:hover,
                .myPersonalCalendar .cal-week-box .row-fluid div:hover,
                #cal-day-box .row-fluid div:hover{
                    background-color: rgb(254, 254, 255) !important;
                }

            
                .datetimepicker-years .table-condensed thead tr th:hover,
                .datetimepicker-years .table-condensed tbody tr td .year:hover,
                .datetimepicker-months .table-condensed thead tr th:hover,
                .datetimepicker-months .table-condensed tbody tr td .month:hover,
                .datetimepicker-days .table-condensed thead tr th:hover,
                .datetimepicker-days .table-condensed tbody tr td:hover,
                .datetimepicker-hours .table-condensed thead tr th:hover,
                .datetimepicker-hours .table-condensed tbody tr td .hour:hover,
                .datetimepicker-minutes .table-condensed thead tr th:hover,
                .datetimepicker-minutes .table-condensed tbody tr td .minute:hover{
                    color: rgb(52, 71, 103) !important;
                }



                .datepicker-centuries .table-condensed thead tr th:hover,
                .datepicker-decades .table-condensed thead tr th:hover,
                .datepicker-years .table-condensed thead tr th:hover,
                .datepicker-months .table-condensed thead tr th:hover,
                .datepicker-days .table-condensed thead tr th:hover{
                    color: rgb(52, 71, 103) !important;
                }
                .datepicker-centuries .table-condensed tbody tr td .century:hover,
                .datepicker-decades .table-condensed tbody tr td .decade:hover,
                .datepicker-years .table-condensed tbody tr td .year:hover,
                .datepicker-months .table-condensed tbody tr td .month:hover,
                .datepicker-days .table-condensed tbody tr td:hover{
                    color: rgb(52, 71, 103) !important;
                }


                .panel-body-calendar .cal-row-head .cal-cell1:hover,
                .panel-body-calendar .cal-month-box .cal-cell1:hover div{
                    color: rgb(52, 71, 103) !important;
                }


                .myPersonalCalendar .cal-cell1:hover div,
                .myPersonalCalendar .cal-cell:hover span{
                    color: rgb(52, 71, 103) !important;
                }

            
                .datetimepicker table tr td span.active:active,
                .datetimepicker table tr td span.active:hover:active,
                .datetimepicker table tr td span.active.disabled:active,
                .datetimepicker table tr td span.active.disabled:hover:active,
                .datetimepicker table tr td span.active.active,
                .datetimepicker table tr td span.active:hover.active,
                .datetimepicker table tr td span.active.disabled.active,
                .datetimepicker table tr td span.active.disabled:hover.active{
                    background-image: none !important;
                    background-color: rgb(70, 87, 114) !important;
                }

                .datepicker table tr td.active:active,
                .datepicker table tr td.active.highlighted:active,
                .datepicker table tr td.active.active,
                .datepicker table tr td.active.highlighted.active{
                    background-image: none !important;
                    background-color: rgb(70, 87, 114) !important;
                }

                .datetimepicker table tr td.active:active,
                .datetimepicker table tr td.active:hover:active,
                .datetimepicker table tr td.active.disabled:active,
                .datetimepicker table tr td.active.disabled:hover:active,
                .datetimepicker table tr td.active.active,
                .datetimepicker table tr td.active:hover.active,
                .datetimepicker table tr td.active.disabled.active,
                .datetimepicker table tr td.active.disabled:hover.active{
                    background-image: none !important;
                    background-color: rgb(70, 87, 114) !important;
                }

                .datepicker table tr td span.active:active,
                .datepicker table tr td span.active:hover:active,
                .datepicker table tr td span.active.disabled:active,
                .datepicker table tr td span.active.disabled:hover:active,
                .datepicker table tr td span.active.active,
                .datepicker table tr td span.active:hover.active,
                .datepicker table tr td span.active.disabled.active,
                .datepicker table tr td span.active.disabled:hover.active {
                    color: #fff;
                    background-color: rgb(70, 87, 114) !important;
                    border-color: rgb(70, 87, 114) !important;
                }


                .cal-day-holiday span[data-cal-date]{
                    background-color:rgb(70, 87, 114) !important;
                }

                .cal-day-today span[data-cal-date]{
                    background-color: transparent !important;
                    border: solid 1px rgb(70, 87, 114) !important;
                }

            
                .cal-day-outmonth,
                .datetimepicker table tr td.old,
                .datetimepicker table tr td.new,
                .datepicker table tr td.old,
                .datepicker table tr td.new{
                    background-color: rgb(250, 251, 252) !important;
                }
            
                .datetimepicker table tr td span.active:active,
                .datetimepicker table tr td span.active:hover:active,
                .datetimepicker table tr td span.active.disabled:active,
                .datetimepicker table tr td span.active.disabled:hover:active,
                .datetimepicker table tr td span.active.active,
                .datetimepicker table tr td span.active:hover.active,
                .datetimepicker table tr td span.active.disabled.active,
                .datetimepicker table tr td span.active.disabled:hover.active{
                    color: rgb(255, 255, 255) !important;
                }

                .datepicker table tr td.active:active,
                .datepicker table tr td.active.highlighted:active,
                .datepicker table tr td.active.active,
                .datepicker table tr td.active.highlighted.active{
                    color: rgb(255, 255, 255) !important;
                }

                .datetimepicker table tr td.active:active,
                .datetimepicker table tr td.active:hover:active,
                .datetimepicker table tr td.active.disabled:active,
                .datetimepicker table tr td.active.disabled:hover:active,
                .datetimepicker table tr td.active.active,
                .datetimepicker table tr td.active:hover.active,
                .datetimepicker table tr td.active.disabled.active,
                .datetimepicker table tr td.active.disabled:hover.active{
                    color: rgb(255, 255, 255) !important;
                }

                .datepicker table tr td span.active:active,
                .datepicker table tr td span.active:hover:active,
                .datepicker table tr td span.active.disabled:active,
                .datepicker table tr td span.active.disabled:hover:active,
                .datepicker table tr td span.active.active,
                .datepicker table tr td span.active:hover.active,
                .datepicker table tr td span.active.disabled.active,
                .datepicker table tr td span.active.disabled:hover.active {
                    color: rgb(255, 255, 255) !important;
                }

                .datepicker table tr td span.focused:active,
                .datepicker table tr td span.focused:hover:active,
                .datepicker table tr td span.focused.disabled:active,
                .datepicker table tr td span.focused.disabled:hover:active,
                .datepicker table tr td span.focused {
                    color: rgb(255, 255, 255) !important;
                }

                .cal-day-holiday span[data-cal-date],
                .cal-day-holiday span[data-cal-date]:hover,
                .cal-day-holiday span[data-cal-date]:focus{
                    color: rgb(255, 255, 255) !important;
                }

            

                .ContentLeftNav, #collapseTools{
                    background: rgb(248, 249, 250);
                }

            

                @media(max-width:991px){
                    .ContentLeftNav, #collapseTools{
                        background: rgb(255, 255, 255);
                    }
                }

            

                #portfolio_lessons tbody tr{
                    background-color: rgb(255, 255, 255);
                }
                #portfolio_collaborations tbody tr{
                    background-color: rgb(255, 255, 255);
                }

                .table-default tbody tr td,
                .announcements_table tbody tr td,
                table.dataTable tbody tr td,
                .table-default tbody tr th,
                .announcements_table tbody tr th,
                table.dataTable tbody tr th {
                    background-color: rgb(255, 255, 255);
                }

                thead,
                .title1 {
                    background-color: rgb(255, 255, 255);
                }

                .row-course:hover td:first-child, .row-course:hover td:last-child{
                    background-color: rgb(255, 255, 255);
                }

                table.dataTable.display tbody tr.odd,
                table.dataTable.display tbody tr.odd > .sorting_1,
                table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
                table.dataTable.display tbody tr.even > .sorting_1,
                table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
                    background-color: rgb(255, 255, 255) !important;
                }

                table.dataTable tbody tr {
                    background-color: rgb(255, 255, 255) !important;
                }

                .table-exercise-secondary {
                    background-color: rgb(255, 255, 255) ;
                }
                .table-exercise td, .table-exercise th {
                    background-color: transparent;
                }

                .user-details-exec{
                    background-color: rgb(255, 255, 255);
                }

                .border-bottom-table-head{
                    background-color: rgb(255, 255, 255) !important;
                }

            
                .table-default tbody tr{
                    border-bottom: solid 1px rgb(205, 212, 224) !important;
                }
                table.dataTable tbody td{
                    border-bottom: solid 1px rgb(205, 212, 224) !important;
                }
                table.dataTable.no-footer {
                    border-bottom: 1px solid rgb(205, 212, 224) !important;
                }
                .dataTables_wrapper.no-footer .dataTables_scrollBody {
                    border-bottom: 1px solid rgb(205, 212, 224) !important;
                }
                table.dataTable tfoot th, table.dataTable tfoot td {
                    border-top: 1px solid  rgb(205, 212, 224) !important;
                }
            
                .table-default tbody tr{
                   box-shadow: 0px 0 30px rgba(255, 255, 255, 0.01) !important;
                }
                table.dataTable.no-footer {
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0.01) !important;
                }
                .dataTables_wrapper.no-footer .dataTables_scrollBody {
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0.01) !important;
                }
                table.dataTable tfoot th, table.dataTable tfoot td {
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0.01) !important;
                }
            
                thead,
                tbody .list-header,
                tbody tr.header-pollAnswers,
                .border-bottom-table-head,
                thead tr.list-header td,
                tbody tr.list-header td,
                tbody tr.list-header th {
                    border-bottom: solid 2px rgb(104, 125, 163) !important;
                }
                table.dataTable thead th,
                table.dataTable thead td {
                    border-bottom: 1px solid rgb(104, 125, 163) !important;
                }
            
                .menu-popover.fade.show{
                    background: rgb(255, 255, 255);
                }
            
                .menu-popover.fade.show{
                    border: solid 1px rgb(205, 212, 224);
                }
            
                .menu-popover .list-group-item{
                    background-color: rgb(255, 255, 255);
                }
            
                .menu-popover .list-group-item{
                    color: rgb(52, 71, 103);
                }
            
                .menu-popover .list-group-item{
                    border-bottom: solid 1px rgb(205, 212, 224);
                }
            
                .menu-popover .list-group-item:hover{
                    background-color: rgb(235, 237, 239);
                }
            
                .menu-popover .list-group-item:hover{
                    color: rgb(52, 71, 103);
                }
            
                .menu-popover .list-group-item:has(.fa-xmark),
                .menu-popover .list-group-item:has(.fa-trash),
                .menu-popover .list-group-item:has(.fa-eraser),
                .menu-popover .list-group-item:has(.fa-times),
                .menu-popover .list-group-item:has(.fa-xmark) .fa::before,
                .menu-popover .list-group-item:has(.fa-trash) .fa::before,
                .menu-popover .list-group-item:has(.fa-eraser) .fa::before,
                .menu-popover .list-group-item:has(.fa-times) .fa::before,
                .menu-popover .list-group-item.warning-delete{
                    color: rgb(196, 70, 1) !important;
                }
            
                .mce-container,
                .mce-widget,
                .mce-widget *,
                .mce-reset {
                    background: rgb(255, 255, 255) !important;
                }
                .mce-window .mce-container-body {
                    background:  rgb(255, 255, 255) !important;
                  }
                  .mce-tab.mce-active {
                    background: rgb(255, 255, 255) !important;
                  }
                  .mce-tab {
                    background:  rgb(255, 255, 255) !important;
                  }
                  .mce-textbox {
                    background:  rgb(255, 255, 255) !important;
                  }
                  i.mce-i-checkbox {
                    background-image: -webkit-linear-gradient(top,#fff,rgb(255, 255, 255)) !important;
                  }
            
                .mce-panel {
                    border: solid 1px rgb(205, 212, 224) !important;
                }
            

                .mce-toolbar .mce-btn i {
                    color: rgb(52, 71, 103) !important;
                }

                .mce-menubtn span {
                    color: rgb(52, 71, 103) !important;
                }
                .mce-btn i {
                    text-shadow: 0px 0px rgb(52, 71, 103) !important;
                }

                .mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
                    color: rgb(52, 71, 103) !important;
                }

                .mce-caret {
                    border-top: 4px solid rgb(52, 71, 103) !important;
                }

                .mce-toolbar .mce-btn i.mce-i-none{
                    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='15' viewBox='0 0 384 512' fill='%23000'%3e%3cpath fill='rgb(52, 71, 103)' d='M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z'/%3e%3c/svg%3E") center / 1em auto no-repeat !important;
                }

            
              .container-items::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }

              .container-items-footer::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }

              .testimonial.slick-slide.slick-current.slick-active.slick-center .testimonial-body::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }

              .contextual-menu::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }

              .course-content::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }

              .panel-body::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }

              .table-responsive::-webkit-scrollbar-track,
              .dataTables_wrapper::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }

              .chat-iframe::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }

              .jsmind-inner::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }

              .bodyChat::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }

              .calendarViewDatesTutorGroup table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-track,
              .calendarAddDaysCl table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-track,
              .bookingCalendarByUser table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-track,
              .myCalendarEvents table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }

              #blog_tree::-webkit-scrollbar-track {
                background-color: rgb(255, 255, 255);
              }
            

              .container-items::-webkit-scrollbar-thumb{
                background: rgb(180, 190, 209);
              }

              .container-items-footer::-webkit-scrollbar-thumb{
                background: rgb(180, 190, 209);
              }

              .testimonial.slick-slide.slick-current.slick-active.slick-center .testimonial-body::-webkit-scrollbar-thumb {
                background-color: rgb(180, 190, 209);
              }

              .contextual-menu::-webkit-scrollbar-thumb {
                background-color: rgb(180, 190, 209);
              }

              .course-content::-webkit-scrollbar-thumb {
                background-color: rgb(180, 190, 209);
              }

              .panel-body::-webkit-scrollbar-thumb {
                background-color: rgb(180, 190, 209);
              }

              .table-responsive::-webkit-scrollbar-thumb,
              .dataTables_wrapper::-webkit-scrollbar-thumb {
                background-color: rgb(180, 190, 209);
              }

              .chat-iframe::-webkit-scrollbar-thumb {
                background-color: rgb(180, 190, 209);
              }

              .jsmind-inner::-webkit-scrollbar-thumb {
                background-color: rgb(180, 190, 209);
              }

              .bodyChat::-webkit-scrollbar-thumb {
                background-color: rgb(180, 190, 209);
              }

              .calendarViewDatesTutorGroup table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-thumb,
              .calendarAddDaysCl table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-thumb,
              .bookingCalendarByUser table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-thumb,
              .myCalendarEvents table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-thumb {
                 background-color: rgb(180, 190, 209);
              }

              #blog_tree::-webkit-scrollbar-thumb {
                background-color: rgb(180, 190, 209);
              }


            

              .container-items::-webkit-scrollbar-thumb:hover{
                background: rgb(180, 190, 209);
              }

              .container-items-footer::-webkit-scrollbar-thumb:hover{
                background: rgb(180, 190, 209);
              }

              .testimonial.slick-slide.slick-current.slick-active.slick-center .testimonial-body::-webkit-scrollbar-thumb:hover {
                background-color: rgb(180, 190, 209);
              }

              .contextual-menu::-webkit-scrollbar-thumb:hover {
                background-color: rgb(180, 190, 209);
              }

              .course-content::-webkit-scrollbar-thumb:hover {
                background-color: rgb(180, 190, 209);
              }

              .panel-body::-webkit-scrollbar-thumb:hover {
                background-color: rgb(180, 190, 209);
              }

              .table-responsive::-webkit-scrollbar-thumb:hover,
              .dataTables_wrapper::-webkit-scrollbar-thumb:hover {
                background-color: rgb(180, 190, 209);
              }

              .chat-iframe::-webkit-scrollbar-thumb:hover {
                background-color: rgb(180, 190, 209);
              }

              .jsmind-inner::-webkit-scrollbar-thumb:hover {
                background-color: rgb(180, 190, 209);
              }

              .bodyChat::-webkit-scrollbar-thumb:hover {
                background-color: rgb(180, 190, 209);
              }


              .calendarViewDatesTutorGroup table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-thumb:hover,
              .calendarAddDaysCl table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-thumb:hover,
              .bookingCalendarByUser table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-thumb:hover,
              .myCalendarEvents table .fc-body .fc-widget-content .fc-scroller::-webkit-scrollbar-thumb:hover{
                    background-color: rgb(180, 190, 209);
              }

              #blog_tree::-webkit-scrollbar-thumb:hover {
                background-color: rgb(180, 190, 209);
              }

            
                .progress-circle-bar{
                    --size: 9rem;
                    --fg: rgb(104, 125, 163);
                    --bg: rgb(232, 232, 232);
                    --pgPercentage: var(--value);
                    animation: growProgressBar 3s 1 forwards;
                    width: var(--size);
                    height: var(--size);
                    border-radius: 50%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background:
                        radial-gradient(closest-side, rgb(255, 255, 255) 80%, transparent 0 99.9%, rgb(255, 255, 255) 0),
                        conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
                        ;
                    font-weight: 700; font-style: normal;
                    font-size: calc(var(--size) / 5);
                    color: var(--fg);

                }

                .progress-bar {
                    background-color: rgb(104, 125, 163);
                }

                .progress-line{
                    background-color: rgb(232, 232, 232);
                }
                .progress-line-bar{
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    overflow: hidden;
                    color: rgb(232, 232, 232);
                    text-align: center;
                    white-space: nowrap;
                    background-color: rgb(104, 125, 163);
                }
            
                .tooltip.fade.show *{
                    background-color: rgb(104, 125, 163);

                }
            
                .tooltip.fade.show *{
                    color: rgb(255, 255, 255);

                }
            
                .alert-info {
                    background-color:rgb(0, 175, 221);
                }
            
                .alert-info,
                .alert-info h1,
                .alert-info h2,
                .alert-info h3,
                .alert-info h4,
                .alert-info h5,
                .alert-info h6,
                .alert-info div,
                .alert-info small,
                .alert-info span,
                .alert-info p,
                .alert-info b,
                .alert-info strong,
                .alert-info li,
                .alert-info label{
                    color: rgb(15, 15, 15) !important;
                }

                .alert-info .btn-close{
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill='rgb(15, 15, 15)' d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3E");
                    background-repeat: no-repeat;
                    background-position: right 0.75rem center;
                    background-size: 16px 12px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                }
            
                .alert-warning {
                    background-color:rgb(255, 226, 168);
                }
            
                .alert-warning,
                .alert-warning h1,
                .alert-warning h2,
                .alert-warning h3,
                .alert-warning h4,
                .alert-warning h5,
                .alert-warning h6,
                .alert-warning div,
                .alert-warning small,
                .alert-warning span,
                .alert-warning p,
                .alert-warning b,
                .alert-warning strong,
                .alert-warning li,
                .alert-warning label{
                    color: rgb(137, 97, 16) !important;
                }

                .alert-warning .btn-close{
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill='rgb(137, 97, 16)' d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3E");
                    background-repeat: no-repeat;
                    background-position: right 0.75rem center;
                    background-size: 16px 12px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                }
            
                .alert-success {
                    background-color:rgb(30, 126, 14);
                }
            
                .alert-success,
                .alert-success h1,
                .alert-success h2,
                .alert-success h3,
                .alert-success h4,
                .alert-success h5,
                .alert-success h6,
                .alert-success div,
                .alert-success small,
                .alert-success span,
                .alert-success p,
                .alert-success b,
                .alert-success strong,
                .alert-success li,
                .alert-success label{
                    color: rgb(255, 255, 255) !important;
                }

                .alert-success .btn-close{
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill='rgb(255, 255, 255)' d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3E");
                    background-repeat: no-repeat;
                    background-position: right 0.75rem center;
                    background-size: 16px 12px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                }
            
                .alert-danger {
                    background-color:rgb(173, 0, 32);
                }
            
                .alert-danger,
                .alert-danger h1,
                .alert-danger h2,
                .alert-danger h3,
                .alert-danger h4,
                .alert-danger h5,
                .alert-danger h6,
                .alert-danger div,
                .alert-danger small,
                .alert-danger span,
                .alert-danger p,
                .alert-danger b,
                .alert-danger strong,
                .alert-danger li,
                .alert-danger label{
                    color: rgb(254, 254, 254) !important;
                }

                .alert-danger .btn-close{
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill='rgb(254, 254, 254)' d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3E");
                    background-repeat: no-repeat;
                    background-position: right 0.75rem center;
                    background-size: 16px 12px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                }
            

                a, .toolAdminText{
                    color: rgb(70, 87, 114);
                }


                .myCalendarEvents .fc-header-toolbar .fc-right .fc-agendaWeek-button.fc-state-active,
                .myCalendarEvents .fc-header-toolbar .fc-right .fc-agendaDay-button.fc-state-active{
                    background:rgb(70, 87, 114) !important;
                }

                .Primary-600-cl,
                .Primary-500-cl {
                    color: rgb(70, 87, 114);
                }

                .Primary-500-bg {
                    background-color:  rgb(70, 87, 114);
                }

                .menu-item.active,
                .menu-item.active2{
                    color:  rgb(70, 87, 114);
                }

                .portfolio-tools a{
                    color: rgb(70, 87, 114);
                }

                .nav-link-adminTools{
                    color: rgb(70, 87, 114);
                }

                #cal-slide-content a.event-item{
                    color: rgb(70, 87, 114) !important;
                }

                .dataTables_paginate.paging_simple_numbers span .paginate_button,
                .dataTables_paginate.paging_full_numbers span .paginate_button{
                    color: rgb(70, 87, 114) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.current,
                .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                    color: rgb(70, 87, 114) !important;
                    background: transparent !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
                .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
                .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
                    color: rgb(70, 87, 114) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                    color: rgb(70, 87, 114) !important;
                    background: transparent !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                    background: transparent !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
                .dataTables_wrapper .dataTables_paginate .paginate_button.last:hover{
                    color: rgb(70, 87, 114) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover,
                .dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled:hover{
                    color: rgb(70, 87, 114) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
                .dataTables_wrapper .dataTables_paginate .paginate_button.first:hover{
                    color: rgb(70, 87, 114) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover,
                .dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled:hover{
                    color: rgb(70, 87, 114) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
                .dataTables_wrapper .dataTables_paginate .paginate_button.first {
                    color: rgb(70, 87, 114) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.next,
                .dataTables_wrapper .dataTables_paginate .paginate_button.last{
                    color: rgb(70, 87, 114) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
                    color: rgb(70, 87, 114) !important;
                }

                .commentPress:hover{
                    color: rgb(70, 87, 114);
                }

                #cal-slide-content a.event-item {
                    color: rgb(70, 87, 114) !important;
                }

                .tree-units summary::before,
                .tree-sessions summary::before{
                    background: rgb(70, 87, 114) url(https://training.mgenz.eu//resources/img/units-expand-collapse.svg) 0 0;
                }

                .more-enabled-login-methods div{
                    color: rgb(70, 87, 114);
                }

                .ClickCourse,
                .ClickCourse:hover{
                    color: rgb(70, 87, 114);
                }

                .carousel-prev-btn,
                .carousel-prev-btn:hover,
                .carousel-next-btn,
                .carousel-next-btn:hover{
                    color: rgb(70, 87, 114);
                }

                .link-color{
                    color: rgb(70, 87, 114);
                }

                .appIcon span{
                   color: rgb(70, 87, 114);
                }

            
                a:hover, a:focus{
                    color: rgba(70, 87, 114, 0.83);
                }

                #btn-search:hover, #btn-search:focus{
                    color: rgba(70, 87, 114, 0.83);
                }

                .portfolio-tools a:hover{
                    color: rgba(70, 87, 114, 0.83);
                }

                .nav-link-adminTools:hover{
                    color: rgba(70, 87, 114, 0.83);
                }

                .link-color:hover,
                .link-color:focus{
                    color: rgba(70, 87, 114, 0.83);
                }

                .appIcon:hover{
                    background-color: rgba(70, 87, 114, 0.83);
                }

            
                .link-delete,
                .link-delete:hover,
                .link-delete:focus{
                    color: rgb(196, 70, 1);
                }
            
                .alert-info a{
                    color: rgb(15, 15, 15);
                    font-weight: 700;
                    text-decoration: underline;
                }
            
                .alert-info a:hover,
                .alert-info a:focus{
                    color: rgba(15, 15, 15, 0.4);
                }
            
                .alert-warning a{
                    color: rgb(137, 97, 16);
                    font-weight: 700;
                    text-decoration: underline;
                }
            
                .alert-warning a:hover,
                .alert-warning a:focus{
                    color: rgb(255, 240, 209);
                }
            
                .alert-success a{
                    color: rgb(255, 255, 255);
                    font-weight: 700;
                    text-decoration: underline;
                }
            
                .alert-success a:hover,
                .alert-success a:focus{
                        color: rgb(199, 255, 190);
                }
            
                .alert-danger a{
                    color: rgb(255, 255, 255);
                    font-weight: 700;
                    text-decoration: underline;
                }
            
                .alert-danger a:hover,
                .alert-danger a:focus{
                        color: rgb(255, 181, 194);
                }
            
                .toolSidebarTxt{
                    color: rgb(52, 71, 103);
                }
            
                #leftnav .panel a.parent-menu{
                    color: rgb(70, 87, 114);
                }

                #leftnav .panel a.parent-menu span{
                    color: rgb(70, 87, 114);
                }

                #leftnav .panel a.parent-menu .Tools-active-deactive{
                    color: rgb(70, 87, 114);
                }

                #collapse-left-menu-icon path{
                    fill: rgb(70, 87, 114) !important;
                }

            
                #leftnav .panel .panel-sidebar-heading:hover{
                    color: rgba(70, 87, 114, 0.84);
                }

                #leftnav .panel .panel-sidebar-heading:hover span{
                    color: rgba(70, 87, 114, 0.84);
                }

                #leftnav .panel .panel-sidebar-heading:hover .Tools-active-deactive{
                    color: rgba(70, 87, 114, 0.84);
                }
            
                .contextual-sidebar .list-group-item, .menu_btn_button .fa-bars{
                    color: rgb(52, 71, 103);
                }
            
                .contextual-sidebar .list-group-item:hover{
                    color:rgb(52, 71, 103);
                }
            
                .contextual-sidebar .list-group-item:hover{
                    background-color:rgb(235, 237, 239);
                }
            
                .contextual-sidebar .list-group-item.active {
                    background-color: rgb(232, 237, 248);
                }
            
                .contextual-sidebar .list-group-item.active {
                    color: rgb(52, 71, 103);
                }
            
                .homepage-annnouncements-container{
                    background: linear-gradient(105deg, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 60%);
                }

            
                .homepage-annnouncements-container .list-group-item.element{
                    background-color: rgb(255, 255, 255);
                }

            
                .homepage-annnouncements-container .list-group-item.element{
                    border-bottom: solid 1px rgb(239, 242, 251);
                }

                .homepage-annnouncements-container .list-group-item.element:last-child{
                    border-bottom: none;
                }

            
                .homepage-annnouncements-container a,
                .homepage-annnouncements-container .list-group-item.element a{
                    color:  rgb(70, 87, 114);
                }

            
                .homepage-annnouncements-container a:hover,
                .homepage-annnouncements-container a:focus,
                .homepage-annnouncements-container .list-group-item.element a:hover,
                .homepage-annnouncements-container .list-group-item.element a:focus{
                    color:  rgba(70, 87, 114, 0.84);
                }

            
                .homepage-annnouncements-container .card h3,
                .homepage-annnouncements-container .card .text-heading-h3,
                .homepage-annnouncements-container .card .text-content,
                .homepage-annnouncements-container .card .truncate-announcement *{
                    color: rgb(43, 57, 68);
                }

            
                .card-announcement-date {
                    background-color: rgb(239, 242, 251) !important;
                    border: solid 1px rgb(239, 242, 251);
                }
            
                .card-announcement-date * {
                    color: rgb(0, 0, 0);
                }
            
                .homepage-statistics-container{
                    background: linear-gradient(105deg, rgb(248, 249, 250) 40%, rgb(248, 249, 250) 60%);
                }

            
                .homepage-statistics-container .card-header h3,
                .homepage-statistics-container .card-header .text-heading-h3{
                    color: rgb(43, 57, 68);
                }

            
                .homepage-popoular-courses-container{
                    background: linear-gradient(105deg, rgb(248, 249, 250) 40%, rgb(248, 249, 250) 60%);
                }

            
                .homepage-popoular-courses-container .card-header h3,
                .homepage-popoular-courses-container .card-header .text-heading-h3{
                    color: rgb(43, 57, 68);
                }

            
                .homepage-texts-container{
                    background: linear-gradient(105deg, rgb(248, 249, 250) 40%, rgb(248, 249, 250) 60%);
                }

            
                .homepage-texts-container *{
                    color: rgb(43, 57, 68);
                }

            
                .portfolio-courses-container {
                    background-color:rgba(248, 249, 250, 0);
                }
            
                .col_maincontent_active {
                    background-color:rgb(248, 249, 250);
                }

                @media(max-width:991px){
                    .module-container:has(.course-wrapper){
                        background-color:rgb(248, 249, 250);
                    }
                }
            
                @media(min-width:992px){
                    .col_maincontent_active {
                        border-left: solid 1px rgb(205, 212, 224);
                    }

                    .col_maincontent_active.search-content {
                        border-left: none;
                    }
                }

            

                .panel-action-btn-default,
                .panel-primary,
                .panel-success,
                .panel-default,
                .panel-info,
                .panel-danger,
                .panel-admin,
                .card,
                .user-info-card,
                .panelCard,
                .cardLogin,
                .statistics-card,
                .bodyChat{
                    background-color:rgb(255, 255, 255) ;
                }

                .wallWrapper{
                    background-color:rgb(255, 255, 255) !important;
                }

                .testimonials .testimonial {
                    background: rgb(255, 255, 255) ;
                }

                /* active testimonial */
                .testimonial.slick-slide.slick-current.slick-active.slick-center{
                    background-color: rgb(255, 255, 255) ;
                }

                #lti_label{
                    background-color: rgb(255, 255, 255) ;
                }

                #jsmind_container {
                    background: rgb(255, 255, 255) !important;
                }

                .card-transparent,
                .card-transparent .card-header,
                .card-transparent .card-body,
                .card-transparent .card-footer,
                .card-transparent .panel-heading,
                .card-transparent .panel-body,
                .card-transparent .panel-footer{
                    background-color: transparent ;
                }

                .panel-default .panel-heading,
                .panel-action-btn-default .panel-heading {
                    background: rgb(255, 255, 255);
                }

                .card-affixed{
                    background-color: rgb(255, 255, 255) !important;
                }

            

                .user-info-card,
                .form-homepage-login,
                .panelCard,
                .cardLogin,
                .border-card,
                .statistics-card,
                .panel-success,
                .panel-admin,
                .panel-default,
                .panel-danger,
                .panel-primary,
                .panel-info,
                .panel-action-btn-default{
                    border: solid 1px rgb(205, 212, 224);
                }

                .panelCard.border-card-left-default {
                    border-left: solid 7px rgb(205, 212, 224);
                }

                .border-top-default{
                    border-top: solid 1px rgb(205, 212, 224);
                    border-left: none;
                    border-right: none;
                    border-bottom: none;
                }

                .BorderSolidDes{
                    border: solid 1px rgb(205, 212, 224);
                }

                .wallWrapper{
                    border: solid 1px rgb(205, 212, 224) !important;
                }

                .testimonials .testimonial {
                    border: solid 1px rgb(205, 212, 224) ;
                }

                /* active testimonial */
                .testimonial.slick-slide.slick-current.slick-active.slick-center{
                    border: solid 1px rgb(205, 212, 224) ;
                }

                #lti_label{
                    border: solid 1px rgb(205, 212, 224) !important;
                }

                #jsmind_container {
                    border: solid 1px rgb(205, 212, 224) !important;
                }

                .panel-default .panel-heading,
                .panel-action-btn-default .panel-heading {
                    border: none;
                }

                .panel-default:has(.panel-heading) {
                    border: solid 1px rgb(205, 212, 224);
                }

                .panel-default:not(:has(.panel-heading)){
                    border: solid 1px rgb(205, 212, 224);
                }

                .card-affixed{
                    border: solid 1px rgb(205, 212, 224);
                }


            
                .panel-action-btn-default,
                .panel-primary,
                .panel-success,
                .panel-default,
                .panel-info,
                .panel-danger,
                .panel-admin,
                .card,
                .user-info-card,
                .panelCard,
                .cardLogin,
                .statistics-card,
                .bodyChat{
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0);
                }

                .wallWrapper{
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0) !important;
                }

                .testimonials .testimonial {
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0);
                }

                /* active testimonial */
                .testimonial.slick-slide.slick-current.slick-active.slick-center{
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0);
                }

                #lti_label{
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0);
                }

                #jsmind_container {
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0) !important;
                }

                .panel-default .panel-heading,
                .panel-action-btn-default .panel-heading {
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0);
                }

                .card-affixed{
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0) !important;
                }

                .panelCard-comments,
                .panelCard-questionnaire,
                .cardReports,
                .panelCard-exercise{
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0) !important;
                }


                .card-transparent,
                .card-transparent .card-header,
                .card-transparent .card-body,
                .card-transparent .card-footer,
                .card-transparent .panel-heading,
                .card-transparent .panel-body,
                .card-transparent .panel-footer{
                   box-shadow: none !important;
                }
            
                .panelCard-comments{
                    background-color: rgb(255, 255, 255);
                }
            
                .panelCard-comments{
                    border: solid 1px rgb(205, 212, 224);
                }
            
                .panelCard-questionnaire,
                .cardReports{
                    background-color: rgb(255, 255, 255);
                }
            
                .panelCard-questionnaire,
                .cardReports{
                    border: solid 1px rgb(205, 212, 224);
                }
            
                .cardReports{
                    background-color: rgb(255, 255, 255);
                }
            
                .cardReports{
                    border: solid 1px rgb(205, 212, 224);
                }
            
                .panelCard-exercise{
                    background-color: rgb(255, 255, 255);
                }
            
                .panelCard-exercise{
                    border: solid 1px rgb(205, 212, 224);
                }
            
                .bodyChat{
                    background: none;
                    background-color: rgb(239, 247, 255);
                }

            
                .embed-responsive-item{
                    border: solid 1px rgb(205, 212, 224);
                }

            
                .bodyChat{
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0) !important;
                }

            
                .card-course-info{
                    background-color: rgb(255, 255, 255);
                }

            
                .card-course-info{
                    border: solid 1px rgb(205, 212, 224);
                }

            
                .card-course-info{
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0) !important;
                }

            
                .card-units,
                .card-sessions{
                    background-color: rgb(255, 255, 255);
                }

            
                .card-units,
                .card-sessions{
                    border: solid 1px rgb(205, 212, 224);
                }

            
                .card-units,
                .card-sessions{
                    box-shadow: 0px 0 30px rgba(255, 255, 255, 0) !important;
                }

            
                .notification-top-bar{
                    background: rgb(74, 89, 120);
                }

            
                .notification-top-bar .title-announcement,
                .notification-top-bar i.fa-bell{
                    color: rgb(255, 255, 255);
                }

            
                .notification-top-bar a{
                    color: rgb(255, 255, 255);
                }

            
                .notification-top-bar a:hover{
                    color: rgba(159, 186, 234, 0.88);
                }

            
                .badge.Success-200-bg{
                    background-color: rgb(30, 126, 14);
                }
            
                .badge.Success-200-bg *,
                .badge.Success-200-bg{
                    color: rgb(255, 255, 255);
                }
            
                .badge.Warning-200-bg{
                    background-color: rgb(245, 118, 0);
                }
            
                .badge.Warning-200-bg *,
                .badge.Warning-200-bg{
                    color: rgb(0, 0, 0);
                }
            
                .badge.Neutral-900-bg{
                    background-color: rgb(43, 57, 68);
                }
            
                .badge.Neutral-900-bg *,
                .badge.Neutral-900-bg{
                    color: rgb(255, 255, 255);
                }
            
                .badge.Primary-600-bg{
                    background-color: rgb(37, 70, 240);
                }
            
                .badge.Primary-600-bg *,
                .badge.Primary-600-bg{
                    color: rgb(255, 255, 255);
                }
            
                .badge.Accent-200-bg{
                    background-color: rgb(196, 70, 1);
                }
            
                .badge.Accent-200-bg *,
                .badge.Accent-200-bg{
                    color: rgb(255, 255, 255);
                }
            
                .ContentEclass,
                .main-container,
                .module-container{
                    background-color: rgb(248, 249, 250);
                }
            
                button:focus-visible,
                a:focus-visible,
                input:focus-visible,
                select:focus-visible,
                textarea:focus-visible{
                    outline: 0 !important;
                    box-shadow: none !important;
                    border: solid 1px rgb(183, 10, 10) !important;
                }

                .input-group:focus-within .input-group-text{
                    outline: 0 !important;
                    box-shadow: none !important;
                    border: solid 1px rgb(183, 10, 10) !important;
                    border-left: 0px !important;
                }
            
                #leftTOCtoggler,
                .prev-next-learningPath{
                    color:rgb(52, 71, 103);
                }

            
                .body-learning-path,
                .iframe-learningPath,
                .body-learningPath{
                    background-color:rgb(248, 249, 250);
                }
            
                .progress-circle-bar::before{
                    color: rgb(104, 125, 163);
                }