@import 'https://jsu.evaluationkit.com/canvas/css';

/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #CC0000;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #CC0000;
    --dt-color-secondary: #D4D9CF;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #676965;
    --dt-color-accent: #990000;
    --dt-color-accent-contrast: #FFFFFF;
    --dt-color-accent-dark-text: #990000;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #000000;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/






/* Add opacity to login form if using a background image */
.ic-Login__content {
 opacity: .9;
    }

/* Center logo on login page...modify/remove if using public course search index */
.ic-Login-header .ic-Login-header__logo img {
    max-width: 290px;
/*    margin-left: 100px;   */
    display: block;
    margin-left: auto;
    margin-right: auto }



.ic-Login-header__links {
    display: none;
    }

  /*
.ic-Login__container {
    margin-left: auto;
    margin-right: auto;
 }
   */

/* Use this if adding a background image */
.ic-brand-Login-body-bgd-color {
background-color:none;
}

/*  Change color of muted assignments in gradebook (because it is very light in color)  */
/*
.muted {
color: #CC8400;
}
*/

/*  CSS Override to eliminate text at bottom of login page  .ic-Login-footer  */
/* no longer needed unless you don't want the footer on the dashboard */
/* #footer { display:none !important; }   */




/* required if hiding rubric from student view...use with hide_rubrics.js */
/* #content { display:none; } */



/*********************************************************************/
/***** END DESIGN TOOLS CORE THEME IMPORT ****************************/
/*********************************************************************/

/*********************************************************************/
/*********************** BEGIN CUSTOM CSS ****************************/
/*********************************************************************/

/***************************/
/******* LOGIN PAGE ********/
/***************************/

.jsu-custom-login-msg-box {
	border: 1px solid white;
	text-align: left;
	padding: 0px 12px 0px 12px;
	margin-top: 12px;
}

.jsu-custom-login-msg-box-header {
	text-align: center;
}

/***************************/
/******* ALL PAGES *********/
/***************************/

/* Hide "Files" in the user nav menu */
a.czbXA_bGBk.cIcZl_bGBk[href="/files"] {
	display: none;
}

/* This code allows printing of page from browser */
/* without showing URLs for each link on the page */
@media print {
  a:link:after, a:visited:after {
    content: none;
  }

}

/* added the following to our CSS to hide the buttons for users to add communication channels (not perfect but covers most users).
https://community.canvaslms.com/t5/Archived-Questions/ARCHIVED-Prevent-Users-from-Changing-Account-Settings/td-p/114455
*/
.add_email_link {

    display: none;

}

.add_contact_link {

    display: none;

}

.email_meta {
display: none;
}

#default_email_id {
display: none;
}

