/*
    Note that this file is not actually being referenced in the public site.  To include this file, upload it as the CSS file at SV > Marketing > Public View > Configuration

/* START OF THEME */

/*
  A customized version of the Bootswatch Spacelab theme (http://bootswatch.com).
*/
@import url("/restricted/3rdPartyTools/deployed/bootstrap/themes/bootswatch.spacelab.custom.css");

/*!
  You can change the theme to a non-customized version by replacing the above import statement
  with the following statement.

@import url("/restricted/3rdPartyTools/deployed/bootstrap/themes/bootswatch.spacelab.min.css");
*/

/* END OF THEME */
/* Add Pixeden Social Icon Set*/
@font-face {
    font-family: "pe-icon-social";
    font-style: normal;
    font-weight: normal;
    src: url("/grahamcustom/fonts/pe-icon-social.eot?#iefix-96eskg") format("embedded-opentype"), url("/grahamcustom/fonts/pe-icon-social.woff?-96eskg") format("woff"), url("/grahamcustom/fonts/pe-icon-social.ttf?-96eskg") format("truetype"), url("/grahamcustom/fonts/pe-icon-social.svg?-96eskg#pe-icon-social") format("svg");
}
[class^="pe-so-"], [class*=" pe-so-"] {
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: "pe-icon-social";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}
.pe-so-facebook::before {
    content: "\e617";
    font-size: 1.5em;
    padding-right: 10px;
}
.pe-so-linkedin::before {
    content: "\e62c";
    font-size: 1.5em;
    padding-right: 10px;
}
.pe-so-youtube-1::before {
    content: "\e661";
    font-size: 1.5em;
    padding-right: 10px;
}
.pe-so-youtube-2::before {
    content: "\e662";
    font-size: 1.5em;
    padding-right: 10px;
}
.pe-va {
    vertical-align: middle;
}

/* --------------------------------------------------------------------------------------------------------------------------  */

/* Get Started Styles.  These styles are intended for helping users to get started for branding their public sites.
   Users may want to override one or more of the following css styles. */

/* Main page background */
#pageContainer {
  /* background-color: <Insert Color Code>; */
}

/* Header 1 */
.navbar-inverse {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
}

/* Header 3 global navigation menu */
.navbar-default {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
}

/* Header 3 global navigation menu label */
.navbar-default .navbar-nav > li > a  {
  /* color: <Insert Color Code>; */
}

/* Header 3 global navigation drop down menu */
.navbar-nav>li>.dropdown-menu {
  /* background-color: <Insert Color Code>; */
}

/* Header 3 global navigation drop down menu label */
.dropdown-menu > li > a, .dropdown-menu .subMenu > li > a {
    /* color: <Insert Color Code>; */
}

/* Footer 1 */
#footer1Wrapper .container {
  /* background-color: <Insert Color Code>; */
}

/* Footer 2 */
#footer2Wrapper .container {
  /* background-color: <Insert Color Code>; */
}

/* Section Header */
.sectionHeader {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
  /* border-color: <Insert Color Code>; */
}

/* Secondary Section Header */
.sectionHeaderSecondary {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
  /* border-color: <Insert Color Code>; */
}

/* --------------------------------------------------------------------------------------------------------------------------  */
/******************* Ryan's Backup How-To's **********************/

/* For a page background image - use this  */
#pageContainer {
/*  background-image: url('/upload/DalBackground1.jpg'); */
/*  background-repeat: no-repeat;*/
/*   background-attachment: fixed; */  /* if the image scrolls vs. stays in position */
/*  background-position: center top;*/
/*  background-size: 100%;   */
}

/* Some link color code from original Dalhousie custom CSS
h1 a,h1 a:link,h1 a:visited{color:#232323;text-decoration:none}
h1 a:active,h1 a:focus,h1 a:hover{color:#626262}
*/

/* Footer Logo sizing */
/* .footer1 .footerAbout img {
width: 200px;
height: auto;
margin-bottom: 5px;
}
*/

/* TODO: In CAP in top-left is a book-bird, can change to school logo */
.oneceBookbird {
/*background: no-repeat url("/upload/LogoHeaderNameBrand.png") 5px 0px;
width: 50px;
height: 28px;
float: left;
*/
}

/* TODO: In CAP in top-right is a background book-bird, can change to school logo */
#mainContentContainer.container {
/*  background-color: #FFFFFF;
  background-image: url('../../../../images/Bookbird.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 95% 0%;
*/
}

/* No way to hide #header2Wrapper from PV but not from CLP */
/* #header2Wrapper {
    display:none;
}
*/

/* --------------------------------------------------------------------------------------------------------------------------  */
/* START Top Header Logo sizing - (Demo build only?) ********************************/
#schoolHeaderLogoWrapperLink {
/*durg header image*/
  background: no-repeat url("/upload/uchicagologo.jpg") 0px 0px;
/*  background: no-repeat url("/upload/LogoHeader.png") 0px 0px; */
  background-color: transparent;
  display: block;
  float: left;
/*durg- update width. ensure image is exact 50px height*/
  width: 274px; /* To change width, change this value.  This should not exist 320px (width of iphone 5). */
  height: 50px; /* To change height, change this value */
}

#quickSiteSearch {
  float: right;
  margin-top: 3px; /* Adjust this value when height is changed, no formula, keep increasing 1 till the search bar is vertically center */
  width: 100%;
}


#header1Wrapper {
  height: 35px; /* Adjust this value when height is changed, the formula should be (logo height + 14) * 3 */
}

#loginInfo, #cartInfo {
  line-height: 30px; /* Adjust this value when height is changed, the formula should be (logo height + 3) */
}

/* Tablet view */
@media ( min-width : 451px) and (max-width: 767px) {
  #quickSiteSearch {
    width: 37%; /* Adjust this to change the search bar width when the logo width is changed. */
  }
  #variableContentBlockPG0145{
    padding-left: 15px;
    width: 95%;
  }
    #loginInfo {
    display:none;
  }
}

/* Desktop view */
@media ( min-width : 768px) {
  #cartInfo {
    text-align: left;
  }
  #quickSiteSearch {
    width: 100%; /* Adjust this to change the search bar width when the logo width is changed. */
  }
}

