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

        
                .brief-profile-container-info {
                    background-image: url(/courses/theme_data/118/portfolio_bg.png);
                }
            
                .portfolio-profile-container{
                    background: radial-gradient(closest-corner at 30% 60%, rgba(247, 249, 254, 0), rgba(247, 249, 254, 0));
                }
            
                    .brief-profile-container-info,
                    .portfolio-profile-container .padding-default {
                        background-image: linear-gradient(
                                            135deg,
                                            rgba(247, 249, 254, 0),
                                            rgba(247, 249, 254, 0)
                                        ), url(/courses/theme_data/118/portfolio_bg.png);

                        background-size:100% auto !important;
                        background-position:center top !important;
                        background-repeat:no-repeat !important;
                    }

                    @media (max-width: 991px) {
                        .brief-profile-container-info,
                        .portfolio-profile-container .padding-default {
                            background-size:
                                cover,
                                cover !important;

                            background-position:
                                center top,
                                center top !important;

                            background-repeat:

                                no-repeat,
                                no-repeat !important;
                        }
                    }
                
                .section-portfolio-profile-container-info {
                    background: rgb(255, 255, 255) !important;
                }
                .portfolio-profile-container{
                    background: rgb(255, 255, 255) !important;
                }
            
                .portofolio-text-intro{
                    color: rgb(255, 255, 255) !important;
                }

                .portfolio-texts *{
                    color: rgb(255, 255, 255) !important;
                }
                
            
                .jumbotron.jumbotron-login{
                    background: radial-gradient(closest-corner at 30% 60%, rgba(247, 249, 254, 0), rgba(247, 249, 254, 0));
                }
                .radial-gradient-video{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: radial-gradient(closest-corner at 30% 60%, rgba(247, 249, 254, 0), rgba(247, 249, 254, 0));
                    z-index: 2;
                    pointer-events: none;
                }
            
                    .jumbotron.jumbotron-login{
                        background: radial-gradient(closest-corner at 30% 60%, rgba(247, 249, 254, 0), rgba(247, 249, 254, 0)), url('/courses/theme_data/118/jumbotron_bg.png');
                        border:0px;
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: center;
                    }
                
                @media(min-width:992px){
                    .jumbotron.jumbotron-login{
                        min-height: 270px;
                    }

                    .jumbotron.jumbotron-login:has(video){
                        height: 270px;
                    }
                }
            
                @media(min-width:992px){
                    .jumbotron.jumbotron-login{
                        min-height: calc((100vh - 80px)/2);
                    }

                    .jumbotron.jumbotron-login:has(video){
                        height: calc((100vh - 80px)/2);
                    }

                    body:has(.fixed-announcement) .jumbotron.jumbotron-login{
                        min-height: calc((100vh - 80px - 60px)/2);
                    }

                    body:has(.fixed-announcement) .jumbotron.jumbotron-login:has(video){
                        height: calc((100vh - 80px - 60px)/2);
                    }
                }
                @media(max-width:991px){
                    .jumbotron.jumbotron-login{
                        min-height: calc((100vh - 56px)/2);
                    }

                    .jumbotron.jumbotron-login:has(video){
                        height: calc((100vh - 56px)/2);
                    }

                    body:has(.fixed-announcement) .jumbotron.jumbotron-login{
                        min-height: calc((100vh - 56px - 60px)/2);
                    }

                    body:has(.fixed-announcement) .jumbotron.jumbotron-login:has(video){
                        height: calc((100vh - 56px - 60px)/2);
                    }
                }
            
                .login-main-section {
                    background-image: url(/courses/theme_data/118/loginbg.png);
                    background-size: cover !important;
                    background-repeat: no-repeat !important;
                    background-position: center center !important;
                }
            
                .jumbotron-intro-text *{
                    color: rgb(3, 7, 18) !important;
                }
            
                .jumbotron-intro-text{
                    max-width: 1920px;
                }
            
                    @media(min-width:992px){
                        .jumbotron.jumbotron-login{
                            display: flex;
                            align-items: center;
                        }
                        .overlay-video-container {
                            display: flex;
                            align-items: center;
                        }
                    }
                    @media(max-width:991px){
                        .jumbotron.jumbotron-login{
                            display: flex;
                            align-items: center;
                        }
                        .overlay-video-container {
                            display: flex;
                            align-items: center;
                        }
                    }
                
                .eclass-title {
                    text-align: center !important;
                }
                .jumbotron-intro-text {
                    text-align: justify !important;
                }
                .jumbotron-intro-text,
                .mobile-api-container {
                    margin-left: auto !important;
                    margin-right: auto !important;
                }
            
                .login-main-section h1 {
                    display: none;
                }
            #openeclass-banner {display: none;}
                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,
                .reward-title-col,
                .up-lb-rank,
                .up-lb-bar-label,
                .pg-list-title,
                .pg-list-date,
                .secondary-title,
                .pg-lvl-name,
                .lb-rank,
                .cc-donut-pct,
                .default-dark-text,
                .pg-stat-val,
                .lb-username,
                .lb-points-label,
                .up-lb-bar-label,
                .up-lb-bar-pct,
                .lb-level-text,
                .lb-progress-text-val,
                .lb-progress-pct,
                .progress-activity-name,
                .progress-activity-criteria,
                .progress-activity-criteria {
                    color:rgb(3, 7, 18);
                }

                .progress-module table:not(.pg-info-table) th{
                    color:rgb(3, 7, 18) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_length,
                .dt-container.dt-bootstrap5 .dt-search,
                .dt-container.dt-bootstrap5 .dataTables_info,
                .dt-container.dt-bootstrap5 .dataTables_processing,
                .dt-container.dt-bootstrap5 .dataTables_paginate {
                    color:rgb(3, 7, 18) !important;
                }

                .circle-img-contant{
                    border: solid 1px rgb(3, 7, 18);
                }

                .text-muted,
                .input-group-text{
                    color:rgb(3, 7, 18) !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(3, 7, 18) ;
                }

                .panel-default .panel-heading,
                .panel-action-btn-default .panel-heading {
                    color:rgb(3, 7, 18) ;
                }

                .showCoursesBars:not(:has(.active)) i,
                .showCoursesPics:not(:has(.active)) i {
                    color:rgb(3, 7, 18) ;
                }

                .tox .tox-statusbar,
                .tox .tox-statusbar a, 
                .tox .tox-statusbar__path-item, 
                .tox .tox-statusbar__wordcount {
                    color:rgb(3, 7, 18) !important;
                }
            
                .text-muted{
                    color: rgb(107, 114, 128) !important;
                }
                .text_muted_cl,
                .progress-activity-type-label,
                .pg-list-active,
                .pg-list-sep,
                .pg-list-meta,
                .pg-list-bar-label,
                .pg-list-bar-pct,
                .pg-progress-text,
                .pg-progress-pct,
                .pg-progress-label,
                .pg-stat-label,
                .pg-progress-pct,
                .pg-lvl-pts,
                .exercise-accordion .accordion-item,
                .exercise-accordion .accordion-subtitle { 
                    color: rgb(107, 114, 128) !important;
                }
            
                .text-danger,
                .Accent-200-cl,
                .label.label-danger{
                    color: rgb(192, 24, 94) !important;
                }
                .border-left-danger{
                    border-left: 4px solid rgb(192, 24, 94) !important;
                }
                .badge-outline-danger{
                    color:rgb(192, 24, 94);
                    border:1.5px solid rgb(192, 24, 94);
                }

                .cc-pill-inactive {
                     color:rgb(192, 24, 94);
                    border:1.5px solid rgb(192, 24, 94);
                }

            
                .text-success,
                .Success-200-cl,
                .label.label-success{
                    color: rgb(15, 122, 110) !important;
                }
                .border-left-success{
                    border-left: 4px solid rgb(15, 122, 110) !important;
                }
                .active-unit::after{
                    background: rgb(15, 122, 110) !important;
                }
                .contextual-menu-learningPath li div.list-group-item.active{
                    border-left: solid 2px rgb(15, 122, 110) !important;
                }
                .badge-outline-success {
                    color:rgb(15, 122, 110);
                    border:1.5px solid rgb(15, 122, 110);
                }

                .cc-pill-active{
                    color:rgb(15, 122, 110);
                    border:1.5px solid rgb(15, 122, 110);
                }

                .lb-row.lb-current-user {
                    background: transparent;
                    border: solid 2px rgb(15, 122, 110) !important;
                }

            
                .text-primary,
                .Primary-600-cl{
                    color: rgb(45, 90, 160) !important;
                }
                .border-left-primary{
                    border-left: 4px solid rgb(45, 90, 160) !important;
                }
            
                .text-warning,
                .Warning-200-cl,
                .label.label-warning{
                    color: rgb(154, 98, 0) !important;
                }
                .border-left-warning{
                    border-left: 4px solid rgb(154, 98, 0) !important;
                }
            

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

            


                .link-selection-language,
                .link-bars-options,
                .user-menu-btn .user-name,
                .user-menu-btn .fa-chevron-down{
                    color: rgb(17, 24, 39);
                }

                .container-items .menu-item{
                    color: rgb(17, 24, 39);
                }

                #search_terms,
                #search_terms::placeholder{
                    color:rgb(17, 24, 39);
                }

                #bgr-cheat-header .fa-magnifying-glass{
                    color:rgb(17, 24, 39);
                }

                @media(max-width:991px){
                    .header-login-text{
                        color:rgb(17, 24, 39);
                    }
                }

                .header-mobile-link{
                    color:rgb(17, 24, 39);
                }

                .split-left,
                .split-content{
                    border-left: solid 1px rgb(17, 24, 39);
                }

                .user-menu-btn .header-login-text .fa-chevron-down::before {
                    color:rgb(17, 24, 39);
                }

            
                .container-items .menu-item.active,
                .container-items .menu-item.active2 {
                    background-color: rgb(76, 29, 139);
                }
            
                .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(192, 24, 94);
                }

                .user-menu-btn:hover .user-name,
                .user-menu-btn:focus .user-name{
                    color: rgb(192, 24, 94);
                }

                .user-menu-btn:hover .fa-chevron-down,
                .user-menu-btn:focus .fa-chevron-down{
                    color: rgb(192, 24, 94);
                }

                .copyright:hover, .copyright:focus,
                .social-icon-tool:hover, .social-icon-tool:focus,
                .a_tools_site_footer:hover, .a_tools_site_footer:focus{
                    color: rgb(192, 24, 94);
                }

                #bgr-cheat-header .fa-magnifying-glass:hover,
                #bgr-cheat-header .fa-magnifying-glass:focus {
                    color: rgb(192, 24, 94);
                }

                @media(max-width:991px){
                    .header-login-text:hover,
                    .header-login-text:focus{
                        color:rgb(192, 24, 94);
                    }
                }

                .header-mobile-link:hover,
                .header-mobile-link:focus{
                    color:rgb(192, 24, 94);
                }

            

                .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(255, 255, 255);
                }

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

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

            

                .container-items-footer .menu-item:hover,
                .container-items-footer .menu-item:focus{
                    color: rgb(229, 231, 235);
                }

                .copyright:hover, .copyright:focus,
                .social-icon-tool:hover, .social-icon-tool:focus,
                .a_tools_site_footer:hover, .a_tools_site_footer:focus {
                    color: rgb(229, 231, 235);
                }


            

                .site-footer .copyright{
                    color: rgb(255, 255, 255);
                }

            

                .site-footer .copyright:hover,
                .site-footer .copyright:focus{
                    color: rgb(229, 231, 235);
                }

            
                .list-group-item.list-group-item-action,
                .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;
                }

                .dt-paging .dt-paging-button .page-link{
                    background-color:  rgb(255, 255, 255) !important;
                }

                .lb-page-btn {
                    background: rgb(255, 255, 255) !important;
                }

            
                .submitAdminBtn,
                .cancelAdminBtn,
                .opencourses_btn {
                    color: rgb(76, 29, 139);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic {
                    color: rgb(76, 29, 139) !important;
                }

                .btn-outline-primary {
                    color: rgb(76, 29, 139);
                }

                .submitAdminBtn .fa-solid::before,
                .submitAdminBtn .fa-regular::before,
                .submitAdminBtn .fa-brands::before,
                .submitAdminBtn span.fa::before{
                    color: rgb(76, 29, 139);
                }

                .quickLink{
                    color: rgb(76, 29, 139);
                }

                .menu-popover{
                    color: rgb(76, 29, 139);
                }

                .bs-placeholder .filter-option .filter-option-inner-inner {
                    color: rgb(76, 29, 139) !important;
                }

                .showSettings{
                    color: rgb(76, 29, 139) !important;
                }

                .btn.btn-default {
                    color: rgb(76, 29, 139);
                }

                .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(76, 29, 139);
                }

                .pagination-glossary .page-item .page-link{
                    color: rgb(76, 29, 139) !important;
                }

                .showCoursesBars,
                .showCoursesBars:hover,
                .showCoursesBars:focus,
                .showCoursesPics,
                .showCoursesPics:hover,
                .showCoursesPics:focus{
                    color: rgb(76, 29, 139);
                }

                .mycourses-pagination .page-item .page-link {
                    color: rgb(76, 29, 139);
                }

                .btn.btn-secondary{
                    color: rgb(76, 29, 139);
                }

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

                .dt-paging .dt-paging-button .page-link{
                    color: rgb(76, 29, 139) !important;
                }

                .lb-page-btn {
                    color: rgb(76, 29, 139) !important;;
                }

            
                .submitAdminBtn,
                .cancelAdminBtn,
                .opencourses_btn {
                    border-color: rgb(76, 29, 139);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic {
                    border-color: rgb(76, 29, 139) !important;
                }

                .btn-outline-primary {
                    border-color: rgb(76, 29, 139);
                }

                .quickLink{
                    border: solid 1px rgb(76, 29, 139);
                }

                .menu-popover{
                    border: solid 1px rgb(76, 29, 139);
                }

                .btn.btn-default {
                    border-color: rgb(76, 29, 139);
                }

                .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(76, 29, 139);
                }

                .pagination-glossary .page-item .page-link{
                    border-color: rgb(76, 29, 139);
                }

                .showSettings{
                    border-color: rgb(76, 29, 139) !important;
                }

                .mycourses-pagination .page-item .page-link {
                    border: solid 1px rgb(76, 29, 139);
                }

                .btn.btn-secondary{
                    border: solid 1px rgb(76, 29, 139);
                }

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

                .dt-paging .dt-paging-button .page-link{
                    border: solid 1px rgb(76, 29, 139) !important;
                }

                .lb-page-btn {
                    border: 1px solid rgb(76, 29, 139) !important;
                }

            
                .submitAdminBtn:hover,
                .cancelAdminBtn:hover,
                .opencourses_btn:hover,
                .submitAdminBtn:focus,
                .cancelAdminBtn:focus,
                .opencourses_btn:focus,
                .submitAdminBtn:active,
                .cancelAdminBtn:active,
                .opencourses_btn:active {
                    color: rgb(76, 29, 139);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover {
                    color: rgb(76, 29, 139) !important;
                }

                .btn-outline-primary:hover,
                .btn-outline-primary:focus{
                    color: rgb(76, 29, 139);
                }

                .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(76, 29, 139);
                }

                .quickLink:hover,
                .quickLink:hover .fa-solid,
                .quickLink:focus,
                .quickLink:focus .fa-solid,
                .quickLink:active,
                .quickLink:active .fa-solid{
                    color: rgb(76, 29, 139) !important;
                }

                .menu-popover:hover,
                .menu-popover:focus,
                .menu-popover:active{
                    color: rgb(76, 29, 139);
                }

                .bs-placeholder:hover .filter-option .filter-option-inner-inner {
                    color: rgb(76, 29, 139) !important;
                }

                .showSettings:hover{
                    color: rgb(76, 29, 139) !important;
                }

                .btn.btn-default:hover,
                .btn.btn-default:focus {
                    color: rgb(76, 29, 139);
                }

                .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(76, 29, 139);
                }

                .pagination-glossary .page-item:hover .page-link{
                    color: rgb(76, 29, 139) !important;
                }

                .mycourses-pagination .page-item .page-link:hover,
                .mycourses-pagination .page-item .page-link:focus {
                    color: rgb(76, 29, 139);
                }

                .btn.btn-secondary:hover,
                .btn.btn-secondary:focus{
                    color: rgb(76, 29, 139);
                }

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

                .dt-paging .dt-paging-button .page-link:hover,
                .dt-paging .dt-paging-button .page-link:focus{
                    color: rgb(76, 29, 139) !important;
                }

                .lb-page-btn:hover,
                .lb-page-btn:focus {
                    color: rgb(76, 29, 139) !important;;
                }
            
                .submitAdminBtn:hover,
                .cancelAdminBtn:hover,
                .opencourses_btn:hover,
                .submitAdminBtn:focus,
                .cancelAdminBtn:focus,
                .opencourses_btn:focus {
                    border-color: rgb(76, 29, 139);
                }

                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover {
                    border-color: rgb(76, 29, 139) !important;
                }

                .btn-outline-primary:hover,
                .btn-outline-primary:focus{
                    border-color: rgb(76, 29, 139);
                }

                .quickLink:hover,
                .quickLink:hover .fa-solid{
                    border-color: rgb(76, 29, 139);
                }

                .menu-popover:hover,
                .menu-popover:focus{
                    border: solid 1px rgb(76, 29, 139);
                }

                .showSettings:hover{
                    border-color: rgb(76, 29, 139);
                }

                .btn.btn-default:hover,
                .btn.btn-default:focus {
                    border-color: rgb(76, 29, 139);
                }

                .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(76, 29, 139);
                }

                .pagination-glossary .page-item:hover .page-link{
                    border-color: rgb(76, 29, 139);
                }

                .mycourses-pagination .page-item .page-link:hover,
                .mycourses-pagination .page-item .page-link:focus {
                    border: solid 1px rgb(76, 29, 139);
                }

                .btn.btn-secondary:hover,
                .btn.btn-secondary:focus{
                    border: solid 1px rgb(76, 29, 139);
                }

                .btn-exercise-nav[type=submit]:hover,
                .btn-exercise-nav[type=submit]:focus{
                    border: solid 2px rgb(76, 29, 139) !important;
                }

                .dt-paging .dt-paging-button .page-link:hover,
                .dt-paging .dt-paging-button .page-link:focus{
                    border: solid 1px rgb(76, 29, 139) !important;
                }

                .lb-page-btn:hover,
                .lb-page-btn:focus {
                    border: 1px solid rgb(76, 29, 139) !important;
                }

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

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

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

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

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

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

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

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

                .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(243, 244, 246);
                }

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

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

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

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

                .dt-paging .dt-paging-button .page-link:hover,
                .dt-paging .dt-paging-button .page-link:focus{
                    background-color: rgb(243, 244, 246) !important;
                }

                .lb-page-btn:hover,
                .lb-page-btn:focus {
                    background:  rgb(243, 244, 246) !important;;
                }

            
                .submitAdminBtn.active{
                    border-color: rgb(76, 29, 139);
                    background-color: rgb(76, 29, 139);
                }

                .login-form-submit{
                    border-color: rgb(76, 29, 139);
                    background-color: rgb(76, 29, 139);
                }

                .submitAdminBtnDefault,
                input[type=submit],
                button[type=submit]{
                    border-color: rgb(76, 29, 139);
                    background-color: rgb(76, 29, 139);
                }

                .submitAdminBtnClassic.active {
                    border-color: rgb(76, 29, 139) ;
                    background-color: rgb(76, 29, 139) ;
                }

                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn {
                    border-color: rgb(76, 29, 139) ;
                    background-color: rgb(76, 29, 139) ;
                }


                .carousel-indicators>button.active {
                    border-color: tranparent;
                    background-color: rgb(76, 29, 139);
                }


                .pagination-glossary .page-item.active .page-link {
                    background-color: rgb(76, 29, 139);
                    border-color: rgb(76, 29, 139);
                }

                .bootbox.show .modal-footer .submitAdminBtn,
                .modal.show .modal-footer .submitAdminBtn {
                    border-color: rgb(76, 29, 139);
                    background-color: rgb(76, 29, 139);
                }

                .btn.btn-primary{
                    background-color: rgb(76, 29, 139);
                    border-color: rgb(76, 29, 139);
                }

                .nav-link-adminTools.Neutral-900-cl.active{
                    background-color: rgb(76, 29, 139);
                }


                .searchGroupBtn{
                    background-color: rgb(76, 29, 139);
                }

                .wallWrapper:has(.submitAdminBtn) .submitAdminBtn{
                    background-color: rgb(76, 29, 139);
                    border-color: rgb(76, 29, 139);
                }

                .myProfileBtn{
                    background-color: rgb(76, 29, 139);
                    border-color: rgb(76, 29, 139);
                }

                .showCoursesBars.active,
                .showCoursesPics.active{
                    background-color: rgb(76, 29, 139);
                }

                .pagination-glossary .page-item.active .page-link{
                    background-color: rgb(76, 29, 139);
                    border-color: rgb(76, 29, 139);
                }

                .exist_event_session{
                    background-color: rgb(76, 29, 139) !important;
                    border-color: rgb(76, 29, 139) !important;
                }

                .list-group-upgrade .list-group-item.element.active{
                    background-color: rgb(76, 29, 139) !important;
                }

                .btnScrollToTop{
                    border-color: rgb(76, 29, 139) ;
                    background-color: rgb(76, 29, 139) ;
                }

                .pagination page-link.active{
                    border-color: rgb(76, 29, 139) ;
                    background-color: rgb(76, 29, 139) ;
                }

                .mycourses-pagination .page-item .page-link.active {
                    border-color: rgb(76, 29, 139) ;
                    background-color: rgb(76, 29, 139) ;
                }

                @media(min-width:992px){
                    .header-login-text{
                        border-color: rgb(76, 29, 139) ;
                        background-color: rgb(76, 29, 139) ;
                    }
                }

                .dt-paging .dt-paging-button.active .page-link,
                .dt-paging .dt-paging-button.active .page-link{
                    border-color: rgb(76, 29, 139) !important;
                    background-color: rgb(76, 29, 139) !important;
                }

                .ss-main .ss-values .ss-value{
                    border-color: rgb(76, 29, 139) !important;
                    background-color: rgb(76, 29, 139) !important;
                }

                .lb-page-btn.lb-page-active {
                    background: rgb(76, 29, 139) !important;
                    border-color: rgb(76, 29, 139) !important;
                }

                .tox .tox-tbtn {
                    background: rgb(76, 29, 139) !important;
                }

            
                .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(76, 29, 139)' 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(76, 29, 139)' 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;
                }

                tox-btn{
                    background-color: rgb(76, 29, 139) !important;
                }

                .personal-calendar-header .btn-group .btn.active{
                    background-color: rgb(76, 29, 139) !important;
                }
            

                submitAdminBtn.active:hover{
                border-color: rgba(76, 29, 139, 0.81);
                    background-color: rgba(76, 29, 139, 0.81);
                }

                .login-form-submit:hover {
                    border-color: rgba(76, 29, 139, 0.81);
                    background-color: rgba(76, 29, 139, 0.81);
                }

                .submitAdminBtnDefault:hover,
                input[type=submit]:hover,
                button[type=submit]:hover{
                    border-color: rgba(76, 29, 139, 0.81);
                    background-color: rgba(76, 29, 139, 0.81);
                }

                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn:hover,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn:hover {
                    border-color: rgba(76, 29, 139, 0.81) ;
                    background-color: rgba(76, 29, 139, 0.81) ;
                }

                .pagination-glossary .page-item.active .page-link:hover {
                    background-color: rgba(76, 29, 139, 0.81);
                    border-color: rgba(76, 29, 139, 0.81);
                }



                .bootbox.show .modal-footer .submitAdminBtn:hover,
                .modal.show .modal-footer .submitAdminBtn:hover {
                    border-color: rgba(76, 29, 139, 0.81);
                    background-color: rgba(76, 29, 139, 0.81);
                }

                .btn.btn-primary:hover{
                    border-color: rgba(76, 29, 139, 0.81);
                    background-color: rgba(76, 29, 139, 0.81);
                }

                .nav-link-adminTools.Neutral-900-cl.active{
                    background-color: rgba(76, 29, 139, 0.81);
                }

                .searchGroupBtn:hover{
                    background-color: rgba(76, 29, 139, 0.81);
                }


                .wallWrapper:has(.submitAdminBtn) .submitAdminBtn:hover{
                    background-color: rgba(76, 29, 139, 0.81);
                    border-color: rgba(76, 29, 139, 0.81);
                }

                .myProfileBtn:hover,
                .myProfileBtn:focus{
                    background-color: rgba(76, 29, 139, 0.81);
                    border-color: rgba(76, 29, 139, 0.81);
                }

                .showCoursesBars.active:hover,
                .showCoursesBars.active:focus,
                .showCoursesPics.active:hover,
                .showCoursesPics.active:focus{
                    background-color: rgba(76, 29, 139, 0.81);
                }

                tox-btn:hover,
                tox-btn:focus{
                    background-color: rgba(76, 29, 139, 0.81) !important;
                }

                .personal-calendar-header .btn-group .btn.active:hover{
                    background-color: rgba(76, 29, 139, 0.81) !important;
                }

                .pagination-glossary .page-item.active:hover .page-link{
                    background-color: rgba(76, 29, 139, 0.81);
                    border-color: rgba(76, 29, 139, 0.81);
                }

                .exist_event_session:hover,
                .exist_event_session:focus{
                    background-color: rgba(76, 29, 139, 0.81) !important;
                    border-color: rgba(76, 29, 139, 0.81) !important;
                }

                .btnScrollToTop:hover,
                .btnScrollToTop:focus{
                    background-color: rgba(76, 29, 139, 0.81);
                    border-color: rgba(76, 29, 139, 0.81);
                }

                .mycourses-pagination .page-item .page-link.active:hover,
                .mycourses-pagination .page-item .page-link.active:focus {
                    background-color: rgba(76, 29, 139, 0.81);
                    border-color: rgba(76, 29, 139, 0.81);
                }

                @media(min-width:992px){
                    .header-login-text:hover,
                    .header-login-text:focus{
                        border-color: rgba(76, 29, 139, 0.81) ;
                        background-color: rgba(76, 29, 139, 0.81) ;
                    }
                }

                .dt-paging .dt-paging-button.active .page-link:hover,
                .dt-paging .dt-paging-button.active .page-link:focus{
                    border-color: rgba(76, 29, 139, 0.81) !important;
                    background-color: rgba(76, 29, 139, 0.81) !important;
                }

                .ss-main .ss-values .ss-value{
                    border-color: rgba(76, 29, 139, 0.81) !important;
                    background-color: rgba(76, 29, 139, 0.81) !important;
                }

                .lb-page-btn.lb-page-active:hover,
                .lb-page-btn.lb-page-active:focus{
                    background: rgba(76, 29, 139, 0.81) !important;
                    border-color: rgba(76, 29, 139, 0.81) !important;
                }

                .tox .tox-tbtn:hover,
                .tox .tox-tbtn:focus {
                    background: rgba(76, 29, 139, 0.81) !important;
                }

            
                .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);
                }

                tox-btn,
                tox-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, .user-menu-btn .header-login-text .fa-chevron-down::before{
                         color:rgb(255, 255, 255);
                    }
                }

                .dt-paging .dt-paging-button.active .page-link,
                .dt-paging .dt-paging-button.active .page-link:hover,
                .dt-paging .dt-paging-button.active .page-link:focus{
                    color:rgb(255, 255, 255) !important;
                }

                .ss-main .ss-values .ss-value .ss-value-text{
                    color:rgb(255, 255, 255) !important;
                }

                .ss-main .ss-values .ss-value .ss-value-delete svg path{
                    stroke: rgb(255, 255, 255) !important;
                }

                .lb-page-btn.lb-page-active{
                    color: rgb(255, 255, 255) !important;
                }

                .tox .tox-tbtn {
                    color: rgb(255, 255, 255) !important;
                }

                .tox .tox-tbtn svg {
                    display: block;
                    fill: rgb(255, 255, 255) !important;
                }

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

                .btn.btn-danger,
                .delete.confirmAction,
                .delete.delete_btn{
                    border-color: rgb(192, 24, 94);
                    background-color: rgb(192, 24, 94);
                }
            
                .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(192, 24, 94, 0.8);
                    background-color: rgba(192, 24, 94, 0.8);
                }

                .btn.btn-danger:hover,
                .delete.confirmAction:hover,
                .delete.delete_btn:hover{
                    border-color: rgba(192, 24, 94, 0.8);
                    background-color: rgba(192, 24, 94, 0.8);
                }

            
                .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(15, 122, 110);
                    background-color: rgb(15, 122, 110);
                }

                .btn.btn-success{
                    border-color: rgb(15, 122, 110);
                    background-color: rgb(15, 122, 110);
                }
            
                .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(15, 122, 110, 0.81);
                    background-color: rgba(15, 122, 110, 0.81);
                }

                .btn.btn-success:hover{
                    border-color: rgba(15, 122, 110, 0.81);
                    background-color: rgba(15, 122, 110, 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(45, 90, 160);
                    background-color: rgb(45, 90, 160);
                }
            
                .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 {
                    border-color: rgba(45, 90, 160, 0.82);
                    background-color: rgba(45, 90, 160, 0.82);
                }
            
                .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;
                }

            
                input[type='radio']{
                    border: solid 1px rgb(229, 231, 235);
                }
            
                .radio label{
                    color: rgb(3, 7, 18);
                }

                input[type='radio']{
                    color:  rgb(3, 7, 18);
                }

                .radio:not(:has(input[type='radio']:checked)) .help-block{
                    color: rgb(3, 7, 18);
                }
            
                input[type='radio']:checked {
                    border: solid 6px rgb(76, 29, 139);
                }
                .input-StatusCourse:checked{
                    box-shadow: inset 0 0 0 0px #e8e8e8;
                    border: 0px solid #e8e8e8;
                    background-color: rgb(76, 29, 139);
                }
                .form-wrapper.form-edit label:has(input[type='radio']:checked){
                    color: rgb(76, 29, 139);
                }

                .radio label:has(input[type='radio']:checked),
                .radio:has(input[type='radio']:checked) .help-block{
                    color: rgb(76, 29, 139);
                }
            
                .radio:has(.input-StatusCourse:checked) .fa{
                    color: rgb(255, 255, 255);
                }
            
                label:has(input[type='radio']:disabled){
                    color: rgb(107, 114, 128);
                }
            
                .label-container > input[type='checkbox'] {
                    border: 1px solid rgb(229, 231, 235);
                }
                #display_sessions_switcher{
                    border: 1px solid rgb(229, 231, 235);
                }
            
                .label-container {
                    color: rgb(3, 7, 18);
                }
                #display_sessions_switcher{
                    color: rgb(3, 7, 18);
                }
            
                .label-container > input[type='checkbox']:checked {
                    border: 1px solid rgb(76, 29, 139);
                    background-color: rgb(76, 29, 139);
                }
                .label-container > input[type='checkbox']:active {
                    border: 1px solid rgb(76, 29, 139);
                }
                #display_sessions_switcher:checked{
                    border: 1px solid rgb(76, 29, 139);
                    background-color: rgb(76, 29, 139);
                }
            
                .label-container:has(input[type='checkbox']:checked),
                .label-container:has(input[type='checkbox']:checked) .fa{
                    color: rgb(3, 7, 18);
                }
                #display_sessions_switcher:checked{
                    color: rgb(3, 7, 18);
                }
            
                .label-container > input[type='checkbox']:checked + .checkmark::before {
                    color: rgb(255, 255, 255);
                }
            
                .label-container:has(input[type='checkbox']:disabled){
                    color: rgb(107, 114, 128);
                }
                #display_sessions_switcher:disabled{
                    color: rgb(107, 114, 128);
                }
            
                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);
                }

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

                .dt-container.dt-bootstrap5 input[type='text']:focus,
                .dt-container.dt-bootstrap5 input[type='number']:focus,
                .dt-container.dt-bootstrap5 input[type='email']:focus,
                .dt-container.dt-bootstrap5 input[type='url']:focus,
                .dt-container.dt-bootstrap5 input[type='search']:focus,
                .dt-container.dt-bootstrap5 .form-control:focus,
                .dt-container.dt-bootstrap5 .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(229, 231, 235);
                }

                textarea,
                textarea.form-control{
                    border-color: rgb(229, 231, 235);
                }

                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(229, 231, 235);
                }

                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(229, 231, 235);
                }


                .dt-container.dt-bootstrap5 input[type='text'],
                .dt-container.dt-bootstrap5 input[type='password'],
                .dt-container.dt-bootstrap5 input[type='email'],
                .dt-container.dt-bootstrap5 input[type='number'],
                .dt-container.dt-bootstrap5 input[type='url'],
                .dt-container.dt-bootstrap5 input[type='search']{
                    border-color: rgb(229, 231, 235) !important;
                }

                .dt-container.dt-bootstrap5 input[type='text']:focus,
                .dt-container.dt-bootstrap5 input[type='number']:focus,
                .dt-container.dt-bootstrap5 input[type='email']:focus,
                .dt-container.dt-bootstrap5 input[type='url']:focus,
                .dt-container.dt-bootstrap5 input[type='search']:focus,
                .dt-container.dt-bootstrap5 .form-control:focus,
                .dt-container.dt-bootstrap5 .uneditable-input:focus {
                    border-color: rgb(229, 231, 235) !important;
                }

                .input-border-color {
                    border-color: rgb(229, 231, 235) ;
                }

                .form-control:disabled,
                .form-control[readonly] {
                    border-color: rgb(229, 231, 235) ;
                }


                .wallWrapper textarea:focus{
                    border-color: rgb(229, 231, 235) ;
                }

                .panelCard-exercise .blank{
                    border: solid 1px rgb(229, 231, 235) ;
                }

            
                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(3, 7, 18);
                }

                textarea,
                textarea::placeholder,
                textarea.form-control{
                    color: rgb(3, 7, 18);
                }

                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(3, 7, 18);
                }

                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(3, 7, 18);
                }



                .dt-container.dt-bootstrap5 input::placeholder{
                    color: rgb(3, 7, 18) !important;
                }

                .dt-container.dt-bootstrap5 input[type='text'],
                .dt-container.dt-bootstrap5 input[type='password'],
                .dt-container.dt-bootstrap5 input[type='email'],
                .dt-container.dt-bootstrap5 input[type='number'],
                .dt-container.dt-bootstrap5 input[type='url'],
                .dt-container.dt-bootstrap5 input[type='search']{
                    color: rgb(3, 7, 18) !important;
                }

                .dt-container.dt-bootstrap5 input[type='text']:focus,
                .dt-container.dt-bootstrap5 input[type='number']:focus,
                .dt-container.dt-bootstrap5 input[type='email']:focus,
                .dt-container.dt-bootstrap5 input[type='url']:focus,
                .dt-container.dt-bootstrap5 input[type='search']:focus,
                .dt-container.dt-bootstrap5 .form-control:focus,
                .dt-container.dt-bootstrap5 .uneditable-input:focus {
                    color: rgb(3, 7, 18) !important;
                }

                .input-group-text .fa-calendar{
                    color: rgb(3, 7, 18);
                }

            

                select.form-select {
                    border-color: rgb(229, 231, 235);
                }

                select.form-select:focus {
                    border-color: rgb(229, 231, 235);
                }

                .dt-container.dt-bootstrap5 select {
                    border-color: rgb(229, 231, 235) !important;;
                }

                .dt-container.dt-bootstrap5 select:focus {
                    border-color: rgb(229, 231, 235) !important;;
                }

                .select2-selection.select2-selection--multiple{
                    border-color: rgb(229, 231, 235) !important;
                }

                .select2-container--default .select2-selection--multiple .select2-selection__choice {
                    border: 1px solid rgb(229, 231, 235) !important;
                }

                select:-webkit-autofill:hover,
                select:-webkit-autofill:focus {
                    border: 1px solid rgb(229, 231, 235);
                }

                tox-floatpanel {
                    border: 1px solid rgb(229, 231, 235) !important;;
                }

                .select2-container--default .select2-selection--single{
                    border: 1px solid rgb(229, 231, 235) !important;
                }

            

                select.form-select {
                    color: rgb(3, 7, 18);
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgb(3, 7, 18)' 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(3, 7, 18);
                }

                select.form-select option:not(:checked) {
                    color: rgb(3, 7, 18);
                }

                .dt-container.dt-bootstrap5 select {
                    color: rgb(3, 7, 18) !important;;
                }

                .dt-container.dt-bootstrap5 select:focus {
                    color: rgb(3, 7, 18) !important;;
                }

                .dt-container.dt-bootstrap5 select option:not(:checked) {
                    color: rgb(3, 7, 18) !important;;
                }

                .select2-selection.select2-selection--multiple{
                    color: rgb(3, 7, 18) !important;
                }

                .select2-selection--multiple:before {
                    border-top: 5px solid rgb(3, 7, 18) !important;
                }

                .select2-container--default .select2-selection--multiple .select2-selection__choice {
                    color: rgb(3, 7, 18) !important;
                }

                select:-webkit-autofill:hover,
                select:-webkit-autofill:focus {
                    -webkit-text-fill-color: rgb(3, 7, 18);
                }

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

                tox-menu-item{
                    color: rgb(3, 7, 18) !important;
                }

                tox-menu-item tox-text {
                    color: rgb(3, 7, 18) !important;
                }

                .select2-container--default .select2-selection--single .select2-selection__rendered{
                    color: rgb(3, 7, 18) !important;
                }

                .ss-content .ss-list .ss-option,
                .ss-main .ss-values .ss-placeholder,
                .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{
                    color: rgb(3, 7, 18) !important;
                }
                .ss-main .ss-arrow path{
                   stroke: rgb(3, 7, 18) !important;
                }

            

                select.form-select option:hover{
                    background-color: rgb(76, 29, 139);
                }

                .dt-container.dt-bootstrap5 select option:hover{
                    background-color: rgb(76, 29, 139) !important;;
                }

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

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

                tox-menu-item:hover{
                    background-color: rgb(76, 29, 139) !important;
                }

                .ss-content .ss-list .ss-option:hover:not(.ss-disabled){
                    background-color: rgb(76, 29, 139) !important;
                }


            

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

                .dt-container.dt-bootstrap5 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;
                }

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

                tox-menu-item-normaltox-active:hover tox-text {
                    color: rgb(255, 255, 255) !important;
                }

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

                .ss-content .ss-list .ss-option:hover:not(.ss-disabled){
                    color: rgb(255, 255, 255) !important;
                }

            

                select.form-select option:checked{
                    background-color: rgb(76, 29, 139);
                }

                .dt-container.dt-bootstrap5 select option:checked{
                    background-color: rgb(76, 29, 139) !important;;
                }


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

                tox-menu-item-normaltox-active {
                    background-color: rgb(76, 29, 139) !important;
                }

                tox-menu-item:hover,
                tox-menu-itemtox-selected,
                tox-menu-item:focus {
                    background-color: rgb(76, 29, 139) !important;
                }

                .dropdown-item.active,
                .dropdown-item:active {
                    background-color:  rgb(76, 29, 139) !important;
                }

                .ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{
                    background-color:  rgb(76, 29, 139) !important;
                }

            

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

                .dt-container.dt-bootstrap5 select option:checked{
                    color: rgb(255, 255, 255) !important;;
                }


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

                tox-menu-item-normaltox-active {
                    color: rgb(255, 255, 255) !important;
                }

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

                tox-menu-item-normaltox-active tox-text {
                    color: rgb(255, 255, 255) !important;
                }

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

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

                .ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{
                    color: rgb(255, 255, 255) !important;
                }


            

                .ContentLeftNav, #collapseTools{
                    background: rgb(17, 24, 39);
                }

            

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

            

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

                .progress-module table:not(.pg-info-table) thead {
                    background: rgb(255, 255, 255) !important;
                }

                .progress-module table:not(.pg-info-table) tbody tr:hover {
                    background-color: rgb(255, 255, 255) !important;
                }

            
                .table-default tbody tr{
                    border-bottom: solid 1px rgb(229, 231, 235) !important;
                }
                table.dataTable tbody td{
                    border-bottom: solid 1px rgb(229, 231, 235) !important;
                }
                table.dataTable.no-footer {
                    border-bottom: 1px solid rgb(229, 231, 235) !important;
                }
                .dt-container.dt-bootstrap5 .dt-scroll-body {
                    border-bottom: 1px solid rgb(229, 231, 235) !important;
                }
                table.dataTable tfoot th, table.dataTable tfoot td {
                    border-top: 1px solid  rgb(229, 231, 235) !important;
                }
                .table>:not(:last-child)>:last-child>* {
                    border-bottom-color: rgb(229, 231, 235) !important;
                }

                .progress-module table:not(.pg-info-table) thead {
                    border-bottom: 2px solid rgb(229, 231, 235) !important;
                }
            
                .table-default tbody tr{
                   box-shadow: 0px 0 30px rgb(255, 255, 255) !important;
                }
                table.dataTable.no-footer {
                    box-shadow: 0px 0 30px rgb(255, 255, 255) !important;
                }
                .dt-container.dt-bootstrap5 .dt-scroll-body,
                .dt-container.dt-bootstrap5 .dt-scroll {
                    box-shadow: 0px 0 30px rgb(255, 255, 255) !important;
                }
                table.dataTable tfoot th, table.dataTable tfoot td {
                    box-shadow: 0px 0 30px rgb(255, 255, 255) !important;
                }

                .progress-module table:not(.pg-info-table) thead {
                    box-shadow: 0px 0 30px rgb(255, 255, 255) !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(229, 231, 235) !important;
                }
                table.dataTable thead th,
                table.dataTable thead td {
                    border-bottom: 1px solid rgb(229, 231, 235) !important;
                }

                .progress-module table:not(.pg-info-table) thead {
                    border-bottom: 1px solid rgb(229, 231, 235) !important;
                }
            
                tox-panel {
                    border: solid 1px rgb(229, 231, 235) !important;
                }

                .tox-tinymce {
                    border: solid 2px rgb(229, 231, 235) !important;
                }
            

                tox-toolbar tox-btn i {
                    color: rgb(3, 7, 18) !important;
                }

                tox-menubtn span {
                    color: rgb(3, 7, 18) !important;
                }
                tox-btn i {
                    text-shadow: 0px 0px rgb(3, 7, 18) !important;
                }

                tox-container, tox-container *, tox-widget, tox-widget *, tox-reset {
                    color: rgb(3, 7, 18) !important;
                }

                tox-caret {
                    border-top: 4px solid rgb(3, 7, 18) !important;
                }

                tox-toolbar tox-btn itox-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(3, 7, 18)' 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;
                }

            

                a, .toolAdminText{
                    color: rgb(76, 29, 139);
                }


                .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(76, 29, 139) !important;
                }

                .Primary-600-cl,
                .Primary-500-cl {
                    color: rgb(76, 29, 139);
                }

                .Primary-500-bg {
                    background-color:  rgb(76, 29, 139);
                }

                .menu-item.active,
                .menu-item.active2{
                    color:  rgb(76, 29, 139);
                }

                .portfolio-tools a{
                    color: rgb(76, 29, 139);
                }

                .nav-link-adminTools{
                    color: rgb(76, 29, 139);
                }

                #cal-slide-content a.event-item{
                    color: rgb(76, 29, 139) !important;
                }

                .dataTables_paginate.paging_simple_numbers span .paginate_button,
                .dataTables_paginate.paging_full_numbers span .paginate_button{
                    color: rgb(76, 29, 139) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.current,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.current:hover {
                    color: rgb(76, 29, 139) !important;
                    background: transparent !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.disabled,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.disabled:hover,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.disabled:active {
                    color: rgb(76, 29, 139) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button:hover {
                    color: rgb(76, 29, 139) !important;
                    background: transparent !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button:active {
                    background: transparent !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.next:hover,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.last:hover{
                    color: rgb(76, 29, 139) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.next.disabled:hover,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.last.disabled:hover{
                    color: rgb(76, 29, 139) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.previous:hover,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.first:hover{
                    color: rgb(76, 29, 139) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.previous.disabled:hover,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.first.disabled:hover{
                    color: rgb(76, 29, 139) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.previous,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.first {
                    color: rgb(76, 29, 139) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.next,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.last{
                    color: rgb(76, 29, 139) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.disabled{
                    color: rgb(76, 29, 139) !important;
                }

                .commentPress:hover{
                    color: rgb(76, 29, 139);
                }

                #cal-slide-content a.event-item {
                    color: rgb(76, 29, 139) !important;
                }

                .tree-units summary::before,
                .tree-sessions summary::before{
                    background: rgb(76, 29, 139) url(https://eclass-dev.codedev123.com//resources/img/units-expand-collapse.svg) 0 0;
                }

                .more-enabled-login-methods div{
                    color: rgb(76, 29, 139);
                }

                .ClickCourse,
                .ClickCourse:hover{
                    color: rgb(76, 29, 139);
                }

                .carousel-prev-btn,
                .carousel-prev-btn:hover,
                .carousel-next-btn,
                .carousel-next-btn:hover{
                    color: rgb(76, 29, 139);
                }

                .link-color{
                    color: rgb(76, 29, 139);
                }

                .appIcon span{
                   color: rgb(76, 29, 139);
                }

                .up-lb-username-link {
                    color: rgb(76, 29, 139);
                }

                .pg-list-more {
                    color: rgb(76, 29, 139);
                }

            
                a:hover, a:focus{
                    color: rgb(248, 50, 164);
                }

                #btn-search:hover, #btn-search:focus{
                    color: rgb(248, 50, 164);
                }

                .portfolio-tools a:hover{
                    color: rgb(248, 50, 164);
                }

                .nav-link-adminTools:hover{
                    color: rgb(248, 50, 164);
                }

                .link-color:hover,
                .link-color:focus{
                    color: rgb(248, 50, 164);
                }

                .appIcon:hover{
                    background-color: rgb(248, 50, 164);
                }

                .up-lb-username-link:hover {
                    color: rgb(248, 50, 164);
                }

                .pg-list-more:hover {
                    color: rgb(248, 50, 164);
                }

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

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

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

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

            
                #leftnav .panel .panel-sidebar-heading:hover{
                    color: rgb(76, 29, 139);
                }

                #leftnav .panel .panel-sidebar-heading:hover span{
                    color: rgb(76, 29, 139);
                }

                #leftnav .panel .panel-sidebar-heading:hover .Tools-active-deactive{
                    color: rgb(76, 29, 139);
                }
            
                .contextual-sidebar .list-group-item, .menu_btn_button .fa-bars{
                    color: rgb(255, 255, 255);
                }
            
                .contextual-sidebar .list-group-item:hover{
                    color:rgb(248, 50, 164);
                }
            
                .contextual-sidebar .list-group-item:hover{
                    background-color:rgb(17, 24, 39);
                }
            
                .contextual-sidebar .list-group-item.active {
                    background-color: rgb(76, 29, 139);
                }
            
                .contextual-sidebar .list-group-item.active {
                    color: rgb(255, 255, 255);
                }
            
                .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(229, 231, 235);
                }

                .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(76, 29, 139);
                }

            
                .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(248, 50, 164);
                }

            
                .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(3, 7, 18);
                }

            
                .card-announcement-date {
                    background-color: rgb(255, 255, 255) !important;
                    border: solid 1px rgb(255, 255, 255);
                }
            
                .card-announcement-date * {
                    color: rgb(76, 29, 139);
                }
            
                .homepage-statistics-container{
                    background: linear-gradient(105deg, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 60%);
                }

            
                .homepage-statistics-container .card-header h3,
                .homepage-statistics-container .card-header .text-heading-h3{
                    color: rgb(3, 7, 18);
                }

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

            
                .homepage-popoular-courses-container .card-header h3,
                .homepage-popoular-courses-container .card-header .text-heading-h3{
                    color: rgb(3, 7, 18);
                }

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

            
                .homepage-texts-container *{
                    color: rgb(3, 7, 18);
                }

            
                @media(min-width:992px){
                    .col_maincontent_active {
                        border-left: solid 1px rgb(229, 231, 235);
                    }

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

            
                    .ContentLeftNav, 
                    .main-maincontent {
                        border: solid 1px rgb(229, 231, 235) !important;
                    }
                    @media(max-width: 991px) {
                        .ContentLeftNav, 
                        .main-maincontent {
                            border: 0px !important;
                        }
                    }
                

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

                .primary-dashed-card .rubric-title,
                .dashed-card .rubric-title{
                    background-color: rgb(255, 255, 255) !important;
                }

                .progress-module .progress-card,
                .progress-module .panel,
                .progress-module .panel-default,
                .progress-module .panel-success,
                .progress-module .panel-info,
                .progress-module .panel-body-progress,
                .progress-module .card,
                .progress-module .card-default,
                .progress-module .panelCard,
                .progress-module .panelCard.border-card-left-default,
                .progress-module div[class*='panel'],
                .progress-module > div > .panel,
                .progress-module .row > div > .panel {
                    background: rgb(255, 255, 255) !important;
                }

                .reward-list-card {
                    background: rgb(255, 255, 255);
                }

                .up-lb-row {
                    background: rgb(255, 255, 255);
                }

                .pg-list-card {
                    background: rgb(255, 255, 255);
                }

                .progress-activity-card {
                    background: rgb(255, 255, 255);
                }

                .exercise-accordion .accordion-body {
                    background-color: rgb(255, 255, 255);
                }

                .exercise-accordion .accordion-button,
                .exercise-accordion .accordion-button:not(.collapsed){
                    background-color: rgb(255, 255, 255);
                }

                .exercise-accordion .accordion-item {
                    background-color: rgb(255, 255, 255);
                }


            

                .card,
                .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(229, 231, 235);
                }

                .panelCard.border-card-left-default {
                    border-left: solid 7px rgb(229, 231, 235);
                }

                .border-top-default{
                    border-top: solid 1px rgb(229, 231, 235);
                    border-left: none;
                    border-right: none;
                    border-bottom: none;
                }

                .BorderSolidDes{
                    border: solid 1px rgb(229, 231, 235);
                }

                .wallWrapper{
                    border: solid 1px rgb(229, 231, 235) !important;
                }

                .testimonials .testimonial {
                    border: solid 1px rgb(229, 231, 235) ;
                }

                /* active testimonial */
                .testimonial.slick-slide.slick-current.slick-active.slick-center{
                    border: solid 1px rgb(229, 231, 235) ;
                }

                #lti_label{
                    border: solid 1px rgb(229, 231, 235) !important;
                }

                #jsmind_container {
                    border: solid 1px rgb(229, 231, 235) !important;
                }

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

                .panel-default:has(.panel-heading) {
                    border: solid 1px rgb(229, 231, 235);
                }

                .panel-default:not(:has(.panel-heading)){
                    border: solid 1px rgb(229, 231, 235);
                }

                .card-affixed{
                    border: solid 1px rgb(229, 231, 235);
                }

                .progress-module .progress-card,
                .progress-module .panel,
                .progress-module .panel-default,
                .progress-module .panel-success,
                .progress-module .panel-info,
                .progress-module .panel-body-progress,
                .progress-module .card,
                .progress-module .card-default,
                .progress-module .panelCard,
                .progress-module .panelCard.border-card-left-default,
                .progress-module div[class*='panel'],
                .progress-module > div > .panel,
                .progress-module .row > div > .panel {
                    border: 1px solid rgb(229, 231, 235) !important;
                }

                .reward-list-card {
                    border: 1px solid rgb(229, 231, 235) !important;
                }

                .up-lb-row {
                    border: 1px solid rgb(229, 231, 235);
                }

                .pg-list-card {
                    border: 1px solid rgb(229, 231, 235);
                }

                .progress-activity-card {
                    border: 1px solid rgb(229, 231, 235);
                }

                .epf-panel-card {
                    border: 1px solid rgb(229, 231, 235) !important;
                }

                .exercise-accordion .accordion-body {
                    border-top: 1px solid rgb(229, 231, 235);
                }

                .exercise-accordion .accordion-item {
                    border: 1px solid rgb(229, 231, 235);
                }


            
                    .main-section .main-container,
                    .portfolio-courses-container .padding-default {
                        border: 1px solid rgb(229, 231, 235);
                    }

                    .main-container.main-container-login {
                        border: 0px !important;
                    }
                
                .card-default:hover{
                    background-color: rgb(255, 255, 255);
                    -webkit-transition: background-color 2s ease-out;
                    -moz-transition: background-color 2s ease-out;
                    -o-transition: background-color 2s ease-out;
                    transition: background-color 2s ease-out;
                }

                .testimonial.slick-current.slick-active.slick-center:hover{
                    background-color: rgb(255, 255, 255) !important;
                    -webkit-transition: background-color 2s ease-out;
                    -moz-transition: background-color 2s ease-out;
                    -o-transition: background-color 2s ease-out;
                    transition: background-color 2s ease-out;
                }
            

                .card-default:hover caption,
                .card-default:hover h1,
                .card-default:hover h2,
                .card-default:hover h3,
                .card-default:hover h4,
                .card-default:hover h5,
                .card-default:hover h6,
                .card-default:hover p,
                .card-default:hover strong,
                .card-default:hover small,
                .card-default:hover .Neutral-900-cl,
                .card-default:hover .form-label,
                .card-default:hover .default-value,
                .card-default:hover label,
                .card-default:hover th,
                .card-default:hover td,
                .card-default:hover .panel-body,
                .card-default:hover .card-body,
                .card-default:hover div,
                .card-default:hover .visibleFile,
                .card-default:hover .help-block,
                .card-default:hover .control-label-notes,
                .card-default:hover .title-default,
                .card-default:hover .modal-title-default,
                .card-default:hover .text-heading-h2,
                .card-default:hover .text-heading-h3,
                .card-default:hover .text-heading-h4,
                .card-default:hover .text-heading-h5,
                .card-default:hover .text-heading-h6,
                .card-default:hover .action-bar-title{
                    color: rgb(3, 7, 18);
                    -webkit-transition: background-color 2s ease-out;
                    -moz-transition: background-color 2s ease-out;
                    -o-transition: background-color 2s ease-out;
                    transition: background-color 2s ease-out;
                }

                .card-default:hover .text-muted{
                    color: rgb(3, 7, 18) !important;
                    -webkit-transition: background-color 2s ease-out;
                    -moz-transition: background-color 2s ease-out;
                    -o-transition: background-color 2s ease-out;
                    transition: background-color 2s ease-out;
                }

                .testimonial.slick-current.slick-active.slick-center:hover *{
                    color: rgb(3, 7, 18) !important;
                    -webkit-transition: background-color 2s ease-out;
                    -moz-transition: background-color 2s ease-out;
                    -o-transition: background-color 2s ease-out;
                    transition: background-color 2s ease-out;
                }

                .card-default:hover .circle-img-contant{
                    border: solid 1px rgb(3, 7, 18);
                }


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

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

                .progress-module .progress-card,
                .progress-module .panel,
                .progress-module .panel-default,
                .progress-module .panel-success,
                .progress-module .panel-info,
                .progress-module .panel-body-progress,
                .progress-module .card,
                .progress-module .card-default,
                .progress-module .panelCard,
                .progress-module .panelCard.border-card-left-default,
                .progress-module div[class*='panel'],
                .progress-module > div > .panel,
                .progress-module .row > div > .panel {
                    box-shadow: 0 4px 6px -1px rgba(255, 255, 255, 0) !important;
                }

                .reward-list-card {
                    box-shadow: 0 1px 4px rgba(255, 255, 255, 0);
                }

                .up-lb-row {
                    box-shadow: 0 1px 3px rgba(255, 255, 255, 0);
                }

                .pg-list-card {
                    box-shadow: 0 1px 3px rgba(255, 255, 255, 0);
                }

                .progress-activity-card {
                    box-shadow: 0 1px 3px rgba(255, 255, 255, 0);
                }

                .epf-panel-card {
                    box-shadow: 0 1px 6px rgba(255, 255, 255, 0) !important;
                }

            
                .panelCard-comments{
                    background-color: rgb(255, 255, 255);
                }
            
                .panelCard-comments{
                    border: solid 1px rgb(229, 231, 235);
                }
            
                .panelCard-questionnaire,
                .cardReports{
                    background-color: rgb(255, 255, 255);
                }
            
                .panelCard-questionnaire,
                .cardReports{
                    border: solid 1px rgb(229, 231, 235);
                }
            
                .cardReports{
                    background-color: rgb(255, 255, 255);
                }
            
                .cardReports{
                    border: solid 1px rgb(229, 231, 235);
                }
            
                .progress-activity-card{
                    background: rgb(255, 255, 255);
                }
            
                .progress-activity-card{
                    border: solid 1px rgb(229, 231, 235);
                }
            
                .panelCard-exercise{
                    background-color: rgb(255, 255, 255);
                }
            
                .panelCard-exercise{
                    border: solid 1px rgb(229, 231, 235);
                }
            
                .breadcrumbs-init {
                    background-color: rgb(255, 255, 255);
                    border-radius: 10px;
                }
                .breadcrumbs-init {
                    padding-top: 0.25rem !important;
                    padding: 10px 15px 5px 15px;
                }
            
                .breadcrumbs-init {
                    border: solid 1px rgb(229, 231, 235);
                }
            
                #leftTOCtoggler,
                .prev-next-learningPath{
                    color:rgb(17, 24, 39);
                }

            

                @media (max-width: 991px) {

                    .portfolio-profile-container {
                        padding-top: 56px !important;
                        padding-left: 0px !important;
                        padding-bottom: 0px !important;
                        padding-right: 0px !important;
                    }

                    .section-portfolio-profile-container-info .padding-default {
                        padding-top: 0px !important;
                        padding-left: 0px !important;
                        padding-right: 0px !important;
                        padding-bottom: 0px !important;
                    }

                    .section-portfolio-profile-container-btns .padding-default {
                        padding-top: 0px !important;
                        padding-left: 0px !important;
                        padding-right: 0px !important;
                        padding-bottom: 0px !important;
                    }

                    .portfolio-courses-container {
                        padding: 0px;
                    }

                    .brief-profile-container-info,
                    .brief-profile-container-btns {
                        padding: 32px 16px 32px 16px;
                    }
                }
                
                @media (min-width: 992px) {

                    .portfolio-profile-container .padding-default {
                        margin-top: 28px !important;
                        margin-bottom: 28px !important;
                        padding: 45px 45px !important;
                        border-radius: 32px !important;
                    }

                    .section-portfolio-profile-container-info .padding-default {
                        padding-left: 0px !important;
                        padding-right: 0px !important;
                        padding-bottom: 0px !important;
                    }

                    .section-portfolio-profile-container-btns .padding-default {
                        padding-top: 0px !important;
                        padding-left: 0px !important;
                        padding-right: 0px !important;
                    }


                    .main-section .main-container {
                        padding: 45px 45px !important;
                        border-radius: 32px !important;
                        margin-bottom: 28px !important;
                        margin-top: 28px !important;
                    }

                    .module-container .col_maincontent_active {
                        padding: 45px 45px !important;
                    }

                    .brief-profile-container-btns {
                        border-bottom-left-radius: 32px !important;
                        border-bottom-right-radius: 32px !important;
                        padding: 25px 55px !important;
                    }

                    .brief-profile-container-info {
                        position: relative !important;
                        overflow: hidden !important;
                        padding: 45px 55px !important;
                        border-top-left-radius: 32px !important;
                        border-top-right-radius: 32px !important;
                    }

                    .brief-profile-container-info::after {
                        content:'' !important;
                        position:absolute !important;
                        right:-80px !important;
                        bottom:-150px !important;
                        width:350px !important;
                        height:350px !important;
                        filter: blur(60px) !important;
                        z-index:0 !important;

                    }
                        
                    

                    .portfolio-courses-container .padding-default {
                        padding: 45px 55px !important;
                        border-radius: 32px !important;
                        margin-bottom: 28px !important;
                    } 


                    body:has(.sidebar-card) .main-maincontent {
                        border-top-left-radius: 0px;
                        border-top-right-radius: 32px;
                        border-bottom-left-radius: 0px;
                        border-bottom-right-radius: 32px;
                    }

                    .sidebar-card .ContentLeftNav {
                        border-top-left-radius: 32px;
                        border-top-right-radius: 0px;
                        border-bottom-left-radius: 32px;
                        border-bottom-right-radius: 0px;
                    }
                }

            
                @media (min-width: 992px) {

                    .portfolio-profile-container .padding-default {
                        border-radius: 4px !important;
                    }

                    .main-section .main-container {
                        border-radius: 4px !important;
                    }

                    .brief-profile-container-info {
                        border-top-left-radius: 4px !important;
                        border-top-right-radius: 4px !important;
                    }

                    .brief-profile-container-btns {
                        border-bottom-left-radius: 4px !important;
                        border-bottom-right-radius: 4px !important;
                    }

                    .portfolio-courses-container .padding-default {
                        border-radius: 4px !important;
                    } 


                    body:has(.sidebar-card) .main-maincontent {
                        border-top-right-radius: 4px;
                        border-bottom-right-radius: 4px;
                    }

                    .sidebar-card .ContentLeftNav {
                        border-top-left-radius: 4px;
                        border-bottom-left-radius: 4px;
                    }

                    .breadcrumbs-init {
                        border-radius: 4px;
                    }

                }
            
                .main-section .main-container{
                    background-color: rgb(243, 244, 246) !important;
                }
                .portfolio-courses-container .padding-default{
                    background-color: rgb(243, 244, 246) !important;
                } 
                .main-container.main-container-login {
                    background-color: transparent !important;
                }
            
                @media(min-width: 992px) {
                    .main-section .main-container{
                        border:solid 1px rgb(229, 231, 235) !important;
                    }
                    .portfolio-courses-container .padding-default,
                    .portfolio-profile-container .padding-default{
                        border:solid 1px rgb(229, 231, 235) !important;
                    } 
                    .main-container.main-container-login {
                        border: 0px !important;
                        padding: 0 !important;
                    }
                }
                @media(max-width: 991px) {
                    .portfolio-profile-container .padding-default,
                    .main-section .main-container, 
                    .portfolio-courses-container .padding-default,
                    .col_maincontent_active,
                    .ContentLeftNav,
                    .main-maincontent {
                        border: 0px !important;
                    }
                }
            
                .form-homepage-login {
                    border: solid 1px rgb(229, 231, 235) !important;
                }
                .login-main-section .form-wrapper.form-edit {
                    border: 0px !important;
                }
            
                .form-homepage-login a:not(.sso-btn) {
                    color: rgb(76, 29, 139) !important;
                }
            
                @media(min-width: 992px) {
                    .header-login-text {
                        border-color: rgb(76, 29, 139) !important;
                        background-color: rgb(76, 29, 139) !important;
                    }
                }
            
                @media (min-width: 992px) {
                    .header-login-text, 
                    .header-login-text:hover, 
                    .header-login-text:focus{
                        color: rgb(255, 255, 255) !important;
                    }
                }
            
                @media (min-width: 992px) {
                    .header-login-text:hover, 
                    .header-login-text:focus {
                        border-color: rgba(76, 29, 139, 0.79) !important;
                        background-color: rgba(76, 29, 139, 0.79) !important;
                    }
                }