/*
 *This file contains the styles that give the core website a bare minimum set of styles to make the website presentable
 *You may also consider whether every customer would want the style(even as a starting point), if so, the style should be in this file
 */
/*

This file is structured according to SMACSS approach.
See http://smacss.com/book/categorizing

All styles are on top of lib/bootstrap.css
*/

/* IMPORTANT: By mobile-first approach, phone view sets the base. If required, phone styles can be redefined for larger screen sizes below.*/

/* BASE */

.glyphicon {
    font-size: 1.1rem;
    color: #58565A;
}

/*replace btn-secondary with btn-light, border-secondary */

.btn-secondary .glyphicon {
    color: #fff;
}

.addonDetailWrapper:not(:last-child) {
    margin-bottom: 16px;
}

.addonNameWrapper {
 font-weight: bold;   
}

.addOnPanelWrapper .glyphicon {
    font-size: 0.7rem;
} 

label {
    font-weight: 400;
}

th > label {
    font-weight: bold;
}

.importantMessage {
    font-weight: 700;
}

.footer1 h5 {
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
}

.totalLabel {
    text-transform: uppercase;
}

.feeDescriptionAmountSeparator:after {
   content: "- ";
}

input.fileUploadInput {
    display: inline-block;
}


h5 {
    font-weight: bold;
}

/* LAYOUT */

#header1 {
    padding-top: 7px;
    color: #FFF;
}

.conferenceModule #header1Wrapper {
    height: auto;
}

.conferenceModule #header1 {
    padding-top: 7px;
    height: auto;
    color: #FFF;
}

.conferenceModule #header1 .headerConfPreviewMenuDropdownLink {
    color: #FFF;
}

.conferenceModule #header2 .col-lg-12, .conferenceModule #footer2Sub1 {
    padding-left: 0px;
    padding-right: 0px;
}

#conferenceLandingPageCancellationRequestStatus {
    margin-top: 25px;
    padding: 10px 15px;
}

#pageConferenceLogin .btn-primary {
    float: none;
}

.conferenceLoginButtonPanel {
    float: right;    
}

#conferencePreviewHeader {
    text-align: center;
}


#header0Wrapper {
    text-align: right;
}

#clpHeader1ContentWrapper a,
#clpHeader1ContentWrapper a .glyphicon,
#cartInfo a,
#header0Wrapper,
#header0Wrapper a,
#loginInfo .headerProfileLink,
#loginInfo .headerLogoutLink,
#loginInfo .headerStudentLoginLogoutLink,
.headerStudentLoginContainer .headerStudentLoginDropdownLink {
    color: #FFF;
}

#clpHeader1ContentWrapper a .glyphicon-home,
#clpHeader1ContentWrapper a .glyphicon-log-in {
    font-size: 1.5rem;
}

.applicationSubmitButtonPanel {
    float: right;    
}

.footer2 {
    position: relative;
}

/* MODULE */


.headerCarousel img {
    min-width: 100%;
}

.headerCarousel .carousel-indicators {
    bottom: 0;
}

#loginInfo, #cartInfo, #clpHeader1ContentWrapper {
    line-height: 34px;    
}

#loginInfo, #cartInfo {
    text-align: right; 
}

#cartInfo .glyphicon, #clpHeader1ContentWrapper .glyphicon {
    padding-right: 2px;
}

#cartInfo {
  text-align: center;
}

.footer1 .glyphicon {
    margin-right: 10px;
}

.footer2 .tagline {
    margin: 5px 0;
    text-align: center;
}

.footer2 .copyright {
    text-align: center;
    font-size: 11px;
}

.sectionMaterial .materialIsbn,
.sectionMaterial .materialDistributor,
.sectionMaterial .materialDistributorItemNo,
.sectionMaterial .materialDescription{
    display: block;
}
.sectionMaterial .materialDistributor,
.sectionMaterial .materialDistributorItemNo {
    float: left;
}

.courseProfileHeader h1 {
    margin-top: 0;
}

.courseSectionDescription h5 {
    font-weight: bold;
}

.courseSection h3.courseSectionTitle {
    margin: 0;
    font-weight: bold;
    line-height: inherit;
    font-size: inherit;
}

.courseSectionDescription .section {
    margin-bottom: 10px;
}

#coursesOfferingContainer .coursesOfferingPanelIconContainer span.panelHeaderIcon,
#certificatesOfferingContainer .certificatesOfferingPanelIconContainer span.panelHeaderIcon {
    color: #fff;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    display: flex;
    justify-content: flex-end;
    -webkit-box-pack: end;
}