/* Tablet view - must be at the end */
@media ( min-width : 768px) and (max-width: 1000px) {
  #quickSiteSearch {
  width: 100%;
  display:none;
  }
    #variableContentBlockPG0145{
    padding-left: 15px;
  }

}
/* *****   END Top Header Logo sizing ********************************/
/*************************************************************/

/* --------------------------------------------------------------------------------------------------------------------------  */
/******************* START - Ryan's Destiny One improvements **********************/

/* Section Header  - this is the "Enroll Now - " header on course page.  Make it look like it's not a button. */
.sectionHeader {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
}
.sectionHeader h3, .sectionHeader h2, .panel-title  h2{
  color: #333333;
  font-size:1.8em;
}
/* Secondary Section Header (i.e. if there are two headers on same page, the 2nd one needs to NOT look like a button too
e.g. If there's an Application then "Enroll Now - ... " becomes SectionHeaderSecondary*/
.sectionHeaderSecondary {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
  color: #333333;
}

/* Hiding the "Enroll Now - Select a section to enroll in" header on Course profile page */
#sectionEnrollmentHeader {
  display: none;
}

/* Hiding the misleading "Application List Checklist that has hard-coded "Status of Items Needed" */
.applicationListChecklist, #studentApplicationsListLegend
{
display:none;
}

/* Hiding the subforms from the PV student profile" #studentProfileDirectBillingAccountContainer,*/
#enrollmentTimeframes, #studentInfoNameTagName, #studentInfoOtherNamesOnRecord
{
display:none;
}

/* on CAP, this sets the width so the last letter does NOT wrap for "student@destinysolutions.com" */
.corporateAdminPortal td.cellMemberEmail {
	word-break: unset;
}

/*Making the SR link on section profile NOT bold - for consistency */
.sectionSpecialRequests .specialRequestName {
font-weight: normal;
}

/* text size for labels */
h1,h2,h3,h4,h5,h6{line-height:1.2em}
h1{font-size:2.1em}
h2{font-size:1.8em;margin-bottom:.5em}
h5{font-size:1em;font-weight:normal}
h6{font-size:.8em;margin:0 0 .5em}

/* CLP: Add some spacing between school logo and top header */
#schoolCorporateLogoWrapper img{
	margin-top: 14px;
}

/* Link styles*/
a,a:link{
text-decoration:none;
}
a:active,a:focus,a:hover{
text-decoration:underline;
}

/* All checkout breadcrumb styling - to make active page bolder */
.breadcrumb>.active {
font-weight: bolder;
}

a.certificateStreamItemHeader {
  font-weight: bolder;
}
.certificateStreamItemContainer.form-horizontal.readOnlyFormData {
  padding-left: 40px;
}

/******************* END - Ryan's Destiny One improvements **********************/
/*************************************************************/


/* --------------------------------------------------------------------------------------------------------------------------  */
/******************* START - Ryan's NameBrand University **********************/

/* Header 1 - this is the top bar.  #000000 is black. #2C76C7 is NameBrand Blue*/
.navbar-inverse {
  background-image: none;
  background-color: #2C76C7;
}
/*Logo Wrapper header2Wrapper*/
#header2Wrapper, #header2Container{
  background: #fff;
  padding: 5px 0 10px 0;}

/* Footer DIV as defined in Content Management block */
#RyanAbout {
/*durg - footer image - ensure height of image is exactly 50px*/
  background: no-repeat url("/upload/uchicagologo2.png") 0px 0px;
  background-color: transparent;
  display: block;
  float: left;
  width: 100%; /* To change width, change this value.  This should not exceed 320px (width of iphone 5). */
  height: 100px; /* To change height, change this value */
  margin-bottom: 10px;
}

/* All checkout breadcrumb styling - to make active page bolder */
.breadcrumb>.active {
color: #2C76C7;
}

/******************* END - Ryan's NameBrand University **********************/
/* --------------------------------------------------------------------------------------------------------------------------  */

/*****************************************************/
/* START - White Header 1 custom branding *************/

/* Header 1 - this is the top bar.  #000000 is black, #FFFFFF is white.  page */
/*durg header 1 color*/
.navbar-inverse {
  background: #fff;
}
/* Workaround for limitation to inability to scope to PV only is to reset CAP / Agent Portal back to desired color */
.corporateAdminPortal .navbar-inverse, .conferenceModule .navbar-inverse
{
  background-color: #2C76C7;
}

/* Remove borders from various headers and footers */
#header1Wrapper, #footer1Wrapper .container, #footer2Wrapper .container, #mainContentContainer.container, #header2Container
{
	border: none;
}

/* White header requires a header school logo with white or transparent background */
/*durg - header. important if top header color was chosen to be white. In which case ensure background is white/transparent*/
#schoolHeaderLogoWrapperLink {
  background: no-repeat url("/upload/uchicagologo.png") 0px 0px;  /* 50 x 250px */
}

/* Cart color, Login text color in Header 1 can no longer be white ... make it a dark enough color*/
.glyphicon-shopping-cart, #cartInfo a, .headerStudentLoginContainer .headerStudentLoginDropdownLink, div#loginInfo, #loginInfo .headerProfileLink, #loginInfo .headerStudentLoginLogoutLink
{
	/*durg - cart color*/
  color: #666;  /* black or dark grey may be suitable as well */
}
/* Workaround for limitation to inability to scope to PV only is to reset CAP / Agent Portal / CLP back to white */
.corporateAdminPortal .glyphicon-shopping-cart, .corporateAdminPortal #cartInfo a, .corporateAdminPortal .headerStudentLoginContainer .headerStudentLoginDropdownLink,  #clpHeader1ContentWrapper .glyphicon-shopping-cart, #clpHeader1ContentWrapper  #cartInfo a, .corporateAdminPortal #loginInfo, .corporateAdminPortal #loginInfo .headerProfileLink, .corporateAdminPortal #loginInfo .headerStudentLoginLogoutLink
{
  color: #fff;  /* black or dark grey may be suitable as well */
}

