#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;
            }

        
                    body{
                        background: rgb(236, 236, 236) url('/courses/theme_data/151/pisw  cdsfdopy.jpg');background-size: 100% 100%;background-attachment: fixed;
                    }
                
                    .jumbotron.jumbotron-login{
                        background: radial-gradient(closest-corner at 30% 60%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url('/courses/theme_data/151/bacvbggbbbner copy.jpg');
                        border:0px;
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: left;
                    }
                
                @media(min-width:992px){
                    .jumbotron.jumbotron-login{
                        min-height: 270px;
                    }

                    .jumbotron.jumbotron-login:has(video){
                        height: 270px;
                    }
                }
            #openeclass-banner {display: none;}
                .text-danger,
                .Accent-200-cl,
                .label.label-danger{
                    color: rgb(224, 0, 6) !important;
                }
            
                .container-items .menu-item.active,
                .container-items .menu-item.active2 {
                    background-color: rgb(224, 0, 6);
                }
            
                .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(224, 0, 6);
                }

                .user-menu-btn:hover .user-name,
                .user-menu-btn:focus .user-name{
                    color: rgb(224, 0, 6);
                }

                .user-menu-btn:hover .fa-chevron-down,
                .user-menu-btn:focus .fa-chevron-down{
                    color: rgb(224, 0, 6);
                }

                .copyright:hover, .copyright:focus,
                .social-icon-tool:hover, .social-icon-tool:focus,
                .a_tools_site_footer:hover, .a_tools_site_footer:focus{
                    color: rgb(224, 0, 6);
                }

                #bgr-cheat-header .fa-magnifying-glass:hover,
                #bgr-cheat-header .fa-magnifying-glass:focus {
                    color: rgb(224, 0, 6);
                }

                @media(max-width:991px){
                    .header-login-text:hover,
                    .header-login-text:focus{
                        color:rgb(224, 0, 6);
                    }
                }

                .header-mobile-link:hover,
                .header-mobile-link:focus{
                    color:rgb(224, 0, 6);
                }

            

                .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, 252, 252);
                }
            
                #bgr-cheat-header{ box-shadow: 1px 2px 6px rgba(43,57,68,0.04); }
            

                .container-items-footer .menu-item:hover,
                .container-items-footer .menu-item:focus{
                    color: rgb(224, 0, 6);
                }

                .copyright:hover, .copyright:focus,
                .social-icon-tool:hover, .social-icon-tool:focus,
                .a_tools_site_footer:hover, .a_tools_site_footer:focus {
                    color: rgb(224, 0, 6);
                }


            
                .nav-tabs .nav-item .nav-link:hover{
                    color: rgb(224, 0, 6);
                }
            
                .nav-tabs .nav-item .nav-link.active{
                    color: rgb(224, 0, 6);
                    border-bottom: solid 2px rgb(224, 0, 6);
                }
            
                .group-section .list-group-item .accordion-btn:hover{
                    color: rgb(224, 0, 6);
                }
            
                .group-section .list-group-item .accordion-btn[aria-expanded='true'],
                .group-section .list-group-item .accordion-btn.showAll{
                    color: rgb(224, 0, 6);
                }
            

                .list-group-item.list-group-item-action a,
                .list-group-item.element a{
                    color: rgb(224, 0, 6);
                }

                .list-group-item.list-group-action a span,
                .list-group-item.element a span{
                    color: rgb(224, 0, 6);
                }

            

                .list-group-item.list-group-item-action a:hover,
                .list-group-item.element a:hover{
                    color: rgb(224, 0, 6);
                }

                .list-group-item.list-group-item-action a span:hover,
                .list-group-item.element a span:hover{
                    color: rgb(224, 0, 6);
                }

            
                .list-group-item.list-group-item-action,
                .list-group-item.element{
                    padding-left: 0px;
                    padding-right: 0px;
                }
            
                .submitAdminBtn,
                .cancelAdminBtn,
                .opencourses_btn {
                    color: rgb(224, 0, 6);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic {
                    color: rgb(224, 0, 6) !important;
                }

                .btn-outline-primary {
                    color: rgb(224, 0, 6);
                }

                .submitAdminBtn .fa-solid::before,
                .submitAdminBtn .fa-regular::before,
                .submitAdminBtn .fa-brands::before,
                .submitAdminBtn span.fa::before{
                    color: rgb(224, 0, 6);
                }

                .quickLink{
                    color: rgb(224, 0, 6);
                }

                .menu-popover{
                    color: rgb(224, 0, 6);
                }

                .bs-placeholder .filter-option .filter-option-inner-inner {
                    color: rgb(224, 0, 6) !important;
                }

                .showSettings{
                    color: rgb(224, 0, 6) !important;
                }

                .btn.btn-default {
                    color: rgb(224, 0, 6);
                }

                .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(224, 0, 6);
                }

                .pagination-glossary .page-item .page-link{
                    color: rgb(224, 0, 6) !important;
                }

                .showCoursesBars,
                .showCoursesBars:hover,
                .showCoursesBars:focus,
                .showCoursesPics,
                .showCoursesPics:hover,
                .showCoursesPics:focus{
                    color: rgb(224, 0, 6);
                }

                .mycourses-pagination .page-item .page-link {
                    color: rgb(224, 0, 6);
                }

                .btn.btn-secondary{
                    color: rgb(224, 0, 6);
                }

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

            
                .submitAdminBtn,
                .cancelAdminBtn,
                .opencourses_btn {
                    border-color: rgb(224, 0, 6);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic {
                    border-color: rgb(224, 0, 6) !important;
                }

                .btn-outline-primary {
                    border-color: rgb(224, 0, 6);
                }

                .quickLink{
                    border: solid 1px rgb(224, 0, 6);
                }

                .menu-popover{
                    border: solid 1px rgb(224, 0, 6);
                }

                .btn.btn-default {
                    border-color: rgb(224, 0, 6);
                }

                .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(224, 0, 6);
                }

                .pagination-glossary .page-item .page-link{
                    border-color: rgb(224, 0, 6);
                }

                .showSettings{
                    border-color: rgb(224, 0, 6) !important;
                }

                .mycourses-pagination .page-item .page-link {
                    border: solid 1px rgb(224, 0, 6);
                }

                .btn.btn-secondary{
                    border: solid 1px rgb(224, 0, 6);
                }

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

            
                .submitAdminBtn:hover,
                .cancelAdminBtn:hover,
                .opencourses_btn:hover,
                .submitAdminBtn:focus,
                .cancelAdminBtn:focus,
                .opencourses_btn:focus,
                .submitAdminBtn:active,
                .cancelAdminBtn:active,
                .opencourses_btn:active {
                    color: rgb(224, 0, 6);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover {
                    color: rgb(224, 0, 6) !important;
                }

                .btn-outline-primary:hover,
                .btn-outline-primary:focus{
                    color: rgb(224, 0, 6);
                }

                .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(224, 0, 6);
                }

                .quickLink:hover,
                .quickLink:hover .fa-solid,
                .quickLink:focus,
                .quickLink:focus .fa-solid,
                .quickLink:active,
                .quickLink:active .fa-solid{
                    color: rgb(224, 0, 6) !important;
                }

                .menu-popover:hover,
                .menu-popover:focus,
                .menu-popover:active{
                    color: rgb(224, 0, 6);
                }

                .bs-placeholder:hover .filter-option .filter-option-inner-inner {
                    color: rgb(224, 0, 6) !important;
                }

                .showSettings:hover{
                    color: rgb(224, 0, 6) !important;
                }

                .btn.btn-default:hover,
                .btn.btn-default:focus {
                    color: rgb(224, 0, 6);
                }

                .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(224, 0, 6);
                }

                .pagination-glossary .page-item:hover .page-link{
                    color: rgb(224, 0, 6) !important;
                }

                .mycourses-pagination .page-item .page-link:hover,
                .mycourses-pagination .page-item .page-link:focus {
                    color: rgb(224, 0, 6);
                }

                .btn.btn-secondary:hover,
                .btn.btn-secondary:focus{
                    color: rgb(224, 0, 6);
                }

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

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover {
                    border-color: rgb(224, 0, 6) !important;
                }

                .btn-outline-primary:hover,
                .btn-outline-primary:focus{
                    border-color: rgb(224, 0, 6);
                }

                .quickLink:hover,
                .quickLink:hover .fa-solid{
                    border-color: rgb(224, 0, 6);
                }

                .menu-popover:hover,
                .menu-popover:focus{
                    border: solid 1px rgb(224, 0, 6);
                }

                .showSettings:hover{
                    border-color: rgb(224, 0, 6);
                }

                .btn.btn-default:hover,
                .btn.btn-default:focus {
                    border-color: rgb(224, 0, 6);
                }

                .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(224, 0, 6);
                }

                .pagination-glossary .page-item:hover .page-link{
                    border-color: rgb(224, 0, 6);
                }

                .mycourses-pagination .page-item .page-link:hover,
                .mycourses-pagination .page-item .page-link:focus {
                    border: solid 1px rgb(224, 0, 6);
                }

                .btn.btn-secondary:hover,
                .btn.btn-secondary:focus{
                    border: solid 1px rgb(224, 0, 6);
                }

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

            
                .submitAdminBtn.active{
                    border-color: rgb(224, 0, 6);
                    background-color: rgb(224, 0, 6);
                }

                .login-form-submit{
                    border-color: rgb(224, 0, 6);
                    background-color: rgb(224, 0, 6);
                }

                .submitAdminBtnDefault,
                input[type=submit],
                button[type=submit]{
                    border-color: rgb(224, 0, 6);
                    background-color: rgb(224, 0, 6);
                }

                .submitAdminBtnClassic.active {
                    border-color: rgb(224, 0, 6) ;
                    background-color: rgb(224, 0, 6) ;
                }

                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn {
                    border-color: rgb(224, 0, 6) ;
                    background-color: rgb(224, 0, 6) ;
                }


                .carousel-indicators>button.active {
                    border-color: tranparent;
                    background-color: rgb(224, 0, 6);
                }


                .pagination-glossary .page-item.active .page-link {
                    background-color: rgb(224, 0, 6);
                    border-color: rgb(224, 0, 6);
                }

                .bootbox.show .modal-footer .submitAdminBtn,
                .modal.show .modal-footer .submitAdminBtn {
                    border-color: rgb(224, 0, 6);
                    background-color: rgb(224, 0, 6);
                }

                .btn.btn-primary{
                    background-color: rgb(224, 0, 6);
                    border-color: rgb(224, 0, 6);
                }

                .nav-link-adminTools.Neutral-900-cl.active{
                    background-color: rgb(224, 0, 6);
                }


                .searchGroupBtn{
                    background-color: rgb(224, 0, 6);
                }

                .wallWrapper:has(.submitAdminBtn) .submitAdminBtn{
                    background-color: rgb(224, 0, 6);
                    border-color: rgb(224, 0, 6);
                }

                .myProfileBtn{
                    background-color: rgb(224, 0, 6);
                    border-color: rgb(224, 0, 6);
                }

                .showCoursesBars.active,
                .showCoursesPics.active{
                    background-color: rgb(224, 0, 6);
                }

                .pagination-glossary .page-item.active .page-link{
                    background-color: rgb(224, 0, 6);
                    border-color: rgb(224, 0, 6);
                }

                .exist_event_session{
                    background-color: rgb(224, 0, 6) !important;
                    border-color: rgb(224, 0, 6) !important;
                }

                .list-group-upgrade .list-group-item.element.active{
                    background-color: rgb(224, 0, 6) !important;
                }

                .btnScrollToTop{
                    border-color: rgb(224, 0, 6) ;
                    background-color: rgb(224, 0, 6) ;
                }

                .pagination page-link.active{
                    border-color: rgb(224, 0, 6) ;
                    background-color: rgb(224, 0, 6) ;
                }

                .mycourses-pagination .page-item .page-link.active {
                    border-color: rgb(224, 0, 6) ;
                    background-color: rgb(224, 0, 6) ;
                }

                @media(min-width:992px){
                    .header-login-text{
                        border-color: rgb(224, 0, 6) ;
                        background-color: rgb(224, 0, 6) ;
                    }
                }

            
                .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(224, 0, 6)' 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(224, 0, 6)' 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(224, 0, 6) !important;
                }

                .personal-calendar-header .btn-group .btn.active{
                    background-color: rgb(224, 0, 6) !important;
                }
            

                submitAdminBtn.active:hover{
                border-color: rgba(224, 0, 6, 0.65);
                    background-color: rgba(224, 0, 6, 0.65);
                }

                .login-form-submit:hover {
                    border-color: rgba(224, 0, 6, 0.65);
                    background-color: rgba(224, 0, 6, 0.65);
                }

                .submitAdminBtnDefault:hover,
                input[type=submit]:hover,
                button[type=submit]:hover{
                    border-color: rgba(224, 0, 6, 0.65);
                    background-color: rgba(224, 0, 6, 0.65);
                }

                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn:hover,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn:hover {
                    border-color: rgba(224, 0, 6, 0.65) ;
                    background-color: rgba(224, 0, 6, 0.65) ;
                }

                .pagination-glossary .page-item.active .page-link:hover {
                    background-color: rgba(224, 0, 6, 0.65);
                    border-color: rgba(224, 0, 6, 0.65);
                }



                .bootbox.show .modal-footer .submitAdminBtn:hover,
                .modal.show .modal-footer .submitAdminBtn:hover {
                    border-color: rgba(224, 0, 6, 0.65);
                    background-color: rgba(224, 0, 6, 0.65);
                }

                .btn.btn-primary:hover{
                    border-color: rgba(224, 0, 6, 0.65);
                    background-color: rgba(224, 0, 6, 0.65);
                }

                .nav-link-adminTools.Neutral-900-cl.active{
                    background-color: rgba(224, 0, 6, 0.65);
                }

                .searchGroupBtn:hover{
                    background-color: rgba(224, 0, 6, 0.65);
                }


                .wallWrapper:has(.submitAdminBtn) .submitAdminBtn:hover{
                    background-color: rgba(224, 0, 6, 0.65);
                    border-color: rgba(224, 0, 6, 0.65);
                }

                .myProfileBtn:hover,
                .myProfileBtn:focus{
                    background-color: rgba(224, 0, 6, 0.65);
                    border-color: rgba(224, 0, 6, 0.65);
                }

                .showCoursesBars.active:hover,
                .showCoursesBars.active:focus,
                .showCoursesPics.active:hover,
                .showCoursesPics.active:focus{
                    background-color: rgba(224, 0, 6, 0.65);
                }

                .mce-btn:hover,
                .mce-btn:focus{
                    background-color: rgba(224, 0, 6, 0.65) !important;
                }

                .personal-calendar-header .btn-group .btn.active:hover{
                    background-color: rgba(224, 0, 6, 0.65) !important;
                }

                .pagination-glossary .page-item.active:hover .page-link{
                    background-color: rgba(224, 0, 6, 0.65);
                    border-color: rgba(224, 0, 6, 0.65);
                }

                .exist_event_session:hover,
                .exist_event_session:focus{
                    background-color: rgba(224, 0, 6, 0.65) !important;
                    border-color: rgba(224, 0, 6, 0.65) !important;
                }

                .btnScrollToTop:hover,
                .btnScrollToTop:focus{
                    background-color: rgba(224, 0, 6, 0.65);
                    border-color: rgba(224, 0, 6, 0.65);
                }

                .mycourses-pagination .page-item .page-link.active:hover,
                .mycourses-pagination .page-item .page-link.active:focus {
                    background-color: rgba(224, 0, 6, 0.65);
                    border-color: rgba(224, 0, 6, 0.65);
                }

                @media(min-width:992px){
                    .header-login-text:hover,
                    .header-login-text:focus{
                        border-color: rgba(224, 0, 6, 0.65) ;
                        background-color: rgba(224, 0, 6, 0.65) ;
                    }
                }

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

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

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

            
                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover{
                    border-color: #0073E6;
                    background-color: #ffffff;
                    color: #0073E6;
                }
            
                input[type='radio']:checked {
                    border: solid 6px rgb(224, 0, 6);
                }
                .input-StatusCourse:checked{
                    box-shadow: inset 0 0 0 0px #e8e8e8;
                    border: 0px solid #e8e8e8;
                    background-color: rgb(224, 0, 6);
                }
                .form-wrapper.form-edit label:has(input[type='radio']:checked){
                    color: rgb(224, 0, 6);
                }

                .radio label:has(input[type='radio']:checked),
                .radio:has(input[type='radio']:checked) .help-block{
                    color: rgb(224, 0, 6);
                }
            
                .label-container > input[type='checkbox']:checked {
                    border: 1px solid rgb(224, 0, 6);
                    background-color: rgb(224, 0, 6);
                }
                .label-container > input[type='checkbox']:active {
                    border: 1px solid rgb(224, 0, 6);
                }
                #display_sessions_switcher:checked{
                    border: 1px solid rgb(224, 0, 6);
                    background-color: rgb(224, 0, 6);
                }
            

                select.form-select option:hover{
                    background-color: rgb(224, 0, 6);
                }

                .dataTables_wrapper select option:hover{
                    background-color: rgb(224, 0, 6) !important;;
                }

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

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

                .mce-menu-item:hover{
                    background-color: rgb(224, 0, 6) !important;
                }



            

                select.form-select option:checked{
                    background-color: rgb(224, 0, 6);
                }

                .dataTables_wrapper select option:checked{
                    background-color: rgb(224, 0, 6) !important;;
                }


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

                .mce-menu-item-normal.mce-active {
                    background-color: rgb(224, 0, 6) !important;
                }

                .mce-menu-item:hover,
                .mce-menu-item.mce-selected,
                .mce-menu-item:focus {
                    background-color: rgb(224, 0, 6) !important;
                }

                .dropdown-item.active,
                .dropdown-item:active {
                    background-color:  rgb(224, 0, 6) !important;
                }

            
                .panel-admin-calendar .panel-heading,
                #cal-header {
                    background: rgb(237, 0, 6);
                }
                #calendar-header {
                    background: rgb(237, 0, 6);
                }




                .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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !important;
                }

                .datepicker table tr td span.focused {
                    background: rgb(237, 0, 6) !important;
                }



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


                .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(237, 0, 6);
                }

                .calendarViewDatesTutorGroup table,
                .calendarAddDaysCl table,
                .bookingCalendarByUser table,
                .myCalendarEvents table {
                    border-color:  rgb(237, 0, 6);
                }

                .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(237, 0, 6);
                }
                .calendarViewDatesTutorGroup table .fc-head,
                .calendarAddDaysCl table .fc-head,
                .bookingCalendarByUser table .fc-head,
                .myCalendarEvents table .fc-head{
                    border-color:  rgb(237, 0, 6);
                }

                .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(237, 0, 6);
                }

                .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(237, 0, 6) ;
                }

                .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(237, 0, 6) ;
                }

                .calendarViewDatesTutorGroup .fc-list-table  tbody tr {
                    border-bottom: solid 1px rgb(237, 0, 6);
                }

                #cal-week-box{
                    border: 1px solid rgb(237, 0, 6) !important;
                }

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

                .myCalendarEvents .fc-body table tbody tr td.fc-axis,
                .myCalendarEvents .fc-body table tbody tr td{
                    border:solid 1px rgb(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !important;
                }


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


                .panel-body-calendar .cal-row-fluid:hover{
                    background-color: transparent !important;
                }
                .panel-body-calendar .cal-row-fluid .cal-cell1:hover{
                    background-color: rgb(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !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(237, 0, 6) !important;
                    border-color: rgb(237, 0, 6) !important;
                }


                .cal-day-holiday span[data-cal-date]{
                    background-color:rgb(237, 0, 6) !important;
                }

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

            

                .ContentLeftNav, #collapseTools{
                    background: rgba(237, 0, 6, 0.8);
                }

            
                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(224, 0, 6) !important;
                }
                table.dataTable thead th,
                table.dataTable thead td {
                    border-bottom: 1px solid rgb(224, 0, 6) !important;
                }
            
                .menu-popover.fade.show{
                    border: solid 1px rgb(170, 6, 11);
                }
            
                .menu-popover .list-group-item:hover{
                    background-color: rgba(224, 0, 6, 0.67);
                }
                .dropdown-menu .list-group-item:hover{
                    background-color: rgba(224, 0, 6, 0.67);
                }
            
                .menu-popover .list-group-item:hover{
                    color: rgb(255, 255, 255);
                }
                .dropdown-menu .list-group-item:hover{
                    color: rgb(255, 255, 255);
                }
            
                .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(253, 253, 253) !important;
                }
            
                .alert-info {
                    background-color:rgb(224, 0, 6);
                }
            

                a, .toolAdminText{
                    color: rgb(224, 0, 6);
                }


                .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(224, 0, 6) !important;
                }

                .Primary-600-cl,
                .Primary-500-cl {
                    color: rgb(224, 0, 6);
                }

                .Primary-500-bg {
                    background-color:  rgb(224, 0, 6);
                }

                .menu-item.active,
                .menu-item.active2{
                    color:  rgb(224, 0, 6);
                }

                .portfolio-tools a{
                    color: rgb(224, 0, 6);
                }

                .nav-link-adminTools{
                    color: rgb(224, 0, 6);
                }

                #cal-slide-content a.event-item{
                    color: rgb(224, 0, 6) !important;
                }

                .dataTables_paginate.paging_simple_numbers span .paginate_button,
                .dataTables_paginate.paging_full_numbers span .paginate_button{
                    color: rgb(224, 0, 6) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.current,
                .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                    color: rgb(224, 0, 6) !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(224, 0, 6) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                    color: rgb(224, 0, 6) !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(224, 0, 6) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover,
                .dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled:hover{
                    color: rgb(224, 0, 6) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
                .dataTables_wrapper .dataTables_paginate .paginate_button.first:hover{
                    color: rgb(224, 0, 6) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover,
                .dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled:hover{
                    color: rgb(224, 0, 6) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
                .dataTables_wrapper .dataTables_paginate .paginate_button.first {
                    color: rgb(224, 0, 6) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.next,
                .dataTables_wrapper .dataTables_paginate .paginate_button.last{
                    color: rgb(224, 0, 6) !important;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
                    color: rgb(224, 0, 6) !important;
                }

                .commentPress:hover{
                    color: rgb(224, 0, 6);
                }

                #cal-slide-content a.event-item {
                    color: rgb(224, 0, 6) !important;
                }

                .tree-units summary::before,
                .tree-sessions summary::before{
                    background: rgb(224, 0, 6) url(https://eclass.easychinese.gr//resources/img/units-expand-collapse.svg) 0 0;
                }

                .more-enabled-login-methods div{
                    color: rgb(224, 0, 6);
                }

                .ClickCourse,
                .ClickCourse:hover{
                    color: rgb(224, 0, 6);
                }

                .carousel-prev-btn,
                .carousel-prev-btn:hover,
                .carousel-next-btn,
                .carousel-next-btn:hover{
                    color: rgb(224, 0, 6);
                }

                .link-color{
                    color: rgb(224, 0, 6);
                }

                .appIcon span{
                   color: rgb(224, 0, 6);
                }

            
                a:hover, a:focus{
                    color: rgb(224, 0, 6);
                }

                #btn-search:hover, #btn-search:focus{
                    color: rgb(224, 0, 6);
                }

                .portfolio-tools a:hover{
                    color: rgb(224, 0, 6);
                }

                .nav-link-adminTools:hover{
                    color: rgb(224, 0, 6);
                }

                .link-color:hover,
                .link-color:focus{
                    color: rgb(224, 0, 6);
                }

                .appIcon:hover{
                    background-color: rgb(224, 0, 6);
                }

            
                .toolSidebarTxt{
                    color: rgba(255, 255, 255, 0.83);
                }
            
                #leftnav .panel a.parent-menu{
                    color: rgb(0, 0, 0);
                }

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

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

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

            
                #leftnav .panel .panel-sidebar-heading:hover{
                    color: rgb(255, 250, 251);
                }

                #leftnav .panel .panel-sidebar-heading:hover span{
                    color: rgb(255, 250, 251);
                }

                #leftnav .panel .panel-sidebar-heading:hover .Tools-active-deactive{
                    color: rgb(255, 250, 251);
                }
            
                .contextual-sidebar .list-group-item, .menu_btn_button .fa-bars{
                    color: rgba(255, 255, 255, 0.83);
                }
            
                .contextual-sidebar .list-group-item:hover{
                    color:rgb(255, 255, 255);
                }
            
                .contextual-sidebar .list-group-item:hover{
                    background-color:rgb(252, 134, 155);
                }
            
                .contextual-sidebar .list-group-item.active {
                    background-color: rgb(252, 134, 155);
                }
            
                .contextual-sidebar .list-group-item.active {
                    color: rgb(255, 255, 255);
                }
            
                .homepage-annnouncements-container a,
                .homepage-annnouncements-container .list-group-item.element a{
                    color:  rgb(224, 0, 6);
                }

            
                .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:  rgb(224, 0, 6);
                }

            
                .col_maincontent_active {
                    background-color:rgb(251, 251, 251);
                }

                @media(max-width:991px){
                    .module-container:has(.course-wrapper){
                        background-color:rgb(251, 251, 251);
                    }
                }
            
                .notification-top-bar a{
                    color: rgb(224, 0, 6);
                }

            
                .notification-top-bar a:hover{
                    color: rgba(224, 0, 6, 0.72);
                }

            
                .badge.Primary-600-bg{
                    background-color: rgb(229, 0, 4);
                }
            
                .body-learning-path,
                .iframe-learningPath,
                .body-learningPath{
                    background-color:rgb(236, 236, 236);
                }