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

        
                .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/8/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;}
                #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;
                }

            
                .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){
                    .main-section:has(.course-wrapper) .form-image-modules{
                        width: 126px;
                        float:right;
                        padding-bottom: 0px;
                    }
                }
                .main-section:not(:has(.course-wrapper)) .form-image-modules{
                    width:100%;
                    float:right;
                    padding-bottom: 0px;
                }
            
                @media(min-width:992px){
                    .form-image-modules{
                        display: block;
                        float:right;
                        flex-shrink: 0;
                        padding-bottom: 0px;
                        min-height: 100%;
                        background-image: url('/courses/theme_data/8/default-form-img.jpg');
                        background-repeat: repeat;
                    }
                    .form-image-registration,
                    .form-image-faq{
                        min-height: auto;
                        background-image: none;
                    }
                }
            
                .alert-info {
                    background-color:rgb(37, 70, 240);
                }
            
                .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;
                }
            
                .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);
                }
            
                .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);
                }