/* Extend color to full page width for Header 3 menu bar */
#header3Wrapper
{
	/*durg- header 3 color*/
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #6a0909 0%, #651110 100%) repeat scroll 0 0;
  border-bottom: 1px solid #651110;
  border-top: 1px solid #7d1717;
  margin: 0;
  max-width: none;
  padding-bottom: 0;
}

/* Header 3 global navigation menu */
.navbar-default, #header3Container
{
   background-image: none;
/*durg- header 3 color again*/
   background-color: transparent;
   border: none;
}

/* Text color of top-level menu labels */
.navbar-default .navbar-nav > li > a {
	/*durg - menu item color*/
  border-bottom: 1px solid transparent;
  border-left: 0 none;
  border-top: 0 none;
  color:#800000;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding-right: 0px;
  padding-left:25px;
  text-decoration: none;
  text-shadow: none;
  transition-duration: 0.3s;
}

.navbar-nav > li > a, .navbar-nav > li > a:hover{
  padding-top: 30px;
  padding-bottom: 0px;
}
/* Text color of top-level hover, focus, sub-menu labels */
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus
{
  color: #666;
  background-color: #fff;
}

/* Main page background */
#pageContainer {
   background-color: white; */
}
#mainContentWrapper, #mainContentWrapper .container{
  padding-bottom: 20px;
}
/*Extend footers to full width of page */
div#footer1Wrapper {
	/*durg footer color*/
  background: #fff;
  color: #5A5A5A;
  font-size: 13px;
  line-height: 2;
  padding-top: 20px;
}
div#footer1Wrapper .container {
	/*durg footer color again */
  background: transparent;
}
div#footer2Wrapper, #footer2Wrapper .container {
    background-color: #fff;
}

/*durg - color of footer text. Leave commented out to use default bootstrap colors*/
#footerNav h5, #footer1 .footerAbout, #footer1 .footerContact, #footer1 .footerSiteMap, #footer a {
    color: #800000;
}

.vcard h4{
  color: #5A5A5A;
  font-size: 13px;
  font-weight: normal;
  line-height: 2;
  margin: 0;
}
#footer1Wrapper .container{
  color: #5A5A5A;
  font-size: 13px;
  font-weight: normal;
  line-height: 2;
}

/*durg - color of h1, h2 elements. Leave commented out to use default bootstrap color */
h1{
  color: #800000;
  font: 1.75em/26px "ProximaNova-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-rendering: optimizelegibility;
}
h2, h3, h4 {
  color: #4D4D4F;
  font-family: "ProximaNova-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.35em;
  font-weight: normal;
  line-height: 1.375em;
  text-rendering: optimizelegibility;
  text-transform: none;
}

/*durg - color of links*/
a {
    color: #800000;
    text-decoration: underline;
}
a:hover, a:focus{color:#800000;text-decoration: none;}
.pagination > li > a, .pagination > li > span{color:#333;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #800000;}
.btn-primary{background-color:#800000;background-image: none;border: 1px solid #800000;color:#fff !important;}
.btn-primary:hover{background-color:#ffa319;background-image: none;border: 1px solid #ffa319;}
/***************************************/
/* START custom demo branding ***************/
/* Replace <color_1> with primary color of brand */
/* Replace <color_2> with secondary color of brand */
#schoolHeaderLogoWrapperLink {
/*  background: no-repeat url("/upload/LogoHeaderSCHOOL.png") 0px 0px; /*  /* 50 x 250px */
}

#RyanAbout {
/*  background: no-repeat url("/upload/LogoFooterSCHOOL.png") 0px 0px; */
}

#contentModule5
{
/*display:none; */  /* Hides "News & Media", "Announcements", and "Highlights" from the home page */
}

/* Header 3 global navigation menu */
.navbar-default, #header3Container, #header3Wrapper, .corporateAdminPortal .navbar-inverse, .conferenceModule .navbar-inverse
{
/*   background-color: #color_1;*/
}

/* Cart color, Login text color in Header 1 can no longer be white ... make it a dark enough color*/
.glyphicon-shopping-cart, #cartInfo a, .headerStudentLoginContainer .headerStudentLoginDropdownLink, div#loginInfo, #loginInfo .headerProfileLink, #loginInfo .headerStudentLoginLogoutLink
{
/*  color: #color_1;  */ /* black or dark grey may be suitable as well */
}
/* Workaround for limitation to inability to scope to PV only is to reset CAP / Agent Portal / CLP back to white */
.corporateAdminPortal .glyphicon-shopping-cart, .corporateAdminPortal #cartInfo a, .corporateAdminPortal .headerStudentLoginContainer .headerStudentLoginDropdownLink,  #clpHeader1ContentWrapper .glyphicon-shopping-cart, #clpHeader1ContentWrapper  #cartInfo a, .corporateAdminPortal #loginInfo, .corporateAdminPortal #loginInfo .headerProfileLink, .corporateAdminPortal #loginInfo .headerStudentLoginLogoutLink
{
  color: #fff;  /* black or dark grey may be suitable as well */
}

#header1ContentWrapper ul.menu {padding:0;margin-top:4px;}
#header1ContentWrapper .menu li{
  float: left;
  list-style: outside none none;
  padding-right: 10px;
}
#header1ContentWrapper .menu li a{
  color: #fff;
}

/* Checkout breadcrumb, Labels, Link colors*/
.breadcrumb>.active,h1,h3{
color: #800000;
}