.buttons {
    padding-top: 10px;
    padding-bottom: 10px;
}


.certSocialMediaContainer .addthis_toolbox,
.courseSocialMediaContainer .addthis_toolbox{
    display: flex;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    padding-right: 12px;
}

#bookProctorExamContainer {
    margin-top: 10px;
    padding-top: 10px;
}

#formLoginExistingEmbedded {
    text-align: right;
}

.modalForMessage {
    text-align: center;
    width: 100%;
}

.modalForMessage .alert{
    text-align: left;
}

.portalHeaderRow1,
.portalHeaderRow2,
.portalHeaderRow3 {
    float: right;
}

#portalAccountBalanceNeg {
    color: #FF0000;
}

#portalAccountBalancePos {
    color: #008000;
}

.typeaheadInputDiv {
    flex-grow: 1;
}

#secretCodeInstruction {
    float: left;
}

.catalogSearchResults .tableGridContainer .featuredImage {
    display: block;
    border: 1px solid #e0e0e0;
}

.panelHeadingToggle {
    cursor: pointer;
}

.panelTitleHeader {
    margin: 0;
    font-weight: bold;
    line-height: inherit;
    font-size: inherit;
}

#pageCourseProfile #content-header,
#pageTransferCourseProfile #content-header {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

fieldset.accessibility legend,fieldset.accessibilityAndRequired legend {
    border: 0;
    margin: 0;
    font-size: inherit;
}

.catalogSearchResults .courseName,
.catalogSearchResults .certificateName {
    font-weight: bold;
}

.studentEnrollmentHistory .courseName, .conferenceHistory .conferenceName .programOfferingName {
    font-weight: bold;
}

.scrollSpyMenuItemWarning {
    color: #dc3545;
}

.courseSectionEnrollmentActions button {
    margin-bottom: 5px;
}

.courseSectionEnrollmentActions .actionsSeparator {
    margin-bottom: 5px;
}

.courseSectionEnrollmentActions .actionHelperText {
    margin-top: 10px;
}

.section.sectionSchedule {
    border-top: 1px solid #dddddd;
}

.section.sectionSchedule:last-of-type {
    border-bottom: 1px solid #dddddd;
}

div.forgot-credential-container {
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: row-reverse;
}

.conferenceSalesItem {
    font-weight: bold;
}


.salesPackageHeaderDesc,
.courseSectionHeaderDesc,
.specialRequestHeaderDesc,
.conferencePackageHeaderDesc,
.conferencePackageHeaderButtons {
    font-weight: bold;
}

.salesPackageHeaderButtons,
.courseSectionHeaderButtons,
.specialRequestheaderButtons {
    padding-top: 5px;
    padding-bottom: 0px;
}

.col-lg-12.courseSocialMediaContainer.d-none.d-lg-block {
    margin-left: 15px;
    margin-top: 5px;
}

.applicationListStatus .applicationInstanceStatusHeaderContainer h3,
.applicationListChecklist .applicationInstanceChecklistHeaderContainer h3,
.contractUploadContainer {
    margin-top: 5px;
}

#appInstanceApplicationContent .applicationInstanceStatusHeaderContainer h3 {
    margin-top: 20px;
}

.sectionHeader {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

.sectionHeader .sectionHeaderTitle {
    font-size: 22px;
}


.classListTimeStamp > span:first-child {
    font-weight: bold;
}

#searchBreadcrumbBackIcon {
    vertical-align: text-bottom;
}

#searchBreadcrumb a {
    padding: 5px;
}

.searchBreadcrumbSeparator:after {
    content: " | ";
}

/* STATE */
/* THEME */

.alert .buttons {
    margin-top: 10px;
    padding-bottom: 0px;
}

.btn-primary {
    float: right;
}

.inlineButton .btn-primary {
    float: none;  
}

.modal-footer .btn-primary {
    margin-left: 5px;
}

.noFloat {
    float: none;
}

#formCourseSearch legend {
    font-weight: bold;
}

.alert h2, .alert h3, .alert h4, .alert h5, .alert h6  {
    color: inherit;
}

.alert h2 {
    margin-top: 0px;
}

.alert h5,
.alert .courseCode {
    font-weight: bold;
}

.headerActions {
    float: right;
    margin-top: 20px;
}

#personProfileMainContent .card  {
    margin-bottom: 5px;
}

