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

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

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

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

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

                    .jumbotron.jumbotron-login:has(video){
                        height: 270px;
                    }
                }
            #openeclass-banner {display: none;}
                .container-items .menu-item.active,
                .container-items .menu-item.active2 {
                    background-color: rgb(0, 115, 230);
                }
            
                .container-items .menu-item.active,
                .container-items .menu-item.active2 {
                    color: rgb(255, 255, 255);
                }
            

                .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(251, 252, 254);
                }
            
                #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,
                .cancelAdminBtn,
                .opencourses_btn {
                    color: rgb(0, 115, 230);
                }

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

                .btn-outline-primary {
                    color: rgb(0, 115, 230);
                }

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

                .quickLink{
                    color: rgb(0, 115, 230);
                }

                .menu-popover{
                    color: rgb(0, 115, 230);
                }

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

                .showSettings{
                    color: rgb(0, 115, 230) !important;
                }

                .btn.btn-default {
                    color: rgb(0, 115, 230);
                }

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

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

                .showCoursesBars,
                .showCoursesBars:hover,
                .showCoursesBars:focus,
                .showCoursesPics,
                .showCoursesPics:hover,
                .showCoursesPics:focus{
                    color: rgb(0, 115, 230);
                }

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

                .btn.btn-secondary{
                    color: rgb(0, 115, 230);
                }

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

                .dt-paging .dt-paging-button .page-link{
                    color: rgb(0, 115, 230) !important;
                }

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

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

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

                .quickLink{
                    border: solid 1px rgb(0, 115, 230);
                }

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

                .btn.btn-default {
                    border-color: rgb(0, 115, 230);
                }

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

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

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

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

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

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

                .dt-paging .dt-paging-button .page-link{
                    border: solid 1px rgb(0, 115, 230) !important;
                }

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

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

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

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

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

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

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

                .showSettings:hover{
                    color: rgb(0, 115, 230) !important;
                }

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

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

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

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

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

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

                .dt-paging .dt-paging-button .page-link{
                    color: rgb(0, 115, 230) !important;
                }
            
                .submitAdminBtn:hover,
                .cancelAdminBtn:hover,
                .opencourses_btn:hover,
                .submitAdminBtn:focus,
                .cancelAdminBtn:focus,
                .opencourses_btn:focus {
                    border-color: rgb(0, 115, 230);
                }

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

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

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

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

                .showSettings:hover{
                    border-color: rgb(0, 115, 230);
                }

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

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

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

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

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

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

                .dt-paging .dt-paging-button .page-link:hover,
                .dt-paging .dt-paging-button .page-link:focus{
                    border: solid 1px rgb(0, 115, 230) !important;
                }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            

                .ContentLeftNav, #collapseTools{
                    background: rgb(0, 91, 170);
                }

            

                a, .toolAdminText{
                    color: rgb(0, 91, 170);
                }


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

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

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

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

                .portfolio-tools a{
                    color: rgb(0, 91, 170);
                }

                .nav-link-adminTools{
                    color: rgb(0, 91, 170);
                }

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

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.current,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.current:hover {
                    color: rgb(0, 91, 170) !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(0, 91, 170) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button:hover {
                    color: rgb(0, 91, 170) !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(0, 91, 170) !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(0, 91, 170) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.previous:hover,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.first:hover{
                    color: rgb(0, 91, 170) !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(0, 91, 170) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.previous,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.first {
                    color: rgb(0, 91, 170) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.next,
                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.last{
                    color: rgb(0, 91, 170) !important;
                }

                .dt-container.dt-bootstrap5 .dataTables_paginate .paginate_button.disabled{
                    color: rgb(0, 91, 170) !important;
                }

                .commentPress:hover{
                    color: rgb(0, 91, 170);
                }

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

                .tree-units summary::before,
                .tree-sessions summary::before{
                    background: rgb(0, 91, 170) url(https://eclass1.perfecteclass.com.cy//resources/img/units-expand-collapse.svg) 0 0;
                }

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

                .ClickCourse,
                .ClickCourse:hover{
                    color: rgb(0, 91, 170);
                }

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

                .link-color{
                    color: rgb(0, 91, 170);
                }

                .appIcon span{
                   color: rgb(0, 91, 170);
                }

            
                a:hover, a:focus{
                    color: rgb(0, 91, 170);
                }

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

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

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

                .link-color:hover,
                .link-color:focus{
                    color: rgb(0, 91, 170);
                }

                .appIcon:hover{
                    background-color: rgb(0, 91, 170);
                }

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

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

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

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

            
                #leftnav .panel .panel-sidebar-heading:hover{
                    color: rgb(0, 91, 170);
                }

                #leftnav .panel .panel-sidebar-heading:hover span{
                    color: rgb(0, 91, 170);
                }

                #leftnav .panel .panel-sidebar-heading:hover .Tools-active-deactive{
                    color: rgb(0, 91, 170);
                }
            
                .contextual-sidebar .list-group-item, .menu_btn_button .fa-bars{
                    color: rgb(255, 255, 255);
                }
            
                .contextual-sidebar .list-group-item:hover{
                    color:rgb(255, 255, 255);
                }
            
                .contextual-sidebar .list-group-item:hover{
                    background-color:rgb(0, 160, 224);
                }
            
                .body-learning-path,
                .iframe-learningPath{
                    background-color:rgb(236, 236, 236);
                }