/*********************************************************************/
/***** BEGIN DESIGN TOOLS THEME CUSTOMIZATIONS ***********************/
/*********************************************************************/
#kl_wrapper_3.kl_apple #kl_banner h2 { background: #CC0000; }
#kl_wrapper_3.kl_apple #kl_banner .kl_mod_num { color: #CC0000; }
#kl_wrapper_3.kl_apple #kl_banner .kl_subtitle { background-color: #D4D9CF; border-color: black; color: black; }
#kl_wrapper_3.kl_apple #kl_description { border-color: #CC0000; }
#kl_wrapper_3.kl_apple h3:not(.ui-state-default) { border-color: #939597; background: #939597; color: black; }
#kl_wrapper_3.kl_apple h3:not(.ui-state-default) i { color: black; }
#kl_wrapper_3.kl_apple h4:not(.ui-state-default), #kl_wrapper_3.kl_apple h5:not(.ui-state-default) { border-color: #939597; }
#kl_wrapper_3.kl_apple #kl_navigation ul { background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_apple #kl_navigation li a { color: white; }
#kl_wrapper_3.kl_apple #kl_modules { border-color: #CC0000; }
#kl_wrapper_3.kl_apple > div > i, #kl_wrapper_3.kl_apple.variation_2 > div > i { border-color: #939597; background: #939597; color: black; }
#kl_wrapper_3.kl_apple > div > i i, #kl_wrapper_3.kl_apple.variation_2 > div > i i { color: black; }
#kl_wrapper_3.kl_apple.variation_2 #kl_banner .kl_subtitle { background-color: #ffffff; border-color: black; color: black; }
#kl_wrapper_3.kl_apple.variation_2 #kl_navigation ul { background-color: #D4D9CF; color: black; }
#kl_wrapper_3.kl_apple.variation_2 #kl_navigation li a { color: black; }
#kl_wrapper_3.kl_apple.variation_2 h3:not(.ui-state-default) { border-color: #CC0000; background: #CC0000; color: white; }
#kl_wrapper_3.kl_apple.variation_2 h3:not(.ui-state-default) i { color: white; }
#kl_wrapper_3.kl_basic_bar #kl_banner h2 { background: #CC0000; color: white; }
#kl_wrapper_3.kl_basic_bar #kl_banner .kl_subtitle { color: black; border-color: black; background-color: #D4D9CF; }
#kl_wrapper_3.kl_basic_bar #kl_banner #kl_description { border-color: #CC0000; color: #CC0000; }
#kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default) { border-bottom-color: #CC0000; color: #000; text-transform: none; }
#kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default) i { color: #CC0000; }
#kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner h2 { background: #CC0000; color: white; }
#kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner .kl_subtitle { color: black; border-color: black; background-color: #fff; }
#kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner #kl_description { border-color: #CC0000; color: #CC0000; }
#kl_wrapper_3.kl_basic_bar.variation_2 h3:not(.ui-state-default) { border-bottom-color: black; color: #000; }
#kl_wrapper_3.kl_basic_bar.variation_2 h3:not(.ui-state-default) i { color: black; }
#kl_wrapper_3.kl_basic_color_panel_nav #kl_banner { background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_basic_color_panel_nav #kl_banner #kl_banner_left { border-color: white; }
#kl_wrapper_3.kl_basic_color_panel_nav #kl_banner .kl_subtitle { background-color: #D4D9CF; color: black; border-color: #fff; border-top: 3px solid #fff; border-right: none; border-left: none; }
#kl_wrapper_3.kl_basic_color_panel_nav #kl_banner #kl_description { border-top: 3px solid #fff; }
#kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul li a { color: #CC0000; }
#kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul li a:hover { color: #000; }
#kl_wrapper_3.kl_basic_color_panel_nav h3:not(.ui-state-default) { color: #000; text-transform: none; }
#kl_wrapper_3.kl_basic_color_panel_nav h3:not(.ui-state-default) i { color: #CC0000; }
@media screen and (min-width: 640px) { #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul { background-color: rgba(255, 255, 255, 0.75); }
  #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul li a:hover { background-color: #CC0000; color: white; } }
#kl_wrapper_3.kl_basic_color_panel_nav.variation_2 #kl_banner .kl_subtitle { background-color: #fff; color: black; }
#kl_wrapper_3.kl_basic_color_panel_nav.variation_2 h3:not(.ui-state-default) { color: #000; text-transform: none; }
#kl_wrapper_3.kl_basic_color_panel_nav.variation_2 h3:not(.ui-state-default) i { color: black; }
@media screen and (min-width: 640px) { #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 #kl_navigation ul li a:hover { background-color: #D4D9CF; color: black; } }
#kl_wrapper_3.kl_basic_color #kl_banner { background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_basic_color #kl_banner #kl_banner_left { border-color: #fff; }
#kl_wrapper_3.kl_basic_color #kl_banner .kl_subtitle { background-color: #D4D9CF; color: black; border-color: #fff; border-top: 3px solid #fff; border-right: none; border-left: none; }
#kl_wrapper_3.kl_basic_color #kl_banner #kl_description { border-top: 3px solid #fff; }
#kl_wrapper_3.kl_basic_color #kl_navigation ul li { background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_basic_color #kl_navigation ul li a { border-bottom: 3px solid #fff; text-decoration: none; color: white; }
#kl_wrapper_3.kl_basic_color #kl_navigation ul li a:hover { color: white; text-decoration: underline; }
#kl_wrapper_3.kl_basic_color #kl_navigation ul li a:focus { color: white; text-decoration: underline; }
#kl_wrapper_3.kl_basic_color #kl_navigation ul li a:visited { color: white; }
#kl_wrapper_3.kl_basic_color h3:not(.ui-state-default) { color: #000; text-transform: none; }
#kl_wrapper_3.kl_basic_color h3:not(.ui-state-default) i { color: #CC0000; }
#kl_wrapper_3.kl_basic_color.variation_2 #kl_banner .kl_subtitle { background-color: #fff; color: black; }
#kl_wrapper_3.kl_basic_color.variation_2 h3:not(.ui-state-default) { color: #000; text-transform: none; }
#kl_wrapper_3.kl_basic_color.variation_2 h3:not(.ui-state-default) i { color: black; }
#kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li { background-color: #D4D9CF; color: black; }
#kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li a { border-bottom: 3px solid #fff; text-decoration: none; color: black; }
#kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li a:hover { color: black; text-decoration: underline; }
#kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li a:focus { color: black; text-decoration: underline; }
#kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li a:visited { color: black; }
#kl_wrapper_3.kl_bookmark #kl_banner h2 { background-color: #CC0000; }
#kl_wrapper_3.kl_bookmark #kl_banner #kl_banner_left { border-right-color: #fff; }
#kl_wrapper_3.kl_bookmark #kl_banner #kl_banner_left .kl_mod_num { color: #CC0000; }
#kl_wrapper_3.kl_bookmark #kl_banner .kl_subtitle { background-color: black; color: white; }
#kl_wrapper_3.kl_bookmark #kl_banner #kl_description { border: 1px solid #CC0000; }
#kl_wrapper_3.kl_bookmark h3:not(.ui-state-default) { background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_bookmark > div > i { background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_bookmark h4:not(.kl_panel_heading), #kl_wrapper_3.kl_apple.kl_bookmark h5:not(.kl_panel_heading) { background-color: #939597; color: black; font-weight: normal; }
#kl_wrapper_3.kl_bookmark h5:not(.kl_panel_heading) { background-color: #939597; color: black; font-weight: normal; }
#kl_wrapper_3.kl_bookmark #kl_navigation ul li a { background: white; color: #CC0000; border-color: #F4F4F4; }
#kl_wrapper_3.kl_bookmark .kl_quick_check, #kl_wrapper_3.kl_bookmark #kl_modules .ui-tabs-panel { background: #fff; }
#kl_wrapper_3.kl_bookmark.variation_2 h3:not(.ui-state-default) { background-color: #D4D9CF; color: black; font-weight: normal; }
#kl_wrapper_3.kl_bookmark.variation_2 > div > i { background-color: #D4D9CF; color: black; }
#kl_wrapper_3.kl_box_left h2 { border-bottom-color: #CC0000; }
#kl_wrapper_3.kl_box_left #kl_banner #kl_description { background: #fff; border: 1px solid #939597; }
#kl_wrapper_3.kl_box_left #kl_banner #kl_banner_left { background: #CC0000; color: white; }
#kl_wrapper_3.kl_box_left #kl_navigation ul li a:visited { background: #fff; color: #000; border: 1px solid #CC0000; text-decoration: none; }
#kl_wrapper_3.kl_box_left #kl_navigation ul li a:hover { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_box_left #kl_navigation ul li a:focus { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_box_left h3:not(.ui-state-default) { border-bottom: 1px solid lightgray; border-top: 1px solid lightgray; }
#kl_wrapper_3.kl_box_left h3:not(.ui-state-default) i { background: #CC0000; color: white; }
#kl_wrapper_3.kl_box_left #kl_modules div.kl_module_content h3 { border: 1px solid #939597; }
#kl_wrapper_3.kl_box_left > div > i { background: #CC0000; color: white; }
#kl_wrapper_3.kl_box_left.variation_2 h2 { border-bottom-color: #D4D9CF; }
#kl_wrapper_3.kl_box_left.variation_2 #kl_banner #kl_description { border: 1px solid #D4D9CF; }
#kl_wrapper_3.kl_box_left.variation_2 #kl_banner #kl_banner_left { background: #CC0000; color: white; }
#kl_wrapper_3.kl_box_left.variation_2 #kl_navigation ul li a:visited { color: black; border: 1px solid #CC0000; }
#kl_wrapper_3.kl_box_left.variation_2 #kl_navigation ul li a:hover { background: #CC0000; color: white; }
#kl_wrapper_3.kl_box_left.variation_2 #kl_navigation ul li a:focus { background: #CC0000; color: white; }
#kl_wrapper_3.kl_box_left.variation_2 h3:not(.ui-state-default) i { background: #D4D9CF; color: black; box-shadow: none; }
#kl_wrapper_3.kl_box_left.variation_2 > div > i { background: #D4D9CF; color: black; box-shadow: none; }
#kl_wrapper_3.kl_circle_left { border-color: #CC0000; }
#kl_wrapper_3.kl_circle_left #kl_banner h2 { background: #CC0000; color: white; }
#kl_wrapper_3.kl_circle_left #kl_banner #kl_banner_left { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_circle_left #kl_banner .kl_subtitle { border-color: #CC0000; }
#kl_wrapper_3.kl_circle_left #kl_banner #kl_description { border-color: #CC0000; }
#kl_wrapper_3.kl_circle_left #kl_banner_image img { border-color: #CC0000; }
#kl_wrapper_3.kl_circle_left #kl_navigation ul li i { border: 3px solid #fff; background: #CC0000; color: white; }
#kl_wrapper_3.kl_circle_left #kl_navigation ul li a { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_circle_left > div > i { border: 5px solid #fff; background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_circle_left h3:not(.ui-state-default) i { border: 5px solid #fff; background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_circle_left h3:not(.ui-state-default) { background: #CC0000; border-color: #CC0000; color: white; }
#kl_wrapper_3.kl_circle_left h4:not(.kl_panel_heading), #kl_wrapper_3.kl_apple.kl_circle_left h5:not(.kl_panel_heading) { background: #CC0000; border-color: #CC0000; color: white; }
#kl_wrapper_3.kl_circle_left h5:not(.kl_panel_heading) { background: #CC0000; border-color: #CC0000; color: white; }
#kl_wrapper_3.kl_circle_left.variation_2 { border-color: #D4D9CF; }
#kl_wrapper_3.kl_circle_left.variation_2 #kl_banner h2 { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_circle_left.variation_2 #kl_banner #kl_banner_left { background: #CC0000; color: white; }
#kl_wrapper_3.kl_circle_left.variation_2 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_circle_left.variation_2 #kl_banner #kl_description { border-color: #D4D9CF; }
#kl_wrapper_3.kl_circle_left.variation_2 #kl_navigation ul li i { border: 3px solid #fff; background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_circle_left.variation_2 #kl_navigation ul li a { background: #CC0000; color: white; }
#kl_wrapper_3.kl_circle_left.variation_2 #kl_banner_image img { border-color: #D4D9CF; }
#kl_wrapper_3.kl_circle_left.variation_2 h3:not(.ui-state-default) { border-color: #D4D9CF; background-color: #fff; color: #000; }
#kl_wrapper_3.kl_circle_left.variation_2 h3:not(.ui-state-default) i { background: #CC0000; color: #fff; }
#kl_wrapper_3.kl_circle_left.variation_2 > div > i { background: #CC0000; color: #fff; }
#kl_wrapper_3.kl_circle_left.variation_2 h4:not(.kl_panel_heading), #kl_wrapper_3.kl_apple.kl_circle_left.variation_2 h5:not(.kl_panel_heading), #kl_wrapper_3.kl_circle_left.variation_2 h5 { border-color: #D4D9CF; background-color: #fff; color: #000; }
#kl_wrapper_3.kl_circles_overlap #kl_banner #kl_banner_right { color: #000; background: rgba(255, 255, 255, 0.8); text-transform: none; }
#kl_wrapper_3.kl_circles_overlap #kl_banner .kl_subtitle { background: rgba(255, 255, 255, 0.8); }
#kl_wrapper_3.kl_circles_overlap #kl_banner #kl_description { background-color: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.42); }
#kl_wrapper_3.kl_circles_overlap #kl_navigation li a { color: #fff; background-color: #CC0000; }
#kl_wrapper_3.kl_circles_overlap #kl_navigation li a:hover, #kl_wrapper_3.kl_circles_overlap #kl_navigation li a:focus, #kl_wrapper_3.kl_circles_overlap #kl_navigation li a:visited { color: #fff; }
#kl_wrapper_3.kl_circles_overlap > div > i, #kl_wrapper_3.kl_circles_overlap h3:not(.ui-state-default) i { background-color: #D4D9CF; color: black; }
#tinymce.kl_mce_visual_blocks #kl_wrapper_3.kl_circles_overlap #kl_navigation li a, #kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a, #kl_wrapper_3.kl_circles_overlap #kl_navigation li a:hover { color: black; background: #D4D9CF !important; }
#tinymce.kl_mce_visual_blocks #kl_wrapper_3.kl_circles_overlap #kl_navigation li a i, #kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a i, #kl_wrapper_3.kl_circles_overlap #kl_navigation li a:hover i { background-color: #D4D9CF; }
#kl_wrapper_3.kl_colored_headings_box_left, #kl_wrapper_3.kl_colored_headings { /* Default Headings */ }
#kl_wrapper_3.kl_colored_headings_box_left > div, #kl_wrapper_3.kl_colored_headings > div { background-color: #fff; border: 1px solid lightgray; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_banner, #kl_wrapper_3.kl_colored_headings #kl_banner { background: #CC0000; color: white; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_banner h2, #kl_wrapper_3.kl_colored_headings #kl_banner h2 { text-transform: none; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_banner #kl_banner_left, #kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_left { background-color: #fff; color: #000; border-bottom-color: #D4D9CF; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_banner .kl_subtitle, #kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle { background-color: #D4D9CF; color: black; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation ul, #kl_wrapper_3.kl_colored_headings #kl_navigation ul { background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a, #kl_wrapper_3.kl_colored_headings #kl_navigation li a { color: white; text-decoration: none; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover, #kl_wrapper_3.kl_colored_headings #kl_navigation li a:hover { color: #000; background-color: #fff; -moz-box-shadow: inset 0 0 3px #fff; -webkit-box-shadow: inset 0 0 3px #fff; box-shadow: inset 0 0 3px #fff; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover i, #kl_wrapper_3.kl_colored_headings #kl_navigation li a:hover i { background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:visited, #kl_wrapper_3.kl_colored_headings #kl_navigation li a, #kl_wrapper_3.kl_colored_headings #kl_navigation li a:visited { color: white; text-decoration: none; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:focus, #kl_wrapper_3.kl_colored_headings #kl_navigation li a:hover, #kl_wrapper_3.kl_colored_headings #kl_navigation li a:focus { color: #000; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover i, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:focus i, #kl_wrapper_3.kl_colored_headings #kl_navigation li a:hover i, #kl_wrapper_3.kl_colored_headings #kl_navigation li a:focus i { border-bottom-color: #D4D9CF; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation i, #kl_wrapper_3.kl_colored_headings #kl_navigation i { background: #fff; color: #444; border-bottom-color: #D4D9CF; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_modules .ui-widget-content, #kl_wrapper_3.kl_colored_headings #kl_modules .ui-widget-content { border: 1px solid lightgray; background: #fff; }
#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3, #kl_wrapper_3.kl_colored_headings_box_left > div > h3:not(.ui-state-default), #kl_wrapper_3.kl_colored_headings #kl_modules h3, #kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default) { background-color: #D4D9CF; border-top: 5px solid #CC0000; color: black; text-transform: none; }
#kl_wrapper_3.kl_colored_headings_box_left > div > h3 i, #kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i, #kl_wrapper_3.kl_colored_headings > div > h3 i, #kl_wrapper_3.kl_colored_headings #kl_modules h3 i { background-color: #fff; color: #CC0000; border-bottom: 4px solid #CC0000; }
#kl_wrapper_3.kl_colored_headings_box_left h4, #kl_wrapper_3.kl_apple.kl_colored_headings_box_left h5, #kl_wrapper_3.kl_colored_headings_box_left h5, #kl_wrapper_3.kl_colored_headings_box_left h6, #kl_wrapper_3.kl_colored_headings h4, #kl_wrapper_3.kl_apple.kl_colored_headings h5, #kl_wrapper_3.kl_colored_headings h5, #kl_wrapper_3.kl_colored_headings h6 { border-bottom: 1px solid lightgray; color: #000; text-transform: none; }
#kl_wrapper_3.kl_colored_headings_box_left .well, #kl_wrapper_3.kl_colored_headings .well { background-color: #f5f5f5; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation ul, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation ul { background-color: #D4D9CF; color: black; }
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a { color: black; }
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a:hover, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a:focus, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a:hover, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a:focus { color: #000; }
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a:hover i, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a:focus i, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a:hover i, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a:focus i { border-bottom-color: #D4D9CF; }
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a i, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a i { border-bottom-color: #CC0000; }
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_banner #kl_banner_left, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_banner #kl_banner_left { background-color: #D4D9CF; color: black; border-bottom-color: #D4D9CF; }
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_banner .kl_subtitle { background-color: #fff; color: #000; }
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_modules h3, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 > div > h3:not(.ui-state-default), #kl_wrapper_3.kl_colored_headings.variation_2 #kl_modules h3, #kl_wrapper_3.kl_colored_headings.variation_2 > div > h3:not(.ui-state-default) { background-color: #CC0000; border-top: 5px solid #D4D9CF; color: white; text-transform: none; }
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 > div > h3 i, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_modules h3 i, #kl_wrapper_3.kl_colored_headings.variation_2 > div > h3 i, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_modules h3 i { background-color: #fff; color: #000; border-bottom: 4px solid #D4D9CF; }
#kl_wrapper_3.kl_emta { color: #000; }
#kl_wrapper_3.kl_emta #kl_banner { background: #D4D9CF; color: black; border: 1px solid #CC0000; }
#kl_wrapper_3.kl_emta #kl_banner h2 { background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_emta #kl_banner #kl_banner_left { border-right: 2px solid #fff; }
#kl_wrapper_3.kl_emta #kl_banner #kl_banner_left .kl_mod_num { color: #CC0000; }
#kl_wrapper_3.kl_emta #kl_banner #kl_description { background: #CC0000; color: white; }
#kl_wrapper_3.kl_emta h3:not(.ui-state-default) { color: black; background: #D4D9CF; font-weight: normal; }
#kl_wrapper_3.kl_emta #kl_navigation ul { background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_emta #kl_navigation li a { color: white; text-decoration: none; }
#kl_wrapper_3.kl_emta #kl_navigation li a:visited { color: white; }
#kl_wrapper_3.kl_emta #kl_navigation li a:hover, #kl_wrapper_3.kl_emta #kl_navigation li a:focus { color: white; text-decoration: underline; }
#kl_wrapper_3.kl_emta #kl_modules { border: 1px solid #CC0000; }
#kl_wrapper_3.kl_flat_sections_main, #kl_wrapper_3.kl_flat_sections { /* Content */ }
#kl_wrapper_3.kl_flat_sections_main #kl_banner, #kl_wrapper_3.kl_flat_sections #kl_banner { background: #CC0000; color: white; }
#kl_wrapper_3.kl_flat_sections_main #kl_banner h2, #kl_wrapper_3.kl_flat_sections #kl_banner h2 { text-transform: none; }
#kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_banner_left, #kl_wrapper_3.kl_flat_sections #kl_banner #kl_banner_left { background-color: #D4D9CF; color: black; }
#kl_wrapper_3.kl_flat_sections_main #kl_banner .kl_subtitle, #kl_wrapper_3.kl_flat_sections #kl_banner .kl_subtitle { background: #fff; color: #000; }
#kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_description, #kl_wrapper_3.kl_flat_sections #kl_banner #kl_description { background-color: #D4D9CF; color: black; }
#kl_wrapper_3.kl_flat_sections_main #kl_navigation ul, #kl_wrapper_3.kl_flat_sections #kl_navigation ul { background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a, #kl_wrapper_3.kl_flat_sections #kl_navigation li a { border: 1px solid #CC0000; color: white; text-decoration: none; }
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:visited, #kl_wrapper_3.kl_flat_sections #kl_navigation li a:visited { color: white; }
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:hover, #kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:focus, #kl_wrapper_3.kl_flat_sections #kl_navigation li a:hover, #kl_wrapper_3.kl_flat_sections #kl_navigation li a:focus { background: #D4D9CF; color: black; border-color: #CC0000; }
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:hover i, #kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:focus i, #kl_wrapper_3.kl_flat_sections #kl_navigation li a:hover i, #kl_wrapper_3.kl_flat_sections #kl_navigation li a:focus i { background: black; color: #D4D9CF; border: 1px solid #D4D9CF; }
#kl_wrapper_3.kl_flat_sections_main #kl_navigation i, #kl_wrapper_3.kl_flat_sections #kl_navigation i { background: #fff; color: #444; border: 1px solid #444; }
#kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default), #kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) { color: #000; border-top: 1px solid lightgray; }
#kl_wrapper_3.kl_flat_sections_main > div > i, #kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default) i:first-child, #kl_wrapper_3.kl_flat_sections > div > i, #kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) i:first-child { color: #CC0000; border: 1px solid lightgray; background: #fff; }
#kl_wrapper_3.kl_flat_sections_main h4, #kl_wrapper_3.kl_apple.kl_flat_sections_main h5, #kl_wrapper_3.kl_flat_sections_main h5, #kl_wrapper_3.kl_flat_sections_main h6, #kl_wrapper_3.kl_flat_sections h4, #kl_wrapper_3.kl_apple.kl_flat_sections h5, #kl_wrapper_3.kl_flat_sections h5, #kl_wrapper_3.kl_flat_sections h6 { color: #000; border-bottom: 1px solid lightgray; text-transform: none; }
#kl_wrapper_3.kl_flat_sections_main > div:nth-child(odd), #kl_wrapper_3.kl_flat_sections > div:nth-child(odd) { background: whitesmoke; }
#kl_wrapper_3.kl_flat_sections_main .well, #kl_wrapper_3.kl_flat_sections .well { background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
#kl_wrapper_3.kl_flat_sections_main.variation_2, #kl_wrapper_3.kl_flat_sections.variation_2 { /* Content */ }
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner #kl_banner_left, #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner #kl_description, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner #kl_banner_left, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner #kl_description { background-color: #fff; color: #444; }
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation ul, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation ul { background-color: #D4D9CF; color: black; }
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a { border: 1px solid #D4D9CF; color: black; }
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:visited, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:visited { color: black; }
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:hover, #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:focus, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:hover, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:focus { background: #CC0000; color: white; border-color: #D4D9CF; }
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:hover i, #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:focus i, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:hover i, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:focus i { background: white; color: #CC0000; border: 1px solid #CC0000; }
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation i, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation i { background: #fff; color: #444; border: 1px solid #444; }
#kl_wrapper_3.kl_flat_sections_main.variation_2 h3:not(.ui-state-default), #kl_wrapper_3.kl_flat_sections.variation_2 h3:not(.ui-state-default) { color: #000; border-top: 1px solid lightgray; }
#kl_wrapper_3.kl_flat_sections_main.variation_2 > div > i, #kl_wrapper_3.kl_flat_sections_main.variation_2 h3:not(.ui-state-default) i:first-child, #kl_wrapper_3.kl_flat_sections.variation_2 > div > i, #kl_wrapper_3.kl_flat_sections.variation_2 h3:not(.ui-state-default) i:first-child { color: white; border: 1px solid lightgray; background: #CC0000; }
#kl_wrapper_3.kl_flat_sections_main #kl_description { border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
#kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_left { background: #CC0000; color: white; text-transform: none; }
#kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_right { background: rgba(255, 255, 255, 0.8); border-bottom: 1px solid #fff; }
#kl_wrapper_3.kl_ribbons_main #kl_banner .kl_subtitle { background: rgba(255, 255, 255, 0.8); border: 1px solid #fff; text-transform: none; }
#kl_wrapper_3.kl_ribbons_main #kl_banner #kl_description { border: 4px double #fff; background: rgba(255, 255, 255, 0.8); }
#kl_wrapper_3.kl_ribbons_main #kl_navigation a i { background: #CC0000; color: white; }
#kl_wrapper_3.kl_ribbons_main #kl_navigation li a { background: rgba(255, 255, 255, 0.8); color: #545454; border: 1px solid #fff; }
#kl_wrapper_3.kl_ribbons_main > div > i, #kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) { background-color: #CC0000; color: white; font-weight: normal; font-size: 1.2em; }
#kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) i { background: #FFF; color: #CC0000; }
#kl_wrapper_3.kl_ribbons_main .kl_quick_check, #kl_wrapper_3.kl_ribbons_main #kl_modules .ui-tabs-panel { background: #fff; }
@media screen and (min-width: 950px) { body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li a { background: #fff; }
  body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation a:after { border: 22px solid #fff; border-left: 20px solid transparent; } }
@media screen and (min-width: 800px) and (max-width: 969px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation li a { background: #fff; }
  body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation a:after { border: 22px solid #fff; border-left: 20px solid transparent; } }
@media screen and (min-width: 1000px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation li a { background: #fff; }
  body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation a:after { border: 22px solid #fff; border-left: 20px solid transparent; } }
#kl_wrapper_3.kl_ribbons_main.variation_2 #kl_navigation a i { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_ribbons_main.variation_2 h3:not(.ui-state-default) { background-color: #939597; color: black; }
#kl_wrapper_3.kl_rounded_inset #kl_banner { background: #CC0000; color: white; }
#kl_wrapper_3.kl_rounded_inset #kl_banner h2 { border-color: #D4D9CF; background: #fff; color: #000; }
#kl_wrapper_3.kl_rounded_inset #kl_banner .kl_subtitle { color: white; text-transform: none; }
#kl_wrapper_3.kl_rounded_inset #kl_banner #kl_description { background: #D4D9CF; color: black; border-bottom: 1px solid #fff; }
#kl_wrapper_3.kl_rounded_inset #kl_banner_left { border-color: #D4D9CF; }
#kl_wrapper_3.kl_rounded_inset #kl_navigation ul li a { color: #CC0000; border-color: #CC0000; }
#kl_wrapper_3.kl_rounded_inset #kl_navigation ul li a:visited { color: #CC0000; border-color: #CC0000; }
#kl_wrapper_3.kl_rounded_inset #kl_navigation ul li a:hover, #kl_wrapper_3.kl_rounded_inset #kl_navigation ul li a:focus { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_rounded_inset h3:not(.ui-stat-default) { border-color: #D4D9CF; background-color: #fff; text-transform: none; border-width: 2px; }
#kl_wrapper_3.kl_rounded_inset > div > i, #kl_wrapper_3.kl_rounded_inset h3:not(.ui-state-default) i { color: #000; border-color: #D4D9CF; }
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner { background: #CC0000; color: white; }
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner h2 { border-color: black; background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner .kl_subtitle { color: white; text-transform: none; }
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner #kl_description { background: #fff; color: #000; border-bottom: 1px solid #fff; }
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner_left { border-color: black; }
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a { color: black; border-color: #D4D9CF; }
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a:visited { color: #D4D9CF; border-color: #D4D9CF; }
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a:hover, #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a:focus { background: #CC0000; color: white; }
#kl_wrapper_3.kl_rounded_inset.variation_2 h3:not(.ui-stat-default) { border-color: #CC0000; background-color: #fff; text-transform: none; border-width: 2px; }
#kl_wrapper_3.kl_rounded_inset.variation_2 > div > i, #kl_wrapper_3.kl_rounded_inset.variation_2 h3:not(.ui-state-default) i { color: #000; border-color: #CC0000; }
#kl_wrapper_3.kl_square_right #kl_banner #kl_description, #kl_wrapper_3.kl_square_right #kl_banner .kl_subtitle { border-color: #CC0000; }
#kl_wrapper_3.kl_square_right #kl_banner #kl_description { border-color: #CC0000; }
#kl_wrapper_3.kl_square_right #kl_banner .kl_subtitle { color: #CC0000; }
#kl_wrapper_3.kl_square_right h2 { background: #CC0000; color: white; }
#kl_wrapper_3.kl_square_right #kl_banner_left { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_square_right h3:not(.ui-state-default) { border-color: #CC0000; background-color: #CC0000; color: white; }
#kl_wrapper_3.kl_square_right #kl_navigation ul li i { background: #CC0000; color: white; border-left: 1px solid #fff; }
#kl_wrapper_3.kl_square_right #kl_navigation ul li a:visited { background: #fff; color: #000; border-color: #CC0000; text-decoration: none; }
#kl_wrapper_3.kl_square_right #kl_navigation ul li a:hover, #kl_wrapper_3.kl_square_right #kl_navigation ul li a:focus { background: #CC0000; color: white; }
#kl_wrapper_3.kl_square_right #kl_navigation ul li a:hover i, #kl_wrapper_3.kl_square_right #kl_navigation ul li a:focus i { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_square_right > div > i, #kl_wrapper_3.kl_square_right h3:not(.ui-state-default) i { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_square_right.variation_2 #kl_banner #kl_description, #kl_wrapper_3.kl_square_right.variation_2 #kl_banner .kl_subtitle { border-color: #D4D9CF; }
#kl_wrapper_3.kl_square_right.variation_2 #kl_banner #kl_description { border-color: #D4D9CF; }
#kl_wrapper_3.kl_square_right.variation_2 #kl_banner .kl_subtitle { color: #D4D9CF; }
#kl_wrapper_3.kl_square_right.variation_2 h2 { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_square_right.variation_2 #kl_banner_left { background: #CC0000; color: white; }
#kl_wrapper_3.kl_square_right.variation_2 h3:not(.ui-state-default) { border-color: #D4D9CF; background-color: #D4D9CF; color: black; }
#kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li i { background: #D4D9CF; color: black; border-left: 1px solid #fff; }
#kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:visited { background: #fff; color: #000; border-color: #D4D9CF; text-decoration: none; }
#kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:hover, #kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:focus { background: #D4D9CF; color: black; }
#kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:hover i, #kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:focus i { background: #CC0000; color: white; }
#kl_wrapper_3.kl_square_right.variation_2 > div > i, #kl_wrapper_3.kl_square_right.variation_2 h3:not(.ui-state-default) i { background: #CC0000; color: white; }