#personProfileMainContent .sectionHeader  {
    margin-bottom: 1.25rem;
}

form.buttons {
    margin-bottom: 5px;
}

.error {
    color: #a94442;
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.requiredFieldLabel:after, fieldset.accessibility legend.requiredFieldLabel:after, .checkbox label.requiredFieldLabel:after, .radio label.requiredFieldLabel:after {
    color: #B5231D; 
    font-size: 8px;
}

.negativeAmount {
    color: #FF0000;
}

.panelRow:hover {
    background-color: #f5f5f5;
}

.importantBlock {
    font-weight: 700;
}

.paginationContainer {
    clear: both;
    text-align: center;
}

.paginationContainer .summary {
    text-align: left;
}

.catalogSearchResults .tableGridTabPaneGrid .courseAvailability {
    color: white;
    background: darkgreen;
}

.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_available {
    background: darkgreen;
}

.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_not_yet_available,
.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_not_currently_available,
.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_waitlist_available,
.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_waitlist_not_yet_available,
.catalogSearchResults.tableGridTabPaneGrid .courseAvailability_late_enrollment {
    background: orange;
}

.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_no_longer_available,
.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_waitlist_full,
.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_full,
.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_canceled,
.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_enrollment_closed {
    background: darkred;
}

.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_no_longer_available,
.catalogSearchResults .tableGridTabPaneGrid .courseAvailability_future_offering {
    background: darkgray;
}

.academicHistoryRequest .courseName {
    text-align: left;
}
#streamlinedTransferModal .footerMessage {
    text-align: left;
    margin-bottom: 10px;
}

.certificateStreamItem {
    border-top: 1px solid #ddd;
    margin-top: 5px;
    padding-top: 5px;
}

.streamItemDescriptionRow .streamItemDescription {
    padding-left: 15px;
}

.streamItemDescriptionRow {
    margin-top: 5px;
    margin-bottom: 10px;
}

.showScheduleDetailsLink, .hideScheduleDetailsLink {
    padding-left: 20px;
    cursor: pointer;
}

.sectionBlock {
    display: flex;
}

#bookProctorExamContainer {
    border-top: 1px solid #ddd;
}

#formLoginExistingEmbedded > .retrieveCredentialsLinksContainer {
    color: white;
}

.onlineResourceBlocked, 
.onlineResourceExpired, 
.onlineResourceNotYetAvailable,
.onlineResourceExpiryDate {
    color: #928B81;
}

.help-legend .glyphicon.applicationIncompleteIcon,
.help-legend .glyphicon.applicationCompleteIcon,
.help-legend .glyphicon.applicationChecklistIncompleteIcon,
.help-legend .onlineResourceDateMessage,
.help-legend .onlineResourceNotYetAvailableIcon,
.help-legend .onlineResourceBlockedIcon,
.help-legend .onlineResourceExpiredIcon {
    margin-left: 10px;
}

.onlineResourceExpiryDateCell, .onlineResourceExpiryDate, .onlineResourceExpiryDateColHeader {
    text-align: right;
}

.sectionDeliveryMethodContainer {
    text-align: right;
}

.readOnlyFormData.form-group,
.readOnlyFormData .form-group {
    margin-bottom: 0px;
}

#buttonViewApplicationDetails,
#buttonBacktoHeadlines,
#buttonBacktoAnnouncements {
    float: right;
}

#applicationNavigation .currentAppPageSelected {
    background-color: #e0e0e0;
}

#applicationNavigation .applicationPagesList {
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.sectionTuitionProfiles td, .programOfferingFeeProfiles td {
    vertical-align: top;
}

.portalMenu .nav-link {
    padding: 7px 15px;
}

.portalMenu .nav > li.nav-header {
    padding: 3px 8px;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
}

.portalMenu .active > a,
.sidebarScrollSpy .active > a {
    border-left: 5px solid #3399f3;
    background-color: #eeeeee;  
}

#pageCheckoutProfile .sidebarScrollSpy,
#pageCheckoutYouthProfile .sidebarScrollSpy,
#pageCLPCheckoutProfile .sidebarScrollSpy,
#pageCLPCheckoutYouthProfile .sidebarScrollSpy {
    position: sticky;
    position: -webkit-sticky;
}

.portalMenu .active > .nav > .active > a {
    border-left: 5px solid #999;
    background-color: #eeeeee;
}

