@charset "utf-8";
/* CSS Document */
body {
 font-family: "Calibri", Arial, Helvetica, sans-serif;
 font-size: 1.0rem;
 /*background-image: url("../images/background_library.jpg");*/
 background-color: #F4F4F4;
}
body ul {
 line-height: 1.2em;
}
/*LOGIN*/
/*.libraryBackground {
 background-image: url("../images/background_library.jpg");
}*/
.loginBackground {
	background-image: url("../images/background_library.jpg");
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.header {
 background-color: #FFFFFF;
}
.logo {}
.logo img {
 width: 100%;
 max-width: 320px;
 min-width: 200px;
 padding: 17px;
}
.loginHolder {
 margin-left: auto;
 margin-right: auto;
 max-width: 600px;
 margin-top: 5%;
}
.loginBox {
 border: 2px solid #ECECEC;
 padding: 30px;
 background-color: #FFFFFF;
 border-radius: 7px / 7px;
 max-width: 600px;
 margin-left: auto;
 margin-right: auto;
}
.loginTitle {
 color: #000000;
 font-variant: small-caps;
 padding-top: 14px;
 padding-bottom: 4px;
 padding-left: 0px;
 padding-right: 20px;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 font-weight: normal;
 border-bottom: 4px solid #0998CC;
 font-size: 1.6em;
 text-align: center;
 background-color: #ffffff;
 min-width: 100%;
}
.signUp {
 text-align: end;
 padding-bottom: 7px;
}
.iconUser {
 padding: 10px;
 background-image: url(../images/person-circle.svg);
 background-repeat: no-repeat;
 background-size: 100% auto;
}
.iconPassword {
 padding: 10px;
 background-image: url(../images/file-lock-circle.svg);
 background-repeat: no-repeat;
 background-size: 100% auto;
}
.iconEmail {
 padding: 10px;
 background-image: url(../images/envelope-at.svg);
 background-repeat: no-repeat;
 background-size: 100% auto;
}
.text-primary {
 color: #0998CC !important;
}
/*LOGIN END */
.no-gutters {
 margin-right: 0;
 margin-left: 0;
}
.col, [class*="col-"] {
 padding-right: 0;
 padding-left: 0;
}
.row {
 margin: 0px;
 padding: 0px;
}
.insetRow {
 margin: 0px;
}
.insetRow2 {
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 0px;
}
.container {
 max-width: 1800px;
 margin-right: auto;
 margin-left: auto;
}
a {
 color: #559241;
 font-weight: normal;
 text-decoration: none;
}
a:link {
 color: #559241;
 margin: 0px;
 text-decoration: none;
}
a:visited {
 color: #559241;
 margin: 0px;
 text-decoration: none;
}
a:hover {
 color: #C9832A;
 margin: 0px;
 text-decoration: underline;
}
a:active {
 color: #559241;
 margin: 0px;
 text-decoration: none;
}
h1 {
 color: #0998CC;
 font-variant: small-caps;
 font-size: 1.7rem;
}
h2 {
 color: #066383;
}
h3 {
 font-weight: bold;
 color: #717373;
}
/*****Other Styles**********************************/

#topLinks {
 display: inline;
}
#topLinks img {
 width: 100%;
 min-width: 30px;
 max-width: 30px;
}
#topLinks ul {
 padding-top: 20px;
 list-style: none;
}
#topLinks li {
 display: inline;
}
#topLinks a {
 text-decoration: none;
 white-space: nowrap;
 border-radius: 20px;
 padding-left: 7px;
 padding-right: 7px;
 padding-top: 11px;
 padding-bottom: 11px;
 margin: 4px;
 color: #ffffff;
 text-align: left;
 font-variant-caps: small-caps;
 min-width: 30px;
 max-width: 30px;
 border: 2px solid #ffffff;
}
#topLinks a:hover {
 border: 2px solid #EE9722;
 background-color: #ffffff;
 color: #000;
}
.studentTitle {
 color: #000000;
 font-variant: small-caps;
 padding-top: 14px;
 padding-bottom: 4px;
 padding-left: 20px;
 padding-right: 20px;
 margin-top: 0px;
 font-weight: normal;
 border-bottom: 4px solid #0998CC;
 font-size: 1.6em;
 text-align: center;
 background-color: #ffffff;
}
.courseTitle {
 color: #000000;
 font-variant: small-caps;
 padding-top: 8px;
 padding-bottom: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
 font-weight: normal;
 border-bottom: 4px solid #0998CC;
 font-size: 1.5em;
 text-align: center;
}
.requirements {
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 5px;
 padding-right: 5px;
 text-align: center;
 width: 100%;
 font-size: 1.2rem;
}
.filterContainer {
 border: 1px solid #D8D8D8;
 margin-bottom: 17px;
}
.filterRow {
 background-color: #ffffff;
 margin: 0px;
 padding: 0px;
 border-bottom: 3px solid #898C8C;
 padding-bottom: 10px;
}
.filterTitle {
 color: #ffffff;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 1.3em;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 20px;
 padding-right: 20px;
 margin-top: 0px;
 border-bottom: 2px solid #4B4B4B;
}
.catalogFilter {
 color: #000000;
 padding: 10px;
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 10px;
 background-color: #ffffff;
 border: 1px solid #E4F2F6;
}
.catalogFilterTitle {
 color: #14414B;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 1.2em;
 padding-top: 4px;
 background-color: #E4F2F6;
 border-bottom: 2px solid #0998CC;
 padding-left: 15px;
 padding-right: 15px;
}
.selectAll {
 color: #000000;
 background-color: #F8F8F8;
}
.search {
 color: #000000;
 background-color: #ffffff;
}
.searchField {
 color: #000000;
 background-color: #ffffff;
 padding: 10px;
 border: 2px solid #0998CC;
 width: 100%;
}
/* Style the search box inside the navigation bar */
.search input[type=text] {
 padding: 6px;
 border: none;
 margin-top: 8px;
 margin-right: 16px;
 font-size: 17px;
}
.search a, .search input[type=text] {
 display: block;
 text-align: left;
 width: 100%;
 margin: 0;
 padding: 14px;
}
.search input[type=text] {
 border: 1px solid #ccc;
}
.rowHeight1 {
 height: 200px;
 margin-bottom: 20px;
}
.filter_list {
 display: inline-block;
 overflow-y: auto;
 height: 200px;
}
.catSelectRow {
 width: 100%;
 padding: 7px;
 padding-left: 10px;
}
.navbar {
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
}
.navbar-nav {
 padding-x: 0;
 padding-y: 0.0rem;
 display: flex;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 0;
 list-style: none;
 width: 100%;
}
.tabSelect {
 text-decoration: none;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 text-align: start;
 font-size: 1.1em;
 font-weight: normal;
}
.courses-cohortsContainer {
 background-color: #0998CC;
 margin-right: 10px;
}
.courses-cohortsRow {
 border-bottom: 1px solid #B5B5B5;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-right: 8px;
 padding-left: 0px;
 background-color: #ffffff;
}
.coursesContainer {
 border-bottom: 4px solid #0998CC;
}
.cohortsContainer {
 border-bottom: 4px solid #0998CC;
}
.courseTime {
 color: #000000;
}
.allCoursesContainer {
 padding-top: 0px;
 padding-bottom: 4px;
 margin-right: 12px;
 margin-left: 12px;
}
.iconInfoContainer {
 max-width: 40px;
}
.iconInfo {
 margin-left: 14px;
 margin-right: 10px;
 width: 20px;
 height: 20px;
}
.iconInfoInvert {
 margin-left: 0px;
 margin-right: 10px;
 width: 20px;
 height: 20px;
}
.iconCertificate {
 margin-left: 14px;
 margin-right: 10px;
 max-height: 36px;
}
.print {
 cursor: pointer;
 margin-top: 15px;
 margin-bottom: 5px;
 margin-right: 17px;
 text-align: end;
}
.iconPrint {
 margin-left: 14px;
 margin-right: 10px;
 min-width: 22px;
 margin-top: 5px;
 margin-bottom: 5px;
}
.program_courses {
 padding-bottom: 10px;
 padding-left: 0px;
 padding-right: 0px;
}
.courseHeaders {
 color: #000000;
 background-color: #F1F8FA;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 14px;
 margin-top: 0px;
 font-weight: normal;
 border-bottom: 1px solid #717373;
 font-size: 1.02em;
}
.course_expand, .program_expand {
 color: #E64B38;
 cursor: pointer;
 font-size: 1.1em;
}
.accordion-item {
 background-color: #F1F8FA;
 border-left: 0px solid rgba(0, 0, 0, 0.125);
 border-right: 0px solid rgba(0, 0, 0, 0.125);
 border-bottom: 0px solid rgba(0, 0, 0, 0.125);
 border-top: 0px solid rgba(196, 190, 190, 0.13);
 margin-bottom: 0px;
}
.accordion-header {
 margin-bottom: 0;
}
.accordion-button {
 position: relative;
 display: flex;
 width: 100%;
 padding: .4rem .8rem;
 color: #000000 !important;
 background-color: #E4F2F6 !important;
 border: 2px solid #E4F2F6;
 outline: 0px;
 overflow-anchor: none;
 margin-bottom: 0px;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 1.2em;
 border-bottom: 2px solid #4B4B4B !important;
}
.accordion-button:not(.collapsed) {
 color: #000000 !important;
 background-color: #ffffff !important;
 border: 2px solid #0998CC !important;
 border-bottom: 2px solid #EE9722 !important;
}
.accordion-button:link, .accordion-button:visited, .accordion-button:hover, .accordion-button:active {
 background-color: #ffffff !important;
 color: #000000 !important;
 text-decoration: none !important;
 border: 2px solid #0998CC !important;
 border-bottom: 2px solid #EE9722 !important;
 outline: 0px;
}
.accordion-button:focus {
 z-index: 3;
 border: 2px solid #0998CC !important;
 border-bottom: 2px solid #4B4B4B !important;
 background-color: #ffffff !important;
 color: #000000 !important;
 outline: 0;
 box-shadow: 0 0 0 .0rem #0998CC !important;
}
.accordion-button:not(.collapsed)::after {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 transform: rotate(180deg)
}
.accordion-body {
 padding: 0px;
 margin: 0px;
}
.courseRow {
 /*border-bottom: 2px solid #4B4B4B;*/
 margin-top: 0px;
 padding-top: 17px;
 background-color: #ffffff;
}
.courseLink {
 font-size: 1.1rem;
 padding-right: 5px;
}
.courseStatus {
 border-bottom: 1px solid #B5B5B5;
 padding-top: 7px;
 padding-bottom: 7px;
 background-color: #ffffff;
}
.courseStatusLabel {
 text-align: end;
 font-weight: bold;
 margin-right: 17px;
}
.availableCourses {
 border-bottom: 1px solid #B5B5B5;
 padding-right: 10px;
}
.helpContent {
 color: #000000;
 background-color: #F1F8FA;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 14px;
 margin-top: 0px;
 font-weight: normal;
 font-size: 1.02em;
}
.text-primary {
 color: #0998CC !important;
}
.btn {
 padding-top: 0px;
 padding-bottom: 0px;
}
.btn-primary {
 color: #ffffff;
 background-color: #0998CC;
 border-color: #0998CC;
 border: 2px solid #0998CC;
 padding-top: 4px;
 padding-bottom: 4px;
 border-radius: 7px;
 padding-left: 20px;
 padding-right: 20px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
 color: #000000;
 background-color: #ffffff;
 border: 2px solid #0998CC;
}
.btnIcon {
 padding-top: 0px;
 padding-bottom: 0px;
}
.btn-primaryIcon {
 background-color: #ffffff;
 border: 2px solid #ffffff;
 border-radius: 5px;
 color: #000000;
 padding-top: 2px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 2px;
 cursor: pointer;
 text-decoration: none;
}
.btn-primaryIcon.disabled {
 color: #A0A0A0;
 border: 2px solid #ffffff;
 cursor: not-allowed;
}
.btn-primaryIcon:hover, .btn-primaryIcon:focus, .btn-primaryIcon:active, .btn-primaryIcon.active, .open > .dropdown-toggle.btn-primaryIcon {
 color: #000000;
 text-decoration: none;
}
.certificateRow {
 padding-top: 4px;
 padding-bottom: 4px;
 background-color: #ffffff;
 text-align: end;
}
.certificateAvailable {
 color: #000000;
}
.certificateUnavailable {
 color: #A0A0A0;
 cursor: not-allowed;
}
.launchCourseRow {
 margin: 0px;
 padding-top: 4px;
 padding-bottom: 14px;
 padding-left: 17px;
 text-align: start;
 margin-bottom: 20px;
 border-bottom: 1px solid #E4F2F6;
}
.studentDirections {
 text-align: center;
}
.icon {
 max-width: 20px;
 min-width: 20px;
 padding: 0px;
}
.iconLg {
 max-width: 30px;
 min-width: 30px;
 padding: 0px;
}
.inlineIcon {
 margin-right: 7px;
}
.checkBox {
 margin-right: 7px;
 margin-left: 0px;
}
.checkBoxTextInset {
 text-indent: -21px;
}
.catalogTitle {
 font-weight: normal;
 font-size: 1.2em;
 padding-left: 7px;
 padding-top: 20px;
 padding-bottom: 0px;
 margin-bottom: 0px;
 color: #0998CC;
}
.catalogCourseSelect {
 /*font-size: .93em;*/
 font-weight: normal;
 margin-left: 25px;
 padding-right: 0px;
}
.catCourseRow {
 padding-top: 2px;
 padding-bottom: 2px;
}
.courseCatalogDiscription {
 background-color: #ffffff;
 padding: 10px;
 margin-left: 0px;
 margin-right: 0px;
 border: 1px solid #F5F2F2;
}
.containerScroll {
 min-height: 170px;
 height: 200px;
 overflow-y: scroll;
 resize: vertical;
 overflow: auto;
}
/*MY ACCOUNT*/
.formContainer {
border: 2px solid #ECECEC;
 padding: 30px;
 background-color: #FFFFFF;
 border-radius: 7px / 7px;
 margin-left: auto;
 margin-right: auto;
	max-width: 1200px;
}


