:root { 
        --mainColor: #000091;
        --mainTextColor: #545454;
        --statusColor: #008000;
        --iconColor: #333333;
        --buttonIconColor: #ffffff;
        --svgIconColor: #333333;
        --overdueColor: #ff3333;
        --positiveTextColor: #ffffff;
        --doubleArrowColor: #6666bd;
        --frontendTextColor: #333333;
        --loginFormBackgroundColor: rgba(225,225,225,0.75);
        --welcomeTextBackgroundColor: rgba(255,255,255,0.75);
        --doubleArrowBackgroundColor: #8c96c8;
        --dashboardTilesColor: #efefef;
        --neutralBackColor: #ffffff;
        --neutralTextColor: #636b6f;
        --headerColor: #ffffff;
        --headerTextColor: #000091;
        --dashboardTextColor: #000091;
        --supervisorDashboardTextColor: #000091;
        --courseTextColor: #000091;
        --newsTextColor: #000091;
        --notesTextColor: #000091;
        --checklistsTextColor: #000091;
        --topicsTextColor: #ffffff;
        --filesTextColor: #000091;
        --faqsTextColor: #000091;
        --messagesTextColor: #000091;
        --forumTextColor: #000091;
        --chatroomTextColor: #000091;
        --participantsTextColor: #000091;
        --profileTextColor: #000091;
        --adminTextColor: #000091;
        --logoutTextColor: #000091;
        --buttonIconColor: #ffffff;
        --learningUnitBackgroundColor: rgba(255,255,255,0);
        --certificateIconColor: #555555;
        --successColor: #dff0d8;
        --infoColor: #d9edf7;
        --alertColor: #f2dede;
        --tileBorderWidth: 1px;
        --tileBorderColor: #d3d3d3;
        --focusOutlineWidth: 5px;
        --focusOutlineColor: #ff0000;
        --ratingStarOutlineColor: #581058;
        --ratingStarFillColor: #ffa500;
        --ratingStarBackgroundColor: transparent;
        --calendarListColor: #b3e4ff;
        }
       .main_color { background-color: #000091!important }
       .navigation_background { background-color: #edeeef!important; }
       .main_border { border: 1px solid #000091!important }
       .main_text{ color: #545454!important; }
       i.fa,i.fas { color: #333333; }
       td a i.fa-chart-pie, i.fa-undo-alt { color: #333333!important; }
       td a i.fa, td a i.fas, button.positive i.fa, button.positive i.fas, .btn.positive i.fa, .btn.positive i.fas { color: #ffffff }
       i.fas.fa-user-check{ color: #333333!important; }
       i.fas.fa-user { color: #000034!important; } 
       i.fa-solid.fa-award { color: #555555!important; }
       i.fas.fa-address-card { color: #c5a2c5!important; }
       .frontend-text{ color: #333333!important; }
       .main-container svg { stroke: #333333!important; }
       .status_color { background-color: #008000!important; }
       .header_color { background-color: #ffffff!important; }
       .login_header_color { background-color: #ffffff!important; }
       .header_text_color .navbar-nav > li > a { color: #000091!important; }
       .mobile_hamburger_menu { background-color: #000091!important; }
       
       #new_discussion { border-color: #545454!important; }
       #new_discussion_btn { color: #545454!important; }
       .modal-content {color: #333333 !important;}
       .column-active { background-color: #cecece!important; color: #545454!important; }
       .profile-tab-background { background-color: #cecece!important; }
       .nav-tabs .active > a { background-color: #cecece!important; color: #545454!important; } 
       .nav-tabs .active > a { background-color: #cecece!important; color: #545454!important; }
       .group_parent li.active.child { background-color: #cecece!important;}#homebody { background: url("/video/83643528-backgroundimage-1.jpg") center center no-repeat fixed; background-size: cover; }.navbar-brand { background: url(/images/logo-app/1/47047338-logo.svg) left center no-repeat; background-size: contain; }
       .login-brand { background: url(/images/logo-login/1/97492736-logologin.svg) left center no-repeat; background-size: contain; }
       .login_button:hover { border: 1px solid #000091 }
       .login_navigation { background-color: #ffffff!important; }
       .login_text_color { color: #ffffff!important; }
       .positive { color: #ffffff!important; border: 1px solid #000091!important; background-color: #000091!important; border-radius: 0px 0px 0px 0px !important; transition: all 0.2s ease-in-out;}
       .positive:hover, .neutral:hover, .negative:hover, .border-radius:hover, .login_button:hover { opacity: 0.8; }
       .neutral { color: #636b6f!important; border: 1px solid #cccccc!important; background-color: #ffffff!important; border-radius: 0px 0px 0px 0px !important;}
       .negative { color: #3097d1!important; border: 1px solid transparent!important; background-color: transparent!important; border-radius: 0px 0px 0px 0px !important; }
       a.btn{border-radius: 0px 0px 0px 0px !important;}
       input.btn{border-radius: 0px 0px 0px 0px !important;}
       button.btn{border-radius: 0px 0px 0px 0px !important;}
       .rounded-angular-search { border-top-left-radius: 0px!important; border-bottom-left-radius: 0px!important; border-top-right-radius: 0px!important; border-bottom-right-radius: 0px!important; }
       .rounded-angular-search-button { border-top-left-radius: 0px!important; border-bottom-left-radius: 0px!important; border-top-right-radius: 0px!important; border-bottom-right-radius: 0px!important; }
       .border-radius { border-radius: 0px 0px 0px 0px !important; }
       .group_parent.active { background-color:#cecece;}
       .navbar-header-image {  background-image: url(/images/header-image/1/default-header-image.png); }
       .login_button { background-color: #000091!important; color: #ffffff!important; border: 1px solid #000091!important; transition: all 0.2s ease-in-out }
       .header-color{ color: #000034!important; background-color: rgba(255,255,255,0.75)!important;}
       .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
           background-color: #000091 !important;
           border-color: #000091 !important; 
           color: #ffffff;
       }
       table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
           background-color: #000091 !important;
           color: #ffffff !important;
           transition: all 0.2s ease-in-out;
       }
       table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
            background-color: transparent !important;
            color: #3097d1 !important;
       }
       #student-sidebar .sidebar-section .course_color:hover, #student-sidebar .sidebar-section .course_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .files_color:hover, #student-sidebar .sidebar-section .files_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .test_color:hover, #student-sidebar .sidebar-section .test_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .notes_color:hover, #student-sidebar .sidebar-section .notes_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .checklists_color:hover, #student-sidebar .sidebar-section .checklists_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .topics_color:hover, #student-sidebar .sidebar-section .topics_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .messages_color:hover, #student-sidebar .sidebar-section .messages_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .forum_color:hover, #student-sidebar .sidebar-section .forum_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .chatroom_color:hover, #student-sidebar .sidebar-section .chatroom_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .news_color:hover, #student-sidebar .sidebar-section .news_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .participants_color:hover, #student-sidebar .sidebar-section .participants_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .profile_color:hover, #student-sidebar .sidebar-section .profile_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .faqs_color:hover, #student-sidebar .sidebar-section .faqs_color.active_item{background-color: #000091!important; }
       #student-sidebar .sidebar-section .logout_color:hover, #student-sidebar .sidebar-section .logout_color.active_item{background-color: #000091!important;}
       #student-sidebar .sidebar-section .admin_color:hover, #student-sidebar .sidebar-section .admin_color.active_item{background-color: #000091!important;}
       
         .tiles-back::before {
             position: absolute !important;
             content: " " !important;
             left: 14px !important;
             top: 20px !important;
             height: 15px !important;
             width: 15px !important;
             transform: rotate(45deg) !important;
             border-bottom: 1px solid white;
             border-left: 1px solid white;
        }
         .tiles-forward::after {
             position: absolute !important;
             content: " " !important;
             right: 14px !important;
             top: 20px !important;
             height: 15px !important;
             width: 15px !important;
             transform: rotate(225deg) !important;
             border-bottom: 1px solid white;
             border-left: 1px solid white;
        }