.dropdown-item,
.dropdown-menu .subMenu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu .subMenu > li {
    padding-left: 7px;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-menu .subMenu > li > a:hover,
.dropdown-menu .subMenu > li > a:active,
.dropdown-menu .subMenu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:active,
.dropdown-menu > .active > a:focus,
.dropdown-menu .subMenu > .active > a,
.dropdown-menu .subMenu > .active > a:hover,
.dropdown-menu .subMenu > .active > a:active,
.dropdown-menu .subMenu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu .subMenu > .disabled > a,
.dropdown-menu .subMenu > .disabled > a:hover,
.dropdown-menu .subMenu > .disabled > a:focus {
    color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu .subMenu > .disabled > a:hover,
.dropdown-menu .subMenu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.notFoundMessage,
#variableContentBlockPG0035,
#pageEmailCourseInfo #formEmailCourseInfo,
#pageRemindMe #formRemindOfCourse {
    margin-bottom: 20px;
}

.certApplicationApplyInstructions,
.certApplicationInformationContainer,
.certApplicationInfo,
.courseApplicationApplyContainer,
.courseApplicationInfo,
.certBundleApplyContainer,
#paymentMethodDisplay,
#contentHeader,
#appInstanceApplicationContent,
.variable-content,
.customizableBlockContainer {
    margin-bottom: 10px;
}

.certApplicationApplyContainer,
.courseApplicationInformationContainer,
.courseApplicationApplyContainer,
.certBundleApplyContainer,
#variableContentBlockPG0029,
.customizableBlockContainer {
    margin-top: 10px;
}

.customizableMessageContainer .customizableBlockContainer {
    margin-top: 0px;
    margin-bottom: 0px;
}

#treeDiv1 {
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#contentHeader {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
} 

.courseProfileSectionAvailability, .programOfferingAvailability {
    color: #B5231D;
    font-weight: bold;
}

.courseProfileSectionAvailability_available, .programOfferingAvailability_available {
    color: #008000;
}

.courseProfileSectionAvailability_waitlist_available,
.courseProfileSectionAvailability_late_enrollment {
    color: #58565A;
}

#courseProfileJumpToSections {
    text-align: center;
    margin-bottom: 10px;
}

#searchResultsFilteringOptions h3 {
    margin-top: 0px;
}

.minRequiredLabel {
    text-align: left;
}


.modal-footer #buttonConfirmRemoveMember,
.modal-footer #buttonCheckout,
.modal-footer .additionalButton  {
    margin-left: 10px;
}

#externalProcessorHeader {
    color: #FFFFFF;
}

.input-group .glyphicon {
    font-size: inherit;
}

.glyphicon.glyphicon-info-sign,
.glyphicon.glyphicon-question-sign,
#skip-to-main-container a {
    color: #3399f3;
}

.cartContainer .form-control-sm {
    padding: 0px 10px;
    height: 25px;
}

.cartContainer select.form-control-sm {
    width: auto;
}

.cartContainer .glyphicon.glyphicon-question-sign,
.glyphicon.glyphicon-exclamation-sign {
    font-size: 1rem;
    vertical-align: text-bottom;
}

.cartContainer .glyphicon.glyphicon-question-sign {
    color: #BAB0AC !important;
}

.glyphicon.glyphicon-exclamation-sign {
    color: #BAB0AC;
}

#appInstanceApplicationContent #studentApplicationsListLegend .glyphicon.glyphicon-exclamation-sign {
    vertical-align: baseline;
}

.cartContainer .glyphicon.glyphicon-exclamation-sign.text-danger {
    color: #BAB0AC;
    font-size: 1rem;
}

.glyphicon.applicationChecklistCompletedIcon,
.glyphicon.onlineResourceAvailableIcon,
.glyphicon.applicationCompleteIcon {
    color: #008000;
}

.glyphicon.onlineResourceBlockedIcon {
    color: #FF9900;
}

.glyphicon.onlineResourceExpiredIcon,
.glyphicon.applicationChecklistIncompleteIcon.glyphicon-exclamation-sign,
.glyphicon.applicationIncompleteIcon.glyphicon-exclamation-sign {
    color: #FF0000;
}

.glyphicon.applicationChecklistIncompleteIcon.glyphicon-exclamation-sign,
.glyphicon.applicationIncompleteIcon.glyphicon-exclamation-sign {
    font-size: 1.2rem;
}

span.glyphiconWithBadge {
    position:relative;
    margin-right: 10px;
}