/* Secondary Labels */
h2{
/* color:#color_2 */ /* secondary color */
}
/* END custom demo branding *************
/***************************************/
.panel-info {
	border-color: #888;
}
.panel-info > .panel-heading {
	color: #333;
	background-color: #cdcdcd;
	border-color: #888;
}
/*#courseSearchDeliveryMethod,*/ #courseSearchAssociations {
	display: none !important;
}
.headerProfileLink {
	text-decoration: underline !important;
}
.courseSection h3.courseSectionTitle {
	color: #800000;
}
.courseProfileSectionAvailability_available, .programOfferingAvailability_available {
	color: #228B22;
}
#studentScheduleContainer tr{
	border-left: 1px solid #CECECE;
}
.catalogSearchResults .courseName,
.catalogSearchResults .certificateName {
    display: inline;
}
/*student login page*/
#pageStudentLogin #contentModule1 .well{
	border-radius: none;
    box-shadow: none;
}
#pageStudentLogin #contentModule1 .col-md-8{
	border-right: 1px solid #cccccc;
}
#pageStudentLogin #contentModule1 .btn-primary{
	float:none;
}
#portalExternalLogonLinkPanel h3, #portalNativeLoginPanel h3{
	display:none;
}
/*Program area and Stream pages*/
.programArea.PA0023 #programAreaCourses h2,
#programStreamCourses h2 {display:none;}
.programArea.PA0023 #programAreaCourses .panel-heading::after{
  content: "Certificates";
  color: #896137;
  font-family: "ProximaNova-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.375em;
  text-rendering: optimizelegibility;
  text-transform: none;
}
#programStreamCourses .programStream a:after{
  content: ' courses ›';
}
/*#pageCertificateProfile #searchBreadcrumb, #certificateAdditionalDetailsContainer h2, .PA0023 #programAreaCoursesAndCertificates .row .col-md-6:first-child, #certificateAdditionalDetailsContainer h2, .PA0006 #programAreaCoursesAndCertificates .row .col-md-6:first-child, .PA0023 #programAreaCourses, #contentModule5, #pageProgramStream #programStreamCoursesAndCertificates, .sectionContactHours, .transcriptRequestDetailsholdForPickUp{display: none;}
#studentInfoDateOfBirthContainer::after {
  content: "NOTE: All professional development program students are required to provide their birthdate in order to obtain a CNetID. A CNetID is a user name used to connect you to common University of Chicago IT services and other university sites. Your CNetID will be your user name for using a variety of University services such as the wireless network and most importantly, access to the Graham School online enrollment management system. If you already have a CNetID and used it to login, then your birthdate is not required at this time.";
  font-weight: bold;
}*/
/*.courseProfileSectionAvailability.courseProfileSectionAvailability_enrollment_closed::after {
    content: "Online, please call 773-702-1722 to check availability";
}*/
#paymentOptionsAllOptions:after{content:'For alternative payment methods please contact Registration at 773.702.1722';}
.reg-help a{color: #CC8214;}

/*KYC Conference*/

#conferenceExternalLoginWrapper, .conferenceModule #buttonCartReviewChangeRegButton, .conferenceModule .customizableForm #paymentHeaderContainer, .conferenceModule #addNewParticipantWrapper .checkbox label, .conferenceModule .addonOptionalLabel, #pageConferencePackageSelection .addOnPanelWrapper {display: none;}
.conferenceModule #conferenceExistingProfileWrapper{padding-right: 40px;}
.conferenceModule #conferenceNewProfileWrapper{border-left: 1px solid; padding-left: 40px;}
.conferenceModule #header2Wrapper, .conferenceModule #header2Container{background: #16487b;border-bottom: 1px solid #16487b; border-top: 1px solid #16487b;}
.conferenceModule .breadcrumb > .conferenceModule .active, .conferenceModule h1, .conferenceModule h3, .conferenceModule a, .conferenceModule a:link, .conferenceModule a:active, .conferenceModule a:focus, .conferenceModule a:hover{color: #005a9c;}
.conferenceModule .btn-primary {
    background-color: #16487b;
    border: 1px solid #16487b;
}
.conferenceModule #selectedParticipant_0, .conferenceModule #selectedParticipant_1,
.conferenceModule #selectedParticipant_2, .conferenceModule #selectedParticipant_3,
.conferenceModule #selectedParticipant_4, .conferenceModule #selectedParticipant_5,
.conferenceModule #selectedParticipant_6, .conferenceModule #selectedParticipant_7,
.conferenceModule #selectedParticipant_8, .conferenceModule #selectedParticipant_9,
.conferenceModule #selectedParticipant_10, .conferenceModule #selectedParticipant_11,
.conferenceModule #selectedParticipant_12, .conferenceModule #selectedParticipant_13,
.conferenceModule #selectedParticipant_14, .conferenceModule #selectedParticipant_15,
.conferenceModule #selectedParticipant_16, .conferenceModule #selectedParticipant_17,
.conferenceModule #selectedParticipant_18, .conferenceModule #selectedParticipant_19,
.conferenceModule #selectedParticipant_20, .conferenceModule #selectedParticipant_21,
.conferenceModule #selectedParticipant_22, .conferenceModule #selectedParticipant_23,
.conferenceModule #linkaddNewParticipantModal{
	background: #16487b;
	border-radius: 4px;
	color:#fff;
	display: block;
	font-size: 14px;
    padding: 14px 20px;
    text-transform: uppercase;
    width: 106px;
}
.conferenceModule #linkaddNewParticipantModal{font-weight: bold;width: 100%;}
.conferenceModule #addNewParticipantWrapper .checkbox::before {
    content: 'If your guest does not have an email address, you can outsmart the computer by entering their first name and last name @knowyourchicago.org. They will not receive any information on tours if you do this.';
}
.conferenceModule #addNewParticipantWrapper .checkbox .nicerCheckableCheckboxLabel::after{
	content: 'IMPORTANT: check this box to have your guest automatically added to the participants box to the right.';
	display: block;
	font-weight: bold;
}
.conferenceModule #buttonCancel {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: blue;
    text-decoration: underline;
}
.conferenceModule .btn-primary {
    float: none;
}
.glyphicon {
    font-size: 11pt;}
body{
  color: #5A5A5A;
}
#forgotUserNameLink, #forgotPasswordLink {color: #C68220;}

/*Delete everything above this line after Destiny One v2019.1 (Magneto) update*/

/*
    Note that this file is not actually being referenced in the public site.  To include this file, upload it as the CSS file at SV > Marketing > Public View > Configuration.

/* START OF THEME */

/*
  A customized version of the Bootswatch Spacelab theme (http://bootswatch.com).
*/
@import url("/restricted/3rdPartyTools/deployed/bootstrap/themes/bootswatch.spacelab.custom.css");

/*!
  You can change the theme to a non-customized version by replacing the above import statement
  with the following statement.

@import url("/restricted/3rdPartyTools/deployed/bootstrap/themes/bootswatch.spacelab.min.css");
*/