.formImput {
 border: 1px solid #ECECEC;
 padding: 5px;
 background-color: #FFFFFF;
}
.formLabel {
 font-weight: bold;
 text-align: end;
 color: #373737;
 padding-left: 4px;
 padding-right: 10px;
}
.formLabelLeft {
 font-weight: bold;
 text-align: left;
 color: #373737;
 width: 100%;
 padding-left: 0px;
 padding-right: 10px;
 padding-bottom: 10px;
}
.formNote {
 font-size: 0.9em;
 color: #3e3e3e;
}
.formField {
 font-weight: normal;
 text-align: left;
 background-color: #777777;
 border: 1px solid #DDDDDC;
}
.languageSelect {
 background-color: #ffffff;
 border: 1px solid #ffffff;
 border-radius: 0.25rem;
 color: #000000;
 padding-top: 5px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 5px;
 cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}

.DDrow2 {
 margin-top: 10px;
 margin-bottom: 20px;
}
.dropDowns {
 background-color: #ffffff;
 border: 1px solid #0998CC;
 border-radius: 0.25rem;
 color: #000000;
 background-image: linear-gradient(#ffffff, #E3EDF0);
 padding-top: 5px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 5px;
 cursor: pointer;
 width: 100%;
}
.dropDowns:hover {
 background-color: #ffffff;
 border: 1px solid #EE9722;
 color: #000000;
 background-image: linear-gradient(#ffffff, #cee3e8);
 padding-top: 5px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 5px;
 cursor: pointer;
}
.dropDowns:disabled {
 background-color: #ffffff;
 border: 1px solid #aaaaaa;
 color: #525252;
 background-image: linear-gradient(#ffffff, #cee3e8);
 opacity: 0.5;
 cursor: not-allowed;
}
.stateDD {
 max-width: 100px;
}

.radio_indent {
 padding-top: 2px;
 padding-bottom: 2px;
 min-width: 100%;
}
.info-icon {
 cursor: pointer;
}

.inputField {
 font-weight: normal;
 background-color: #ffffff;
 padding-left: 5px;
 border: 1px #DDDDDC solid;
 width: 100%;
}
.inputField:disabled  {
 border: 1px #ffffff solid;
	color: #000000;
}
.inputFieldNoPadding {
 font-weight: normal;
 background-color: #ffffff;
 padding-left: 0px;
}
.datefield {
 font-weight: normal;
 background-color: #ffffff;
 padding-left: 5px;
 border: 1px #DDDDDC solid;
 width: 100%;
 width: 140px;
}
.myAccountDirections {
 background-color: #FCFBF2;
 border: #F8D148 1px solid;
 padding: 17px;
 text-align: center;
 margin-bottom: 10px;
}
.alert {
 border-radius: 0px;
 margin-bottom: 10px;
 font-size: 1.03em;
 padding-top: 2px;
 padding-left: 17px;
 padding-right: 17px;
 padding-bottom: 2px;
 /*background-color: #FFFFF2;*/
 border: 1px solid #DDDDDC;
 background-color: #FFFFE1;
 border-bottom: 2px solid #EE9722;
}
.note {
 color: #F40206;
 font-weight: bold;
 padding-top: 9px;
 padding-right: 9px;
 padding-bottom: 9px;
 padding-left: 9px;
}
.text-right {
 text-align: end;
 padding-right: 10px;
}
.helpContainer {
 margin-right: auto;
 margin-left: auto;
 max-width: 1000px;
 margin-top: 5%;
}
/*TRANSCRIPT*/
.tsCourseContainer {
 background-color: #ffffff;
 margin-bottom: 10px;
 padding: 20px;
}
.tsCourseTitle {
 font-weight: bold;
 color: #0998CC;
 margin-bottom: 5px;
}
.tsCourseHeadingRow {
 background-color: #333333;
 color: #FBFBFB;
 padding-left: 7px;
}
.tsCourseHeading {
 font-weight: bold;
 font-size: 1.2em;
 padding-bottom: 17px;
 margin-top: 27px;
 color: #3E3E3E;
}
.tsCourseDescription {
 color: #000000;
 font-weight: normal;
 padding-left: 5px;
 padding-right: 10px;
}
.tsCourseRow1 {
 background-color: #F5F5F5;
 padding: 0px;
 color: #000000;
 font-weight: normal;
 margin-bottom: 7px;
}
.tsCourseRow2 {
 background-color: #ffffff;
 padding: 0px;
 color: #000000;
 font-weight: normal;
 margin-bottom: 7px;
}
.comboBoxDD {
 background-color: #ffffff;
 padding: 7px;
 color: #000000;
 font-weight: normal;
 margin-bottom: 7px;
 width: 100%;
 border: 1px solid #0998CC;
}

.noCourses {
 background-color: #828484 !important;
}
.addionalInfo {
 text-align: center;
}
.selectAllSticky {
 position: sticky;
 top: 0;
	z-index:1 
}
.studentList {
 padding-top: 7px;
 padding-bottom: 7px;
 padding-left: 7px;
 padding-right: 7px;
 width: 100%;
 flex-wrap: wrap;
}
.clickable {
cursor: pointer;
	}