span.glyphiconWithBadge > .glyphicon.glyphicon-exclamation-sign {
	position:relative;
	top: 3px;
    margin-left: 2px;
}

span.glyphiconWithBadge > .badge.badge-pill {
    position: absolute;
    left: 50%;
    top: 25%;
}

.input-group-text .fa-binoculars {
    font-size: 1.6rem;
}

button > span.glyphicon.glyphicon-remove {
    font-size: 1.125rem;
}

.input-group-text a{
    color: inherit;
}

.specialRequestName {
    font-weight: bold;
    margin-bottom: 5px;
}

.specialRequestDescription {
    margin-bottom: 5px;
}

.specialRequestReceiptNotes {
    margin-top: 5px;
}

.priceAdjustmentName {
    font-weight: bold;
    margin-bottom: 5px;
}

.portalHeaderRow1,
.transcriptLocationName,
.accountBalanceStatusLabel {
    font-weight: bold;
}

#pageHeaderActions,
#sidebar1Wrapper {
    margin-top: 20px;
}

#studentInfoGenderContainer .radio,
#studentInfoAlumniContainer .radio,
#studentInfoLaterLifeLearnerContainer .radio {
    display: inline !important;
    margin-right: 20px;
}

#studentProfileEnrollmentGroupContainer .table {
    margin-bottom: 10px;
}

.containerSeparator {
    border-bottom: 1px solid #cccccc;
}

.fullStoryLinkContainer {
    text-align: right;
    padding-bottom: 5px;
}

.certificateStreamItemsTable .streamItemEnrolledDate {
    width: 19%;
}

.certificateStreamItemsTable .streamItemStatus,
.certificateStreamItemsTable .streamItemStatus,
.certificateStreamItemsTable .streamItemApplicability {
    width: 15%;
}

.tableSelect div.checkbox {
    margin: 0px;
}


.nav.navbar-nav li.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.marketingQuestionContainer.conditionalQuestion {
    padding-left: 30px;
}

.conditionalQuestionContainer {
    padding-left: 20px;
}

.studentPayMethodNoticeContainer {
	padding-left: 20px;
}

#courseProfileAssociations ul {
    padding: 0px;
}

.studentCourseSchedule .building + .studentCourseSchedule .room:after {
    content: ",";
}

.studentCourseSchedule .inProgress,
.studentCourseSchedule .campus,
.studentCourseSchedule .building,
.studentCourseSchedule .room{
    display: block;
} 

.refundStatus:before {
 content: " - ";
}

.certApplicationApplyContainer,
.courseApplicationApplyContainer,
.certBundleApplyContainer {
  text-align: center;
}

.courseDescriptionCollapsibleWrapper {
  margin-bottom: 10px;
}

#buttonViewProctoredExamStatus span {
    display: block;
}

.bundleSectionLabel {
    font-weight: 700;    
}

#shoppingCartItemsContainer {
    margin-top: 20px;
}

#programOfferings #programOfferingsAccordion .programOfferingCodeContainer .programOfferingTitle {
    font-size: 1.25rem;
}

#programAreaCoursesAndCertificates {
    margin-top: 20px;
}

#programAreaCoursesAndCertificates h2 {
    margin: 5px;
}


#studentSectionOnlineResourcesGrid tr :first-child {
    padding-left: 0;
}

#studentSectionOnlineResourcesGrid tr :last-child {
    padding-right: 0;
}

#pageServerErrorBadRequest #errorDetails {
    border: 1px solid #e5e5e5;
    padding: 10px;
    display: none;
}

#applicationInstanceInfo .decisionStatus,
#applicationInstanceInfo .decisionDate {
    display: block;
}

.applicationInstancePagesRequiredHeaderContainer {
    margin-top: 1.25rem;
}

#professionalCreditContainer fieldset legend {
    font-size: 14px;
}

#coursesOfferingContainer {
    margin-top: 10px;
}

.tt-suggestions {
  cursor: pointer;
}

#memberProfileContainer .card {
  margin-bottom: 5px;
}

.corporateAdminPortal #mainContentContainer.container, .corporateAdminPortal #mainContentContainer.container {
  background-color: #FFFFFF;
  background-image: url('../../../../images/Bookbird.svg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 95% 0%;
}

.corporateAdminPortal #buttonInviteCapMember {
    margin-right: 10px;
}

.ms-drop input[type="checkbox"] {
    vertical-align: text-top;
}

#memberSelectedList {
  height: 280px;
}

