/*GROUP 1 - MAIN NAVIGATION*/
/*Primary Buttons*/
.mainnavback {
    background-color: #005581;
}

.mainnavcolor {
    color: #ffffff;
}

.mainnavback:hover {
    background: #bebebe;
}

/*Button Selected*/
.btnclassSelectedback {
    background-color: #f8981c;
}


/*User Buttons*/
.mainnavuserback {
    background-color: #666666;
}

.mainnavusercolor {
    color: #ffffff;
}

.mainnavuserback:hover {
    color: #888888;
}

/*GROUP 2 - SITE*/

.pagecolorbackground {
    background-color: #ffffff;
}

.pagecolorforeground {
    color: #000000;
}

.pagecolorborder {
    border-color: #cccccc;
}


.primarytextcolor {
    color: #013a57;
}

.cardbackground {
    background-color: #013a57;
}

.cardborder {
    border-color: #013a57;
}

.cardforeground {
    color: #5d5e5e;
}
.listcontainerbackground {
    background-color: #e4e4e4;
}
.tabheaderbackground {
    background-color: #f4f4fb;
}
/*GROUP 3 - LEFT NAVIGATION*/
/*Toggle Nav*/
.togglenavbackground {
    background-color: #6f6f6f;
}

    .togglenavbackground:hover {
        background-color: #919191;
    }


.togglenavforeground {
    color: #ffffff;
}

.togglenavbordercolor {
    border-color: #cccccc;
}


/*Nav-Left*/
.navleftbackground {
    background-color: #cbcbcb;
}

.navleftforeground {
    color: #ffffff;
}

/* NavLeft-Role */
.navleftrolebackground {
    background-color: #a96105;
}

.navleftroleforeground {
    color: #ffffff;
}

/*NavLeft-lev1*/
.navleftlev1topborder {
    border-top-color: #aaaaaa;
}

.navleftlev1bottombordercolor {
    border-bottom-color: #333333;
}

.navleftlev1text {
    color: #ffffff;
}

.navleftlev1background {
    background-color: #333333;
}

    .navleftlev1background:hover {
        background-color: #1a1a1a;
    }

/*NavLeft-lev2*/
.navleftlev2text {
    color: #ffffff;
}

.navleftlev2bottombordercolor {
    border-bottom-color: #555555;
}

.navleftlev2background {
    background-color: #555555;
}

    .navleftlev2background:hover {
        background-color: #3b3b3b;
    }

.navleftlev3text {
    color: #ffffff;
}

.navleftlev3ackground {
    background-color: #6e97b5;
    background: #6e97b5;
}

    .navleftlev3ackground:hover {
        background: #a96105;
    }

.navleftlev3foreground {
    color: #ffffff;
}

.navleftlev3bottombordercolor {
    border-bottom-color: #6e97b5;
}

/*GROUP 4 - FOOTER*/
.footerbackground {
    background-color: #444444;
}

.footerforeground {
    color: #ffffff;
}

    .footerforeground:hover {
        color: #0099cc;
    }

/**/
/*GROUP 5 - BUTTONS*/
/*Primary button Colors*/
.primarybuttoncolor {
    background-color: #005581;
}

.primarybuttontext {
    color: #ffffff;
}

.primarybuttonborder {
    border: 1px solid;
}

.primarybuttoncolor:hover {
    color: #0099cc;
}

.primarybuttontext:hover {
    color: #ffffff;
}

/*Secondary button Colors*/
.secondarybuttonbackground {
    background-color: #D48E07;
}

.secondarybuttonforeground {
    color: #7f5504;
}

.secondarybuttonborder {
    border: #ffffff;
}

.secondarybuttonbackground:hover {
    background-color: #7f5504;
}

.secondarybuttonforeground:hover {
    color: #ffffff;
}

/*Action Button Colors*/
.actionbuttonbackground {
    background-color: #50ac01;
}

    .actionbuttonbackground:hover {
        background-color: #50ac01;
    }

.actionbuttonborder {
    border: #009900;
}

.actionbuttonforeground {
    color: #ffffff;
}

    .actionbuttonforeground:hover {
        color: #ffffff;
    }

/* filter (radio-tabs) Button Colors */

.filterbuttonbackground {
    background-color: #f8981c
}

.filterbuttonforeground {
    color: #ffffff;
}

