body, html {
	font-family: 'Montserrat', 'Open Sans', sans-serif, arial !important;
	line-height: 14px;
}
h1, h2, h3, h4, h5, h6,table, th, td {
	font-family: "Montserrat", sans-serif, arial !important;
}

/* set the background color for the whole top and bottom blocks all at once */
#header, #header_title, #login, #cartCount, #cartOption a, #profileOption a, #footer, #footer table, #loginContent input.button, #loginContent input.submit, #subCategories a:hover, #cartCount a, .leftMenu ul li a, .leftMenu ul.Level00 li a, #login a {
	background-color: #122F48; 
}

#enroleLogo {
	width: 185px;
}

/* Removing this to avoid conflict with 8.2.2.
.cartinner table tr td.headingRight {
	text-align: start;
} */
.leftMenu ul li a, .leftMenu ul.Level00 li a {
	color: white;
}
#login input.submit {
    color: #122F44;
}
#header_title {
	padding-top: 26px;
}
#cartCount {
	padding-top: 25px;
}
#login input.submit {
	background-color: white;
}
#breadcrumbTop a {
    color: #122F48;
}
#login input.submit:hover {
    background-color: #42C2D5;
    color: white;
}
.featuredCourse span {
	font-size: 90%;
}
.leftMenu ul li a:hover, .leftMenu ul.Level00 li a:hover, .leftMenu ul.Level01 li a:hover, .leftMenu ul.Level02 li a:hover, .leftMenu ul.Level03 li a:hover {
    color: white;
    background-color: #255F93;
}
.leftMenu ul li a i {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 2px;
}
.leftMenu ul.Level01 li a {
	background-color: #317fc4;
}
.leftMenu ul.Level02 li a{
	background-color: #6CA7DA;
}
.subHeader {
    border-bottom: 3px solid #42C2D5;
}
.logform {
	background: #122F48;
	color: white;
 }
 .logform .forgotPw a {
 	color: white;
 }
 .logform button {
 	background: #42C2D5;
 }
 .cartOption input.submit{
    background-color: #42C2D5;
    color: white;
 }
.cartOption input.submit:hover {
    background-color: #255F93;
}
.cartOption a {
    background-color: #122F48;
    color: white;
} 
.cartOption a:hover {
    background-color: #696e69;
    color: #42C2D5;
}
.instructorbreak {
    background-color: #122F3F;
    color: white;
}
#login {
    color: white;
}
.historyinner hr {
    background-color: #42C2D5;
}
#cartOption a {
	color: white;
}
.bio_masthead {
    background-color: #122F48;
}
.courses a:hover {
    color: #42C2D5;
}

#wrapper {
    max-width: none !important;
}
.logHeading {
color: white;
}
input.submit {
color: white;
}
.calHeader, .calSubheaderDOW, .calFooterRight, .calFooterLeft {
background-color: #122F43;
}
/* AI Assistant  */
#showFlyoutBtn {
	box-sizing: border-box;
    position: fixed; /* Keep the button in a fixed position */
    bottom: 0%;
    right: 0;
/*     transform: translateY(-50%); */
    background-color: #286594;
    color: #fff;
    padding: 10px 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
/*     border: 2px solid #fff; */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 9999; /* Increase the z-index value to ensure the button is on top */
    margin-bottom: 20px;
    font-size: 1rem;
}

#showFlyoutBtn:hover {
    background-color: #1c4767;
}

#flyoutPanel {
	box-sizing: border-box;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    right: -600px;
	margin-bottom: 20px;
    background-color: white;
    padding-bottom: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 10000; /* Increase the z-index value to ensure the panel is on top */
    width: clamp(0px, 600px, 100%);
    transition: right 0.3s ease-in-out;
    resize: both;
}

#flyoutPanel.show {
    display: block;
    right: 0;
    transition: right 0.3s ease-in-out;
}

#flyoutPanel .flyoutPanelIframe {
	width: 100%;
	height: 100%;
	border: none;
	border-top: 2px solid #BBBBBB;
}

#closeFlyoutBtn {
	float: right;
	border: none;
	background-color: transparent;
	color: #333333;
	font-family: 'Montserrat', 'Open Sans', sans-serif, arial;
	font-size: 2rem;
	cursor: pointer;
}

#closeFlyoutBtn:hover {
	background-color: #DDDDDD;
}