#buttonaddMembersModalCloseModal {
  float:left;
}

#paymentBillingInformationContainer {
  margin-bottom: 10px;
}

#memberSearchResultsControls {
  margin-bottom: 5px;
}

#schoolCorporateLogoWrapper img, #groupCorporateLogoWrapper img {
  max-width: 100%;
  height: auto;
  max-height: 150px;
} 

#groupCorporateLogoWrapper {
  text-align: right;
}

#sessionTimeoutPromptModal .buttonReference {
    font-weight: bold;
}

#otherProgramAreasContainer {
  padding-bottom: 10px;
}

#registrationPolicies {
    height: 100px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 5px;
}

.sessionInfoHelpText {
  padding-bottom: 10px;
}


.packageSelectBaseWrapper {
    padding: 10px;
}

.packageSessionLinkWrapper {
    margin-bottom: 16px;
}

.packageSelectDescription {
    margin-bottom: 16px;
}

.participantTypePackagesWrapper .packageSelectBaseWrapper:not(:last-child) {
    margin-bottom: 16px;
}

.packageSelectBaseWrapper.selectedPackage {
    background-color: #f5f5f5;
    border-radius: 5px;
}

.packageSelectBaseWrapper .radio, .packageSelectBaseWrapper .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

.packageSelectName {
    padding-right: 10px;
    font-weight: bold;
}

.packageSelectNameWrapper {
    padding-bottom: 20px;
}

.packageSelectAwards {
    padding-bottom: 24px;
}

.packageSelectAwards .packageSelectAwardsLabel {
    font-weight: normal;
}

.conferencePackageAmount,
.packageSelectAmountWrapper .conferencePackageAmount {
    font-weight: bold;
}

.conferenceAddOnAdditionalInfo .addonFeeLabel::after {
    content: " | ";
}

.conferencePreviewHeaderWrapper, .conferencePreviewHeaderWrapper .form-text {
    color: #ffffff;
}

.conferencePreviewHeader {
    font-weight: 700;
}

#conferenceGroupParticipantSelectionWrapper {
    max-height: 620px;
    overflow-y: auto;
}

.sessionSelectionTable.compactView button:disabled .glyphicon {
    color: lightgrey;
}

#registrantSelectedSessionWrapper li.list-group-item h3 {
    font-weight: bold;
}

.customizableBlockHelpText  {
    color: #000000;
}

#policyConfirmationCheckboxWrapper .nicerCheckableCheckboxLabel {
    display: inline;
    padding-left: 10px;
}

#shippingAddressHeader {
    font-weight: bold;
}

.studentInquirySelection {
    border-bottom: 1px solid #e0e0e0;
}

.courseProfileSectionEnrollmentMaximumAvailable {
    color: #008000;
    font-weight: bold;
}

.courseProfileSectionEnrollmentMaximumFull {
    color: #B5231D;
    font-weight: bold;
}

.electiveGroupIndent {
    padding-left: 15px;
}

#chooseElectivesBtn {
    margin-bottom: 5px;
}

#saveAndNextBtn {
    margin-right: 5px;
}

.attendanceDurationText {
  margin-top: 5px;	
}

.enrollBadgeName {
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 15px;
}

.enrollBadgeInfoSection .enrollBadgeImage {
    width: 180px;
    height: 180px;
}

#backToTopContainer a {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

#seatReservationTable .infoCol {
    vertical-align: middle;
}

@media (max-width: 575.98px) {
    .packageSelectNameWrapper {
        padding-bottom: 0rem;
    }

    .packageSelectAwards {
        padding-bottom: 0.5rem;
    }
}

/* Small devices only (tablets, smaller than 768px) */
@media (max-width: 768px) {
    #pageApplicationProfile .form-horizontal .col-form-label {
        padding-top: 7px;
    }
    
   .table-responsive {
        width: 100%;
        margin-bottom: 0.9375rem;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive > .table {
        margin-bottom: 0
    }
   
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap
     }

    .table-responsive-no-max-width > .table > thead > tr > th,
    .table-responsive-no-max-width > .table > tbody > tr > th,
    .table-responsive-no-max-width > .table > tfoot > tr > th,
    .table-responsive-no-max-width > .table > thead > tr > td,
    .table-responsive-no-max-width > .table > tbody > tr > td,
    .table-responsive-no-max-width > .table > tfoot > tr > td {
        max-width: none
    }
}