.filterbuttonbackground.selected {
    background-color: #c27006;
}

.filterbuttonforeground .selected {
    color: #ffffff;
}

.filterbuttonborder {
    border: #774504
}


/*GROUP 6 - COURSE COLORS*/
/*.course-nav2 */
.coursenavborders {
    border-right: #adacac;
}

/*Modules*/
.modulebackgroundstatic {
    background-color: #adacac;
}

.modulebackground {
    background-color: #adacac;
}
    .modulebackground:hover {
        background-color: #91918f;
    }

.moduleselectedbackground {
    background-color: #91918f;
}

.moduleforegroundstatic {
    color: #ffffff;
}
.moduleforeground {
    color: #ffffff;
}
    .moduleforeground:hover {
        color: #ffffff;
    }

.moduleselectedforeground {
    color: #ffffff;
}
.moduleborder {
    border-right-color: #ffffff;
}
 
.modulenavhomebackground {
    background-color: #f8981c;
}

.moduleheaderbackground {
    background-color: #adacac;
}

/*.chapterform*/
.moduleformbackground {
    background-color: #e2e2e2;
}

.chapterformborder {
    border-color: #adacac;
}

 

/*Lessons*/

.lessonbackgroundstatic {
    background-color: #005581;
}

.lessonbackground {
    background-color: #005581;
}

    .lessonbackground:hover {
        background-color: #013a57;
    }

.lessonselectedbackground {
    background-color: #013a57;
}

.lessonforegroundstatic {
    color: #ffffff;
}
.lessonforeground {
    color: #ffffff;
}

    .lessonforeground:hover {
        color: #ffffff;
    }

.lessonselectedforeground {
    color: #ffffff;
}

.lessonborder {
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #013a57 !important;
}
    .lessonborder:hover {
        border-bottom-color: #013a57;
    }

.lessonheaderbackground {
    background-color: #005581;
}


/*.lessonform*/
.lessonformbackground {
    background-color: #a0bcca;
}

.lessonformborder {
    border-color: #005581;
}


/*Activity-Set*/

.activitysetbackgroundstatic {
    background-color: #68df01;
}

.activitysetbackground {
    background-color: #68df01;
}
    .activitysetbackground:hover {
        background-color: #469701;
    }

.activitysetselectedbackground {
    background-color: #469701;
}

.activitysetforegroundstatic {
    color: #000000;
}

.activitysetforeground {
    color: #000000;
}
    .activitysetforeground:hover {
        color: #000000;
    }

.activitysetselectedforeground {
    color: #000000;
}

.activitysetborder {
    border-left-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #469701;
}

.activitysetheaderbackground {
    background-color: #68df01;
}
 
/*activitysetform*/
.activitysetformbackground {
    background-color: #DFF6CC;
}

.activitysetformborder {
    border-color: #68df01;
}


/*Activity*/
.activitybackgroundstatic {
    background-color: #68df01;
}
.activitybackground {
    background-color: #68df01;
}
    .activitybackground:hover {
        background-color: #469701;
    }

.activityselctedbackground {
    background-color: #469701;
}
.activityforegroundstatic {
    color: #000000;
}
.activityforeground {
    color: #000000;
}
    .activityforeground:hover {
        color: #000000;
    }

.activityselctedforeground {
    color: #000000;
}
.activityborder {
    border-left-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #469701;
}
 
/*activityform*/
.activityformbackground {
    background-color: #DFF6CC;
}

.activityformborder {
    border-color: #68df01;
}

/*Asset*/
.assetbackgroundstatic {
    background-color: #ffffff;
}
.assetbackground {
    background-color: #ffffff;
}
    .assetbackground:hover {
        background-color: #cccccc;
    }

.assetselectedbackground {
    background-color: #cccccc;
}

.assetforegroundstatic {
    color: #000000;
}
.assetforeground {
    color: #000000;
}
    .assetforeground:hover {
        color: #000000;
    }

.assetselectedforeground {
    color: #000000;
}

.assetborder {
    border-bottom-color: #000000;
}
 
.assetheaderbackground {
    background-color: #50ac01;
}

.assetheadertext {
    color: #ffffff;
}
/*.assetform*/
.assetformbackground {
    background-color: #ffffff;
}

.assetformborder {
    border-color: #ffffff;
}