/* END OF THEME */
/* Add Pixeden Social Icon Set*/
@font-face {
    font-family: "pe-icon-social";
    font-style: normal;
    font-weight: normal;
    src: url("/grahamcustom/fonts/pe-icon-social.eot?#iefix-96eskg") format("embedded-opentype"), url("/grahamcustom/fonts/pe-icon-social.woff?-96eskg") format("woff"), url("/grahamcustom/fonts/pe-icon-social.ttf?-96eskg") format("truetype"), url("/grahamcustom/fonts/pe-icon-social.svg?-96eskg#pe-icon-social") format("svg");
}
[class^="pe-so-"], [class*=" pe-so-"] {
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: "pe-icon-social";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}
.pe-so-facebook::before {
    content: "\e617";
    font-size: 1.5em;
    padding-right: 10px;
}
.pe-so-linkedin::before {
    content: "\e62c";
    font-size: 1.5em;
    padding-right: 10px;
}
.pe-so-youtube-1::before {
    content: "\e661";
    font-size: 1.5em;
    padding-right: 10px;
}
.pe-so-youtube-2::before {
    content: "\e662";
    font-size: 1.5em;
    padding-right: 10px;
}
.pe-va {
    vertical-align: middle;
}

/* --------------------------------------------------------------------------------------------------------------------------  */

/* Get Started Styles.  These styles are intended for helping users to get started for branding their public sites.
   Users may want to override one or more of the following css styles. */

/* Main page background */
#pageContainer {
  /* background-color: <Insert Color Code>; */
}

/* Header 1 */
.navbar-dark.bg-dark {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
}

/* Header 3 global navigation menu */
.navbar-light.bg-light {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
}

/* Header 3 global navigation menu label */
.navbar-light.bg-light .navbar-nav > li > a  {
  /* color: <Insert Color Code>; */
}

/* Header 3 global navigation drop down menu */
.navbar-nav>li>.dropdown-menu {
  /* background-color: <Insert Color Code>; */
}

/* Header 3 global navigation drop down menu label */
.dropdown-menu > li > a, .dropdown-menu .subMenu > li > a {
    /* color: <Insert Color Code>; */
}

/* Footer 1 */
#footer1Wrapper .container {
  /* background-color: <Insert Color Code>; */
}

/* Footer 2 */
#footer2Wrapper .container {
  /* background-color: <Insert Color Code>; */
}

/* Section Header */
.sectionHeader {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
  /* border-color: <Insert Color Code>; */
}

/* Secondary Section Header */
.sectionHeaderSecondary {
  /* background-image: none; */
  /* background-color: <Insert Color Code>; */
  /* border-color: <Insert Color Code>; */
}

/* --------------------------------------------------------------------------------------------------------------------------  */
/******************* Ryan's Backup How-To's **********************/

/* For a page background image - use this  */
#pageContainer {
/*  background-image: url('/upload/DalBackground1.jpg'); */
/*  background-repeat: no-repeat;*/
/*   background-attachment: fixed; */  /* if the image scrolls vs. stays in position */
/*  background-position: center top;*/
/*  background-size: 100%;   */
}

/* Some link color code from original Dalhousie custom CSS
h1 a,h1 a:link,h1 a:visited{color:#232323;text-decoration:none}
h1 a:active,h1 a:focus,h1 a:hover{color:#626262}
*/

/* Footer Logo sizing */
/* .footer1 .footerAbout img {
width: 200px;
height: auto;
margin-bottom: 5px;
}
*/

/* TODO: In CAP in top-left is a book-bird, can change to school logo */
.oneceBookbird {
/*background: no-repeat url("/upload/LogoHeaderNameBrand.png") 5px 0px;
width: 50px;
height: 28px;
float: left;
*/
}

/* TODO: In CAP in top-right is a background book-bird, can change to school logo */
#mainContentContainer.container {
/*  background-color: #FFFFFF;
  background-image: url('../../../../images/Bookbird.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 95% 0%;
*/
}

/* No way to hide #header2Wrapper from PV but not from CLP */
/* #header2Wrapper {
    display:none;
}
*/

/* --------------------------------------------------------------------------------------------------------------------------  */
/* START Top Header Logo sizing - (Demo build only?) ********************************/
#schoolHeaderLogoWrapperLink {
/*durg header image*/
  background: no-repeat url("/upload/uchicagologo.jpg") 0px 0px;
/*  background: no-repeat url("/upload/LogoHeader.png") 0px 0px; */
  background-color: transparent;
  display: block;
  float: left;
/*durg- update width. ensure image is exact 50px height*/
  width: 274px; /* To change width, change this value.  This should not exist 320px (width of iphone 5). */
  height: 50px; /* To change height, change this value */
}

#quickSiteSearch {
  float: right;
  margin-top: 3px; /* Adjust this value when height is changed, no formula, keep increasing 1 till the search bar is vertically center */
  width: 100%;
}


#header1Wrapper {
  height: 35px; /* Adjust this value when height is changed, the formula should be (logo height + 14) * 3 */
}

#loginInfo, #cartInfo {
  line-height: 30px; /* Adjust this value when height is changed, the formula should be (logo height + 3) */
}

/* Tablet view */
@media ( min-width : 451px) and (max-width: 767px) {
  #quickSiteSearch {
    width: 37%; /* Adjust this to change the search bar width when the logo width is changed. */
  }
  #variableContentBlockPG0145{
    padding-left: 15px;
    width: 95%;
  }
    #loginInfo {
    display:none;
  }
}

/* Desktop view */
@media ( min-width : 768px) {
  #cartInfo {
    text-align: left;
  }
  #quickSiteSearch {
    width: 100%; /* Adjust this to change the search bar width when the logo width is changed. */
  }
}

/* Tablet view - must be at the end */
@media ( min-width : 768px) and (max-width: 1000px) {
  #quickSiteSearch {
  width: 100%;
  display:none;
  }
    #variableContentBlockPG0145{
    padding-left: 15px;
  }

}
/* *****   END Top Header Logo sizing ********************************/
/*************************************************************/

/* --------------------------------------------------------------------------------------------------------------------------  */
/******************* START - Ryan's Destiny One improvements **********************/

