#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-btns{
                    background-color: rgb(140, 236, 247) !important;
                }
            
                .myProfileBtn,
                .dashboard-card-btn{
                    background: rgba(0, 115, 230, 0.79) !important;
                }
            
                .jumbotron.jumbotron-login{
                    background: radial-gradient(closest-corner at 30% 60%, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
                }
                .radial-gradient-video{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: radial-gradient(closest-corner at 30% 60%, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
                    z-index: 2;
                    pointer-events: none;
                }
            
                    .jumbotron.jumbotron-login{
                        background: radial-gradient(closest-corner at 30% 60%, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)), url('/courses/theme_data/32/CUfPyCY-sivCRTLwySeapA.jpg');
                        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);
                    }

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

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

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

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

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

                    body:has(.fixed-announcement) .jumbotron.jumbotron-login:has(video){
                        height: calc(100vh - 56px - 60px);
                    }
                }
            
                .jumbotron-intro-text *{
                    color: rgb(255, 255, 255) !important;
                }
            
                .jumbotron-intro-text{
                    max-width: 1920px;
                }
            
                    @media(min-width:992px){
                        .jumbotron.jumbotron-login{
                            display: flex;
                            align-items: top;
                        }
                        .overlay-video-container {
                            display: flex;
                            align-items: top;
                        }
                    }
                    @media(max-width:991px){
                        .jumbotron.jumbotron-login{
                            display: flex;
                            align-items: top;
                        }
                        .overlay-video-container {
                            display: flex;
                            align-items: top;
                        }
                    }
                #openeclass-banner {display: none;}


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

                .container-items .menu-item{
                    color: rgb(5, 5, 5);
                }

                #search_terms,
                #search_terms::placeholder{
                    color:rgb(5, 5, 5);
                }

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

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

                .header-mobile-link{
                    color:rgb(5, 5, 5);
                }

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

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

            
                .container-items .menu-item.active,
                .container-items .menu-item.active2 {
                    background-color: rgb(239, 244, 250);
                }
            
                .container-items .menu-item.active,
                .container-items .menu-item.active2 {
                    color: rgb(0, 185, 230);
                }
            
                .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(0, 154, 230);
                }

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

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

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

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

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

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

            
                #bgr-cheat-header{ box-shadow: 1px 2px 6px rgba(43,57,68,0.04); }
            
                .list-group-item.list-group-item-action,
                .list-group-item.element{
                    padding-left: 0px;
                    padding-right: 0px;
                }
            
                .submitAdminBtn:hover,
                .cancelAdminBtn:hover,
                .opencourses_btn:hover,
                .submitAdminBtn:focus,
                .cancelAdminBtn:focus,
                .opencourses_btn:focus {
                    background-color: rgb(239, 246, 255);
                }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            
                .submitAdminBtn.active{
                    border-color: rgba(0, 115, 230, 0.78);
                    background-color: rgba(0, 115, 230, 0.78);
                }

                .login-form-submit{
                    border-color: rgba(0, 115, 230, 0.78);
                    background-color: rgba(0, 115, 230, 0.78);
                }

                .submitAdminBtnDefault,
                input[type=submit],
                button[type=submit]{
                    border-color: rgba(0, 115, 230, 0.78);
                    background-color: rgba(0, 115, 230, 0.78);
                }

                .submitAdminBtnClassic.active {
                    border-color: rgba(0, 115, 230, 0.78) ;
                    background-color: rgba(0, 115, 230, 0.78) ;
                }

                .form-wrapper:has(.submitAdminBtn) .submitAdminBtn,
                .form-horizontal:has(.submitAdminBtn) .submitAdminBtn {
                    border-color: rgba(0, 115, 230, 0.78) ;
                    background-color: rgba(0, 115, 230, 0.78) ;
                }


                .carousel-indicators>button.active {
                    border-color: tranparent;
                    background-color: rgba(0, 115, 230, 0.78);
                }


                .pagination-glossary .page-item.active .page-link {
                    background-color: rgba(0, 115, 230, 0.78);
                    border-color: rgba(0, 115, 230, 0.78);
                }

                .bootbox.show .modal-footer .submitAdminBtn,
                .modal.show .modal-footer .submitAdminBtn {
                    border-color: rgba(0, 115, 230, 0.78);
                    background-color: rgba(0, 115, 230, 0.78);
                }

                .btn.btn-primary{
                    background-color: rgba(0, 115, 230, 0.78);
                    border-color: rgba(0, 115, 230, 0.78);
                }

                .nav-link-adminTools.Neutral-900-cl.active{
                    background-color: rgba(0, 115, 230, 0.78);
                }


                .searchGroupBtn{
                    background-color: rgba(0, 115, 230, 0.78);
                }

                .wallWrapper:has(.submitAdminBtn) .submitAdminBtn{
                    background-color: rgba(0, 115, 230, 0.78);
                    border-color: rgba(0, 115, 230, 0.78);
                }

                .myProfileBtn{
                    background-color: rgba(0, 115, 230, 0.78);
                    border-color: rgba(0, 115, 230, 0.78);
                }

                .showCoursesBars.active,
                .showCoursesPics.active{
                    background-color: rgba(0, 115, 230, 0.78);
                }

                .pagination-glossary .page-item.active .page-link{
                    background-color: rgba(0, 115, 230, 0.78);
                    border-color: rgba(0, 115, 230, 0.78);
                }

                .exist_event_session{
                    background-color: rgba(0, 115, 230, 0.78) !important;
                    border-color: rgba(0, 115, 230, 0.78) !important;
                }

                .list-group-upgrade .list-group-item.element.active{
                    background-color: rgba(0, 115, 230, 0.78) !important;
                }

                .btnScrollToTop{
                    border-color: rgba(0, 115, 230, 0.78) ;
                    background-color: rgba(0, 115, 230, 0.78) ;
                }

                .pagination page-link.active{
                    border-color: rgba(0, 115, 230, 0.78) ;
                    background-color: rgba(0, 115, 230, 0.78) ;
                }

                .mycourses-pagination .page-item .page-link.active {
                    border-color: rgba(0, 115, 230, 0.78) ;
                    background-color: rgba(0, 115, 230, 0.78) ;
                }

                @media(min-width:992px){
                    .header-login-text{
                        border-color: rgba(0, 115, 230, 0.78) ;
                        background-color: rgba(0, 115, 230, 0.78) ;
                    }
                }

                .dt-paging .dt-paging-button.active .page-link,
                .dt-paging .dt-paging-button.active .page-link{
                    border-color: rgba(0, 115, 230, 0.78) !important;
                    background-color: rgba(0, 115, 230, 0.78) !important;
                }

                .ss-main .ss-values .ss-value{
                    border-color: rgba(0, 115, 230, 0.78) !important;
                    background-color: rgba(0, 115, 230, 0.78) !important;
                }

                .lb-page-btn.lb-page-active {
                    background: rgba(0, 115, 230, 0.78) !important;
                    border-color: rgba(0, 115, 230, 0.78) !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='rgba(0, 115, 230, 0.78)' 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='rgba(0, 115, 230, 0.78)' 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: rgba(0, 115, 230, 0.78) !important;
                }

                .personal-calendar-header .btn-group .btn.active{
                    background-color: rgba(0, 115, 230, 0.78) !important;
                }
            
                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic {
                    background-color:#ffffff;
                    border-color: #0073E6;
                    color: #0073E6;
                }
            
                .form-wrapper:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover,
                .form-horizontal:has(.submitAdminBtnClassic) .submitAdminBtnClassic:hover {
                    background-color:#ffffff;
                    border-color: #0073E6;
                    color: #0073E6;
                }
            
                @media(min-width:992px){
                    body:has(.course-wrapper) .form-image-modules{
                        width: 126px;
                        float:right;
                        padding-bottom: 0px;
                    }
                }
                .main-section:not(:has(.course-wrapper)) .form-image-modules{
                    width:100%;
                    float:right;
                    padding-bottom: 0px;
                }
            
                @media(min-width:992px){
                    .form-image-modules{
                        display: block;
                        float:right;
                        flex-shrink: 0;
                        padding-bottom: 0px;
                        min-height: 100%;
                        background-image: url('/courses/theme_data/32/default-form-img.jpg');
                        background-repeat: repeat;
                    }
                    .form-image-registration,
                    .form-image-faq{
                        min-height: auto;
                        background-image: none;
                    }
                }
            
                .panel-admin-calendar .panel-heading,
                #cal-header {
                    background: rgb(3, 187, 250);
                }
                #calendar-header {
                    background: rgb(3, 187, 250);
                }




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




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

                .datepicker table tr td span.focused {
                    background: rgb(3, 187, 250) !important;
                }



            
                .alert-info {
                    background-color:rgb(37, 70, 240);
                }

                .progress-module .alert-info {
                    background-color: rgb(37, 70, 240) !important;
                }
            
                .alert-info,
                .alert-info h1,
                .alert-info h2,
                .alert-info h3,
                .alert-info h4,
                .alert-info h5,
                .alert-info h6,
                .alert-info div,
                .alert-info small,
                .alert-info span,
                .alert-info p,
                .alert-info b,
                .alert-info strong,
                .alert-info li,
                .alert-info label{
                    color: rgb(255, 255, 255) !important;
                }

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

                .progress-module .alert-info, 
                .progress-module .alert-info h1, 
                .progress-module .alert-info h2, 
                .progress-module .alert-info h3, 
                .progress-module .alert-info h4, 
                .progress-module .alert-info h5, 
                .progress-module .alert-info h6, 
                .progress-module .alert-info div, 
                .progress-module .alert-info small, 
                .progress-module .alert-info span, 
                .progress-module .alert-info p, 
                .progress-module .alert-info b, 
                .progress-module .alert-info strong, 
                .progress-module .alert-info li, 
                .progress-module .alert-info label, 
                .progress-module .alert-info i, 
                .progress-module .alert-info svg {
                    color: rgb(255, 255, 255) !important;
                }
            
                .alert-warning {
                    background-color:rgb(245, 118, 0);
                }
            
                .alert-warning,
                .alert-warning h1,
                .alert-warning h2,
                .alert-warning h3,
                .alert-warning h4,
                .alert-warning h5,
                .alert-warning h6,
                .alert-warning div,
                .alert-warning small,
                .alert-warning span,
                .alert-warning p,
                .alert-warning b,
                .alert-warning strong,
                .alert-warning li,
                .alert-warning label{
                    color: rgb(255, 255, 255) !important;
                }

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

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

                .alert-danger .btn-close{
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill='rgb(255, 255, 255)' d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3E");
                    background-repeat: no-repeat;
                    background-position: right 0.75rem center;
                    background-size: 16px 12px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                }
            
                .alert-info a{
                    color: rgb(255, 255, 255);
                    font-weight: 700;
                    text-decoration: underline;
                }
            
                .alert-info a:hover,
                .alert-info a:focus{
                    color: rgb(186, 198, 255);
                }
            
                .alert-warning a{
                    color: rgb(255, 255, 255);
                    font-weight: 700;
                    text-decoration: underline;
                }
            
                .alert-warning a:hover,
                .alert-warning a:focus{
                    color: rgb(253, 200, 151);
                }
            
                .alert-success a{
                    color: rgb(255, 255, 255);
                    font-weight: 700;
                    text-decoration: underline;
                }
            
                .alert-success a:hover,
                .alert-success a:focus{
                        color: rgb(207, 255, 199);
                }
            
                .alert-danger a{
                    color: rgb(255, 255, 255);
                    font-weight: 700;
                    text-decoration: underline;
                }
            
                .alert-danger a:hover,
                .alert-danger a:focus{
                        color: rgb(255, 216, 194);
                }
            
                .homepage-annnouncements-container a,
                .homepage-annnouncements-container .list-group-item.element a{
                    color:  rgba(0, 184, 230, 0.97);
                }

            
                .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(0, 137, 230);
                }

            
                .badge.Success-200-bg{
                    background-color: rgb(30, 126, 14);
                }
            
                .badge.Success-200-bg *,
                .badge.Success-200-bg{
                    color: rgb(255, 255, 255);
                }
            
                .badge.Warning-200-bg{
                    background-color: rgb(245, 118, 0);
                }
            
                .badge.Warning-200-bg *,
                .badge.Warning-200-bg{
                    color: rgb(255, 255, 255);
                }
            
                .badge.Neutral-900-bg{
                    background-color: rgb(43, 57, 68);
                }
            
                .badge.Neutral-900-bg *,
                .badge.Neutral-900-bg{
                    color: rgb(255, 255, 255);
                }
            
                .badge.Primary-600-bg{
                    background-color: rgb(37, 70, 240);
                }
            
                .badge.Primary-600-bg *,
                .badge.Primary-600-bg{
                    color: rgb(255, 255, 255);
                }
            
                .badge.Accent-200-bg{
                    background-color: rgb(196, 70, 1);
                }
            
                .badge.Accent-200-bg *,
                .badge.Accent-200-bg{
                    color: rgb(255, 255, 255);
                }
            
                #leftTOCtoggler,
                .prev-next-learningPath{
                    color:rgb(5, 5, 5);
                }

            
                @media(min-width: 992px) {
                    .header-login-text {
                        border-color: rgb(0, 185, 230) !important;
                        background-color: rgb(0, 185, 230) !important;
                    }
                }