/*.id-breadcrumbs .divider*/
.breadcrumbborder {
    color: #adacac;
}

/*Assembler Panels*/
.panel1Back {
    background-color: #f6f6f6;
}

.panel2Back {
    background-color: #adacac;
}

.panel3Back {
    background-color: #ffffff;
}

.CourseOutlineMainHeadBack {
    background-color: #df4661;
}

.CourseOutlineMainHeadText {
    color: #ffffff;
}

.CourseOutlineSubHeadBack {
    background-color: #f6adc0;
}

.CourseOutlineSubHeadText {
    color: #3255a4;
}
/*GROUP 7 - HEADER*/
.headerbackground {
    background-color: #ffffff;
}

/*GROUP 8 - ASSEMBLER*/
.assemblerleftsubsectionback {
    background-color: #e77488;
}

.assemblerleftsubsectionforeground {
    color: #808080;
}

.assemblerrightsubsectionback {
    background-color: #ace3fe;
    color: #000000;
}

.instructorassemblerrightheadback {
    background-color: #3255a4;
}
.instructorassemblerrightheadtext {
    color: #ffffff;
}
.instructorassemblerleftheadback {
    background-color: #df4661;
}
 
.instructorassemblerleftheadtext {
    color: #ffffff;
}

/*GROUP 9 - MISCELLANEOUS*/
.participantheaderback {
    background-color: #3255a4;
}

.participantheadertext {
    color: #ffffff;
}

.primaryheadertext {
    color: #000000;
}

.assessmentToCback {
    background-color: #df4661;
}

.assessmentToCforeground {
    color: #ffffff;
}

.clastranscriptinfoback {
    background-color: #f6adc0;
}

.clastranscriptinfotext {
    color: #ffffff;
}


/* Section for background as fonts */
/* since colors come from database need to apply colors to the right area using the right classes*/
/* make new classes and change where the color is being applied using the same preset color labels from the database*/

/*Group 1 - MAIN NAVIGATION*/
.mainnavback_font {
    color: #005581;
}

.mainnavuserback_font {
    color: #666666;
}
/*Group 2 - SITE*/
.pagecolorbackground_font {
    color: #ffffff;
}

.cardbackground_font {
    color: #013a57;
}
/*Group 3 - LEFT NAVIGATION*/
.navleftbackground_font {
    color: #cbcbcb;
}

.navleftrolebackground_font {
    background-color: #a96105;
}

.navleftlev1background_font {
    color: #333333;
}

.navleftlev2background_font {
    color: #A9A9A9;
}

.navleftlev3ackground_font {
    color: #da7e07;
}
/*Group 4 - FOOTER*/
.footerbackground_font {
    color: #444444;
}
/*Group 5 - BUTTONS*/
.primarybuttoncolor_font {
    color: #005581;
}

.secondarybuttonbackground_font {
    color: #D48E07;
}

.actionbuttonbackground_font {
    color: #50ac01;
}
/*GROUP 6 - COURSE COLORS*/
.modulebackground_font {
    color: #adacac;
}

.moduleformbackground_font {
    color: #e2e2e2;
}

.moduleselectedbackground_font {
    color: #91918f;
}

.lessonbackground_font {
    color: #005581;
}

.lessonselectedbackground_font {
    color: #013a57;
}

.lessonformbackground_font {
    color: #a0bcca;
}

.activitysetbackground_font {
    color: #68df01;
}

.activitysetheaderbackground_font {
    color: #68df01;
}

.activitysetformbackground_font {
    color: #DFF6CC;
}

.activitybackground_font {
    color: #68df01;
}

.activityselctedbackground_font {
    color: #469701;
}

.activityformbackground_font {
    color: #DFF6CC;
}

.assetselectedbackground_font {
    color: #cccccc;
}

.assetbackground_font {
    color: #ffffff;
}

.assetheaderbackground_font {
    color: #50ac01;
}

.assetformbackground_font {
    color: #ffffff;
}

.panel1Back_font {
    color: #f6f6f6;
}

.panel2Back_font {
    color: #adacac;
}

.panel3Back_font {
    color: #ffffff;
}

/*GROUP 7 - HEADER*/
.headerbackground_font {
    color: #ffffff;
}

/*GROUP 8 - ASSEMBLER*/
.assemblerleftsubsectionback_font {
    color: #fabc6a;
}