/* Section Header  - this is the "Enroll Now - " header on course page.  Make it look like it's not a button. */
.sectionHeader {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
}
.sectionHeader h3, .sectionHeader h2, .card-title  h2{
  color: #333333;
  font-size:1.8em;
}
/* Secondary Section Header (i.e. if there are two headers on same page, the 2nd one needs to NOT look like a button too
e.g. If there's an Application then "Enroll Now - ... " becomes SectionHeaderSecondary*/
.sectionHeaderSecondary {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
  color: #333333;
}

/* Hiding the "Enroll Now - Select a section to enroll in" header on Course profile page */
#sectionEnrollmentHeader {
  display: none;
}

/* Hiding the misleading "Application List Checklist that has hard-coded "Status of Items Needed" */
.applicationListChecklist, #studentApplicationsListLegend
{
display:none;
}

/* Hiding the subforms from the PV student profile" #studentProfileDirectBillingAccountContainer,*/
#enrollmentTimeframes, #studentInfoNameTagName, #studentInfoOtherNamesOnRecord
{
display:none;
}

/* on CAP, this sets the width so the last letter does NOT wrap for "student@destinysolutions.com" */
.corporateAdminPortal td.cellMemberEmail {
	word-break: unset;
}

/*Making the SR link on section profile NOT bold - for consistency */
.sectionSpecialRequests .specialRequestName {
font-weight: normal;
}

/* text size for labels */
h1,h2,h3,h4,h5,h6{line-height:1.2em}
h1{font-size:2.1em}
h2{font-size:1.8em;margin-bottom:.5em}
h5{font-size:1em;font-weight:normal}
h6{font-size:.8em;margin:0 0 .5em}

/* CLP: Add some spacing between school logo and top header */
#schoolCorporateLogoWrapper img{
	margin-top: 14px;
}

/* Link styles*/
a,a:link{
text-decoration:underline;
}
a:active,a:hover{
font-weight: bold;
color: #333;
}
a:focus{
outline: 1px dashed #333;
}
/*cookie*/
.cc-theme-block p a, .cc-theme-block p a:link{
color:rgb(241, 214, 0) !important;
}
.cc-theme-block p a:hover{
color:#fff !important;
text-decoration: underline;
}
.cc-theme-block p a:focus{
outline: 1px dashed #fff;
}
.cc-revoke, .cc-window {
overflow: visible !important;
}
/* All checkout breadcrumb styling - to make active page bolder */
.breadcrumb>.active {
font-weight: bolder;
}

a.certificateStreamItemHeader {
  font-weight: bolder;
}
.certificateStreamItemContainer.form-horizontal.readOnlyFormData {
  padding-left: 40px;
}

/******************* END - Ryan's Destiny One improvements **********************/
/*************************************************************/


/* --------------------------------------------------------------------------------------------------------------------------  */
/******************* START - Ryan's NameBrand University **********************/

/* Header 1 - this is the top bar.  #000000 is black. #2C76C7 is NameBrand Blue*/
.navbar-dark.bg-dark {
  background-image: none;
  background-color: #2C76C7;
}
/*Logo Wrapper header2Wrapper*/
#header2Wrapper, #header2Container{
  background: #fff;
  padding: 5px 0 10px 0;}

/* Footer DIV as defined in Content Management block */
#RyanAbout {
/*durg - footer image - ensure height of image is exactly 50px*/
  background: no-repeat url("/upload/uchicagologo2.png") 0px 0px;
  background-color: transparent;
  display: block;
  float: left;
  width: 100%; /* To change width, change this value.  This should not exceed 320px (width of iphone 5). */
  height: 100px; /* To change height, change this value */
  margin-bottom: 10px;
}

/* All checkout breadcrumb styling - to make active page bolder */
.breadcrumb>.active {
color: #2C76C7;
}

/******************* END - Ryan's NameBrand University **********************/
/* --------------------------------------------------------------------------------------------------------------------------  */

/*****************************************************/
/* START - White Header 1 custom branding *************/

/* Header 1 - this is the top bar.  #000000 is black, #FFFFFF is white.  page */
/*durg header 1 color*/
.navbar-dark.bg-dark {
  background: #fff !important;
}
/* Workaround for limitation to inability to scope to PV only is to reset CAP / Agent Portal back to desired color */
.corporateAdminPortal .navbar-dark.bg-dark, .conferenceModule .navbar-dark.bg-dark
{
  background-color: #2C76C7;
}

/* Remove borders from various headers and footers */
#header1Wrapper, #footer1Wrapper .container, #footer2Wrapper .container, #mainContentContainer.container, #header2Container
{
	border: none;
}

/* White header requires a header school logo with white or transparent background */
/*durg - header. important if top header color was chosen to be white. In which case ensure background is white/transparent*/
#schoolHeaderLogoWrapperLink {
  background: no-repeat url("/upload/uchicagologo.png") 0px 0px;  /* 50 x 250px */
}

/* Cart color, Login text color in Header 1 can no longer be white ... make it a dark enough color*/
.glyphicon-shopping-cart, #cartInfo a, .headerStudentLoginContainer .headerStudentLoginDropdownLink, div#loginInfo, #loginInfo .headerProfileLink, #loginInfo .headerStudentLoginLogoutLink
{
	/*durg - cart color*/
  color: #666;  /* black or dark grey may be suitable as well */
}
/* Workaround for limitation to inability to scope to PV only is to reset CAP / Agent Portal / CLP back to white */
.corporateAdminPortal .glyphicon-shopping-cart, .corporateAdminPortal #cartInfo a, .corporateAdminPortal .headerStudentLoginContainer .headerStudentLoginDropdownLink,  #clpHeader1ContentWrapper .glyphicon-shopping-cart, #clpHeader1ContentWrapper  #cartInfo a, .corporateAdminPortal #loginInfo, .corporateAdminPortal #loginInfo .headerProfileLink, .corporateAdminPortal #loginInfo .headerStudentLoginLogoutLink
{
  color: #fff;  /* black or dark grey may be suitable as well */
}

/* Extend color to full page width for Header 3 menu bar */
#header3Wrapper
{
	/*durg- header 3 color*/
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #6a0909 0%, #651110 100%) repeat scroll 0 0;
  border-bottom: 1px solid #651110;
  border-top: 1px solid #7d1717;
  margin: 0;
  max-width: none;
  padding-bottom: 0;
}