.table > thead > tr > th .btn,
.table > tbody > tr > th .btn,
.table > tfoot > tr > th .btn,
.table > thead > tr > td .btn,
.table > tbody > tr > td .btn,
.table > tfoot > tr > td .btn {
    white-space: nowrap;
}

/* Small devices and larger (tablets, 768px and up) */
@media (min-width: 768px) {
  .form-horizontal .col-form-label {
    text-align: left;
  }

    .mainNavBar .navbar-nav{
        float:none;
        margin: 0 auto;
        table-layout: fixed;
    }
    
    .cartContainer .radio, .cartContainer .checkbox {
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* Medium devices and larger (desktops, 992px and up) */
@media (min-width: 992px) {
    .sectionHeader .sectionHeaderTitle {
        font-size: 22px;
    }

    div.courseSectionSemester, div.courseSectionTitle {
        text-align: center;
    }
}

/* Large devices and above (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .sectionHeader .sectionHeaderTitle {
        font-size: 27px;
    }
}

@media print {
    .footerConnect {
        display: none;
    }

    #footer {
        display: none;
    }
}

.sectionTotalSessions {
    font-size: 14px;
}

#reasonLabel, #createdLabel, #expiresLabel {
	font-weight: bold;
}

#conferenceParticipantsListReportLinks {
	padding: 10px;
}

.editable-resource {
    border-bottom: 2px dotted #44951F;
    cursor: pointer;
}

.addable-resource {
    border-bottom: 2px dashed #eb000a;
    cursor: pointer;
}

.overridden-resource {
    border-bottom: 2px dotted #44951F;
    border-left: 2px dotted #44951F;
    border-right: 2px dotted #44951F;
    cursor: pointer;
}

#resourceLabelInfoModal #resourceLabelKeyValue {
   width: 80%;
   border: 1px solid #CCC;
}

div#addOnRadioStyling {
    display: none;
}

.participantTypePackagesWrapper #expandedMsg {
  display: block;
}

.participantTypePackagesWrapper #collapsedMsg {
  display: none;
}

.participantTypePackagesWrapper .collapsed #expandedMsg {
  display: none;
}

.participantTypePackagesWrapper .collapsed #collapsedMsg {
  display: block;
}

.participantTypePackagesWrapper a .noLinkFormat {
  text-decoration: none;
  color: #666666;
  display: inline-block;
  cursor: default;
}

.addonNameWrapper a {
    font-weight:normal;
}

.labelSpanStyle {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}

.align-left {
    text-align:left;
}

.labelSpanStyle.col-3 {
    max-width: 25%;
}

div#availableLoginName {
    word-break: break-word;
}

/** Search result tags **/
ul.searchResultTagList {
    display: block;
    list-style-type: none;
    margin: 0 0 -5px;
    padding: 0;
}

ul.searchResultTagList li {
    display: inline;
    font-size: 0;
    margin: 0;
}

ul.searchResultTagList li .searchResultTag {
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3.01px;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    max-width: 100%;
    padding: 1px 5px;
    margin: 0 3px 0 0;
    text-align: left;
    white-space: nowrap;
}

ul.searchResultTagList li a.searchResultTag, 
ul.searchResultTagList li a.searchResultTag:hover {
    text-decoration: none;
    color: #3b73af;
    cursor: pointer;
}

.carousel-control .glyphicon,
.glyphicon-shopping-cart {
    color: #FFFFFF;
}

.feeDescriptionContainer select {
    margin-right: 0.25rem;
}

.card-title {
    color: inherit;
}

.card .glyphicon {
    top: 0;
}

.card > .table,
.card > .table-responsive > .table,
.card > .panel-collapse > .table {
    margin-bottom:0;
}

.card > .table-responsive {
    border:0;
    margin-bottom:0;
}

.radio,.checkbox {
    position: relative;
    display: block;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

.radio label,
.checkbox label {
    min-height: 1.25rem;
    cursor: pointer;
}

.label-certificateBadge, .label-courseBadge, .label-waitListedConferenceBadge, .label-soldOutConferenceBadge,
.label-otherFeeBadge, .label-programOfferingBadge, 
.label-programOfferingCourseBadge, .label-bundleCourseBadge, 
.label-waitListedCourseBadge, .label-courseFeeBadge {
    color: #ffffff;
    font-weight: bold;
}

#buttonCourseProfileActionInquiry .glyphicon {
    color: #58565A;
}

.form-text {
    margin-bottom:0.5rem;
    color: #767676;
}

.nav-item.disabled > a:hover,
.nav-link.disabled:hover,
.nav-item.disabled > a:focus,
.nav-link.disabled:focus {
    color: #999999;
    text-decoration: none;
    background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color:#eeeeee;
    opacity:1;
}

.was-validated select.form-control:invalid, select.form-control.is-invalid,
.form-control.is-invalid
{
    background-position: center right calc(0.375em + 0.6rem);
}

.form-control.form-control-with-icon.is-invalid {
    background-position: center right calc(0.375em + 0.9rem);
}

.form-horizontal .form-group {
    margin-left:-0.9375rem;
    margin-right:-0.9375rem;
}

/* Active breadcrumb item should be bold */
.breadcrumb > .active {
    font-weight: bold;
}

/* Breadcrumb separators should be normal; unbolds breadcrumb separator before active breadcrumb item */
.breadcrumb-item + .breadcrumb-item::before {
    font-weight: normal;
}

.radioButtonReadOnly.custom-control-label {
    color: grey;
    opacity: 0.7;
    cursor: not-allowed;
}

table tr td div.reviews {
    white-space: nowrap;
}

.sectionTransferLabel {
    font-weight: 700;
}

/**  Below are necessary CSS for Bootstrap 4 validations */

fieldset.is-invalid legend,
fieldset.is-invalid .labelSpanStyle {
    color: #CD0200;
}

fieldset.is-invalid .custom-control-input ~ .custom-control-label {
    color: #CD0200;
}

fieldset.is-invalid .custom-control-input ~ .custom-control-label::before,
fieldset.is-invalid .form-control {
    border-color: #CD0200;
}

fieldset.is-invalid ~ .invalid-feedback,
fieldset.is-invalid ~ .invalid-tooltip {
    display: block;
}

fieldset.is-invalid .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #ff0301;
    background-color: #ff0301;
}

fieldset.is-invalid .custom-control-input:focus ~ .custom-control-label::before,
fieldset.is-invalid .form-control:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(205, 2, 0, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(205, 2, 0, 0.25);
}

fieldset.is-invalid .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #CD0200;
}

