:root { 
        --mainColor: #006699;
        --mainTextColor: #333333;
        --statusColor: #66ccff;
        --iconColor: #333333;
        --buttonIconColor: #ffffff;
        --svgIconColor: #333333;
        --overdueColor: #ff3333;
        --positiveTextColor: #ffffff;
        --doubleArrowColor: #333333;
        --frontendTextColor: #333333;
        --loginFormBackgroundColor: rgba(225,225,225,0.5);
        --welcomeTextBackgroundColor: transparent;
        --dashboardTilesColor: #efefef;
        --neutralBackColor: #ffffff;
        --neutralTextColor: #333333;
        --headerColor: #ffffff;
        --headerTextColor: #000000;
        --dashboardTextColor: #ffffff;
        --courseTextColor: #ffffff;
        --newsTextColor: #ffffff;
        --notesTextColor: #ffffff;
        --filesTextColor: #ffffff;
        --faqsTextColor: #ffffff;
        --messagesTextColor: #ffffff;
        --forumTextColor: #ffffff;
        --chatroomTextColor: #ffffff;
        --participantsTextColor: #ffffff;
        --profileTextColor: #ffffff;
        --adminTextColor: #ffffff;
        --logoutTextColor: #ffffff;
        --learningUnitBackgroundColor: #ffffff;

         }
       .main_color { background-color: #006699!important }
       .navigation_background { background-color: #000000!important; }
       .main_border { border: 1px solid #006699!important }
       .main_text{ color: #333333!important; }
       i.fa,i.fas{ color: #333333; }
       td a i.fa, td a i.fas, button.positive i.fa, button.positive i.fas { color: #ffffff!important; }
       .frontend-text{ color: #333333!important; }
       .main-container svg { stroke: #333333!important; }
       .status_color { background-color: #66ccff!important; }
       .header_color { background-color: #ffffff!important; }
       .login_header_color { background-color: #ffffff!important; }
       .header_text_color .navbar-nav > li > a { color: #000000!important; }
       .mobile_hamburger_menu { background-color: #006699!important; }
       .header_shadow { box-shadow: 0 0 13px 7px #ddd; }
       #new_discussion { border-color: #333333!important; }
       #new_discussion_btn { color: #333333!important; }
       .modal-content {color: #333333 !important;}
       .column-active { background-color: #cecece!important; color: #333333!important; }
       .profile-tab-background { background-color: #cecece!important; }
       .nav-tabs .active > a { background-color: #cecece!important; color: #333333!important; } 
       .nav-tabs .active > a { background-color: #cecece!important; color: #333333!important; }
       .group_parent li.active.child { background-color: #cecece!important;}#homebody { background: url("/video/backgroundimage-1.jpg") center center no-repeat fixed; background-size: cover; }.navbar-brand { background: url(/images/logo-app/1/logo.png) left center no-repeat; background-size: contain; }
       .login-brand { background: url(/images/logo-login/1/logologin.png) left center no-repeat; background-size: contain; }
       .login_button:hover { border: 1px solid #006699 }
       .login_navigation { background-color: #ffffff!important; }
       .login_text_color { color: #ffffff!important; }
       .positive { color: #ffffff!important; border: 1px solid #006699!important; background-color: #006699!important; border-radius: 4px 4px 4px 4px !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: #333333!important; border: 1px solid #cccccc!important; background-color: #ffffff!important; border-radius: 4px 4px 4px 4px !important;}
       .negative { color: #676767!important; border: 1px solid transparent!important; background-color: transparent!important; border-radius: 4px 4px 4px 4px !important; }
       a.btn{border-radius: 4px 4px 4px 4px !important;}
       input.btn{border-radius: 4px 4px 4px 4px !important;}
       button.btn{border-radius: 4px 4px 4px 4px !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: 4px 4px 4px 4px !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: #006699!important; color: #ffffff!important; border: 1px solid #006699!important; transition: all 0.2s ease-in-out }
       .header-color{ color: #ffffff!important; background-color: transparent!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: #006699 !important;
           border-color: #006699 !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: #006699 !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: #676767 !important;
       }
       #student-sidebar .sidebar-section .course_color:hover, #student-sidebar .sidebar-section .course_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .files_color:hover, #student-sidebar .sidebar-section .files_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .test_color:hover, #student-sidebar .sidebar-section .test_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .notes_color:hover, #student-sidebar .sidebar-section .notes_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .messages_color:hover, #student-sidebar .sidebar-section .messages_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .forum_color:hover, #student-sidebar .sidebar-section .forum_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .chatroom_color:hover, #student-sidebar .sidebar-section .chatroom_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .news_color:hover, #student-sidebar .sidebar-section .news_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .participants_color:hover, #student-sidebar .sidebar-section .participants_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .profile_color:hover, #student-sidebar .sidebar-section .profile_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .faqs_color:hover, #student-sidebar .sidebar-section .faqs_color.active_item{background-color: #ffffff!important; }
       #student-sidebar .sidebar-section .logout_color:hover, #student-sidebar .sidebar-section .logout_color.active_item{background-color: #ffffff!important;}
       #student-sidebar .sidebar-section .admin_color:hover, #student-sidebar .sidebar-section .admin_color.active_item{background-color: #ffffff!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;
        }