/* Header 3 global navigation menu */
.navbar-light.bg-light, #header3Container
{
   background-image: none;
/*durg- header 3 color again*/
   background-color: transparent;
   border: none;
}

/* Text color of top-level menu labels */
.navbar-light .navbar-nav > li > a {
	/*durg - menu item color*/
  border-bottom: 1px solid transparent;
  border-left: 0 none;
  border-top: 0 none;
  color:#800000 !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding-right: 0px;
  padding-left:25px;
  text-decoration: none;
  text-shadow: none;
  transition-duration: 0.3s;
}

.navbar-nav > li > a, .navbar-nav > li > a:hover{
  padding-top: 30px;
  padding-bottom: 0px;
}
/* Text color of top-level hover, focus, sub-menu labels */
.navbar-light .navbar-nav>li>a:hover, .navbar-light .navbar-nav>li>a:focus, .navbar-light .navbar-nav>.open>a, .navbar-light .navbar-nav>.open>a:hover, .navbar-light .navbar-nav>.open>a:focus
{
  color: #666 !important;
  background-color: #fff;
}

/* Main page background */
#pageContainer {
   background-color: white; */
}
#mainContentWrapper, #mainContentWrapper .container{
  padding-bottom: 20px;
}
/*Extend footers to full width of page */
div#footer1Wrapper {
	/*durg footer color*/
  background: #fff;
  color: #5A5A5A;
  font-size: 13px;
  line-height: 2;
  padding-top: 20px;
}
div#footer1Wrapper .container {
	/*durg footer color again */
  background: transparent;
}
div#footer2Wrapper, #footer2Wrapper .container {
    background-color: #fff;
}

/*durg - color of footer text. Leave commented out to use default bootstrap colors*/
#footerNav h5, #footer1 .footerAbout, #footer1 .footerContact, #footer1 .footerSiteMap, #footer a {
    color: #800000;
}
#footer a:hover {
    color: #333;
    font-weight: bold;
}
.vcard h4{
  color: #5A5A5A;
  font-size: 13px;
  font-weight: normal;
  line-height: 2;
  margin: 0;
}
#footer1Wrapper .container{
  color: #5A5A5A;
  font-size: 13px;
  font-weight: normal;
  line-height: 2;
}

/*durg - color of h1, h2 elements. Leave commented out to use default bootstrap color */
h1{
  color: #800000;
  font: 1.75em/26px "ProximaNova-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-rendering: optimizelegibility;
}
h2, h3, h4 {
  color: #4D4D4F;
  font-family: "ProximaNova-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.35em;
  font-weight: normal;
  line-height: 1.375em;
  text-rendering: optimizelegibility;
  text-transform: none;
}

/*durg - color of links*/
a {
    color: #800000;
    text-decoration: underline;
}
a:hover, a:focus{color:#333;}
.pagination > li > a, .pagination > li > span{color:#333;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #800000;}
.btn-primary{background-color:#800000;background-image: none;border: 1px solid #800000;color:#fff !important;}
.btn-primary:hover{background-color:#ffa319;background-image: none;border: 1px solid #ffa319;}
/***************************************/
/* START custom demo branding ***************/
/* Replace <color_1> with primary color of brand */
/* Replace <color_2> with secondary color of brand */
#schoolHeaderLogoWrapperLink {
/*  background: no-repeat url("/upload/LogoHeaderSCHOOL.png") 0px 0px; /*  /* 50 x 250px */
}

#RyanAbout {
/*  background: no-repeat url("/upload/LogoFooterSCHOOL.png") 0px 0px; */
}

#contentModule5
{
/*display:none; */  /* Hides "News & Media", "Announcements", and "Highlights" from the home page */
}

/* Header 3 global navigation menu */
.navbar-light.bg-light, #header3Container, #header3Wrapper, .corporateAdminPortal .navbar-dark.bg-dark, .conferenceModule .navbar-dark.bg-dark
{
/*   background-color: #color_1;*/
}

/* Cart color, Login text color in Header 1 can no longer be white ... make it a dark enough color*/
.glyphicon-shopping-cart, #cartInfo a, .headerStudentLoginContainer .headerStudentLoginDropdownLink, div#loginInfo, #loginInfo .headerProfileLink, #loginInfo .headerStudentLoginLogoutLink
{
/*  color: #color_1;  */ /* black or dark grey may be suitable as well */
}
/* Workaround for limitation to inability to scope to PV only is to reset CAP / Agent Portal / CLP back to white */
.corporateAdminPortal .glyphicon-shopping-cart, .corporateAdminPortal #cartInfo a, .corporateAdminPortal .headerStudentLoginContainer .headerStudentLoginDropdownLink,  #clpHeader1ContentWrapper .glyphicon-shopping-cart, #clpHeader1ContentWrapper  #cartInfo a, .corporateAdminPortal #loginInfo, .corporateAdminPortal #loginInfo .headerProfileLink, .corporateAdminPortal #loginInfo .headerStudentLoginLogoutLink
{
  color: #fff;  /* black or dark grey may be suitable as well */
}

#header1ContentWrapper ul.menu {padding:0;margin-top:4px;}
#header1ContentWrapper .menu li{
  float: left;
  list-style: outside none none;
  padding-right: 10px;
}
#header1ContentWrapper .menu li a{
  color: #fff;
}

/* Checkout breadcrumb, Labels, Link colors*/
.breadcrumb>.active,h1,h3{
color: #800000;
}