#paymentOptionsAccordion .loadingIconSpinner {
    text-align: center;
}

#paymentOptionsAccordion .paymentIcon .fab {
    font-size: 1.7rem;
}

.paymentOptionsContainer #singlePaymentOptionLabel,
#conferencePaymentOptionsAllOptions #singlePaymentOptionLabel {
    font-size: 1.5rem;
}

#noPaymentRequired {
    padding: 5px 0 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

body#pageCapReservationHistory > div.tooltip{
    pointer-events: none;
}

body#pageCapReservationHistory > div.tooltip > .tooltip-inner {
    max-width: 250px !important;
}

#capGroupLogo {
    padding-top: 20px;
    padding-left: 6px;
}

.labelWithPipe:before {
    content: "|";
}

.toggleSwitchItemIcons {
    float: left;
    margin-left: 5px;
}

.toggleSwitchItemOnIcon {
    color: #008000;
}

.toggleSwitchItemOffIcon {
    color: #939393;
}

.toggleSwitchIcon {
    font-size: 20px;
    vertical-align: middle;
}

.toggleSwitchContainer {
    margin-bottom: 20px;
}

.toggleSwitchTextLabel {
    margin-left: 10px;
}

.accountLinkingGroupName {
    max-width: 150px;
    word-break: break-word;
}

.accountLinkingPortalType {
    max-width: 100px;
    word-break: break-word;
}

.accountLinkingContactNo {
    max-width: 100px;
    word-break: break-word;
}

.accountLinkingFirstName {
    max-width: 100px;
    word-break: break-word;
}

.accountLinkingLastName {
    max-width: 100px;
    word-break: break-word;
}

.accountLinkingPhoneNumber {
    max-width: 150px;
    word-break: break-word;
}

.accountLinkingEmail {
    max-width: 300px;
    word-break: break-word;
}

.accountLinkingPortalAccess {
    word-break: break-word;
}

.accountLinkingCredentialInput {
    padding-right: 30px;
}

.skippedDateIndent {
    display: inline-block;
    margin-left: 10px;
}

#authErrorDetailsPanel {
    padding-bottom: 10px;
}

#authErrorDetailsPanel .errorDetailsIdp {
    padding-left: 30px;
}

.familyPrintTranscript {
    padding: 0 1.25rem 1.25rem 1.25rem;
}