/* Secondary Labels */
h2{
/* color:#color_2 */ /* secondary color */
}
/* END custom demo branding *************
/***************************************/
.card-info {
	border-color: #888;
}
.card-info > .card-header {
	color: #333;
	background-color: #eee !important;
	border-color: #888;
}
/*#courseSearchDeliveryMethod,*/ #courseSearchAssociations {
	display: none !important;
}
.headerProfileLink {
	text-decoration: underline !important;
}
.courseSection h3.courseSectionTitle {
	color: #800000;
}
.courseProfileSectionAvailability_available, .programOfferingAvailability_available {
	color: #387538;
}
#studentScheduleContainer tr{
	border-left: 1px solid #CECECE;
}
.catalogSearchResults .courseName,
.catalogSearchResults .certificateName {
    display: inline;
}
/*student login page*/
#pageStudentLogin #contentModule1 .card.card-body{
	border-radius: none;
    box-shadow: none;
}
#pageStudentLogin #contentModule1 .col-md-8{
	border-right: 1px solid #cccccc;
}
#pageStudentLogin #contentModule1 .btn-primary{
	float:none;
}
#portalExternalLogonLinkPanel h3, #portalNativeLoginPanel h3{
	display:none;
}
/*Program area and Stream pages*/
.programArea.PA0023 #programAreaCourses h2,
#programStreamCourses h2 {display:none;}
.programArea.PA0023 #programAreaCourses .card-header::after{
  content: "Certificates";
  color: #896137;
  font-family: "ProximaNova-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.375em;
  text-rendering: optimizelegibility;
  text-transform: none;
}
#programStreamCourses .programStream a:after{
  content: ' courses ›';
}
/*#pageCertificateProfile #searchBreadcrumb, #certificateAdditionalDetailsContainer h2, .PA0023 #programAreaCoursesAndCertificates .row .col-md-6:first-child, #certificateAdditionalDetailsContainer h2, .PA0006 #programAreaCoursesAndCertificates .row .col-md-6:first-child, .PA0023 #programAreaCourses, #contentModule5, #pageProgramStream #programStreamCoursesAndCertificates, .sectionContactHours, .transcriptRequestDetailsholdForPickUp{display: none;}
#studentInfoDateOfBirthContainer::after {
  content: "NOTE: All professional development program students are required to provide their birthdate in order to obtain a CNetID. A CNetID is a user name used to connect you to common University of Chicago IT services and other university sites. Your CNetID will be your user name for using a variety of University services such as the wireless network and most importantly, access to the Graham School online enrollment management system. If you already have a CNetID and used it to login, then your birthdate is not required at this time.";
  font-weight: bold;
}*/
/*.courseProfileSectionAvailability.courseProfileSectionAvailability_enrollment_closed::after {
    content: "Online, please call 773-702-1722 to check availability";
}*/
#paymentOptionsAllOptions:after{content:'For alternative payment methods please contact Registration at 773.702.1722';}
.reg-help a{color: #CC8214;}

/*KYC Conference*/

#conferenceExternalLoginWrapper, .conferenceModule #buttonCartReviewChangeRegButton, .conferenceModule .customizableForm #paymentHeaderContainer, .conferenceModule #addNewParticipantWrapper .checkbox label, .conferenceModule .addonOptionalLabel, #pageConferencePackageSelection .addOnPanelWrapper {display: none;}
.conferenceModule #conferenceExistingProfileWrapper{padding-right: 40px;}
.conferenceModule #conferenceNewProfileWrapper{border-left: 1px solid; padding-left: 40px;}
.conferenceModule #header2Wrapper, .conferenceModule #header2Container{background: #16487b;border-bottom: 1px solid #16487b; border-top: 1px solid #16487b;}
.conferenceModule .breadcrumb > .conferenceModule .active, .conferenceModule h1, .conferenceModule h3, .conferenceModule a, .conferenceModule a:link, .conferenceModule a:active, .conferenceModule a:focus, .conferenceModule a:hover{color: #005a9c;}
.conferenceModule .btn-primary {
    background-color: #16487b;
    border: 1px solid #16487b;
}
.conferenceModule #selectedParticipant_0, .conferenceModule #selectedParticipant_1,
.conferenceModule #selectedParticipant_2, .conferenceModule #selectedParticipant_3,
.conferenceModule #selectedParticipant_4, .conferenceModule #selectedParticipant_5,
.conferenceModule #selectedParticipant_6, .conferenceModule #selectedParticipant_7,
.conferenceModule #selectedParticipant_8, .conferenceModule #selectedParticipant_9,
.conferenceModule #selectedParticipant_10, .conferenceModule #selectedParticipant_11,
.conferenceModule #selectedParticipant_12, .conferenceModule #selectedParticipant_13,
.conferenceModule #selectedParticipant_14, .conferenceModule #selectedParticipant_15,
.conferenceModule #selectedParticipant_16, .conferenceModule #selectedParticipant_17,
.conferenceModule #selectedParticipant_18, .conferenceModule #selectedParticipant_19,
.conferenceModule #selectedParticipant_20, .conferenceModule #selectedParticipant_21,
.conferenceModule #selectedParticipant_22, .conferenceModule #selectedParticipant_23,
.conferenceModule #linkaddNewParticipantModal{
	background: #16487b;
	border-radius: 4px;
	color:#fff;
	display: block;
	font-size: 14px;
    padding: 14px 20px;
    text-transform: uppercase;
    width: 106px;
}
.conferenceModule #linkaddNewParticipantModal{font-weight: bold;width: 100%;}
.conferenceModule #addNewParticipantWrapper .checkbox::before {
    content: 'If your guest does not have an email address, you can outsmart the computer by entering their first name and last name @knowyourchicago.org. They will not receive any information on tours if you do this.';
}
.conferenceModule #addNewParticipantWrapper .checkbox .nicerCheckableCheckboxLabel::after{
	content: 'IMPORTANT: check this box to have your guest automatically added to the participants box to the right.';
	display: block;
	font-weight: bold;
}
.conferenceModule #buttonCancel {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: blue;
    text-decoration: underline;
}
.conferenceModule .btn-primary {
    float: none;
}
.glyphicon {
    font-size: 11pt;}
body{
  color: #5A5A5A;
}
#forgotUserNameLink, #forgotPasswordLink {color: #C68220;}

/**User Portal overrides**/
.sidebarScrollSpy .nav-link {
  font-size: 1rem;
  font-weight: 500;
  color: #800000;
}
.sidebarScrollSpy .nav-item.active> a {
    border-left: 0.3125rem solid #800000;
    color: #800000;
    font-color: #800000;
    font-size: 1rem;
    font-weight: 600;
    background-color: #eeeeee;
}
.sidebarScrollSpy .nav-item.active ul:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}