/*
 *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 */

label {
    font-weight: 400;
}

th > label {
    font-weight: bold;
}

.importantMessage {
    font-weight: 700;
}

.footer1 h5 {
    font-weight: bold;
    text-transform: uppercase;
}

.totalLabel {
    text-transform: uppercase;
}

.feeDescriptionAmountSeparator:after {
   content: "- ";
}

input.fileUploadInput {
    display: inline-block;
}

/* LAYOUT */
/* MODULE */

#bookProctorExamContainer {
    margin-top: 10px;
    padding-top: 10px;
}

#formLoginExistingEmbedded {
    text-align: right;
}

.modalForMessage {
    text-align: center;
    width: 100%;
}

.modalForMessage .alert{
    text-align: left;
}

#portalHomeHeaderRow1,
#portalHomeHeaderIds {
    float: right;
}

#secretCodeInstruction {
    float: left;
}

.catalogSearchResults .tableGridContainer .featuredImage {
    display: block;
    border: 1px solid #e0e0e0;
}

.panelHeadingToggle {
    cursor: pointer;
}

/* STATE */
/* THEME */

.alert .buttons {
    margin-top: 10px;
    padding-bottom: 0px;
}

.btn-primary {
    float: right;
}

.noFloat {
    float: none;
}

#formCourseSearch legend {
    font-weight: bold;
}

.alert h2 {
    color: inherit;
}

.alert h2 {
    margin-top: 0px;
}

.headerActions {
    float: right;
    margin-top: 20px;
}

.amountCol {
    text-align: right;
}

#studentProfileMainContent .panel {
    margin-bottom: 5px;
}

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;
}

.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: center;
}

.certificateStreamItem {
    border-top: 1px solid #ddd;
    margin-top: 5px;
    padding-top: 5px;
}

#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 {
    vertical-align: top;
}

.sidebarScrollSpy .nav>li.active> a {
    background-color: #eeeeee;  
}

.portalMenuActive > .menuLink {
    background-color: #eeeeee;
    border-left: 5px solid #3399f3;
    padding-left: 4px;
}

#scrollSpyMenuNav {
    margin-left: 3px;
}

.notFoundMessage,
#variableContentBlockPG0035,
#pageEmailCourseInfo #formEmailCourseInfo,
#pageRemindMe #formRemindOfCourse {
    margin-bottom: 20px;
}

.certApplicationApplyInstructions,
.certApplicationInformationContainer,
.certApplicationInfo,
.courseApplicationApplyContainer,
.courseApplicationInfo,
#paymentMethodDisplay,
#contentHeader,
#appInstanceApplicationContent,
.variable-content {
    margin-bottom: 10px;
}

.certApplicationApplyContainer,
.courseApplicationInformationContainer,
.courseApplicationApplyContainer,
#variableContentBlockPG0029 {
    margin-top: 10px;
}

#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 {
    color: #B5231D;
    font-weight: bold;
}

.courseProfileSectionAvailability_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 #buttonCheckout {
    margin-left: 10px;
}

.glyphicon.text-danger {
    color: #b94a48;
}

#externalProcessorHeader {
    color: #FFFFFF;
}

.input-group .glyphicon {
    font-size: inherit;
}

.glyphicon.glyphicon-info-sign,
.glyphicon.glyphicon-question-sign {
    color: #3399f3;
}

.glyphicon.applicationChecklistCompletedIcon,
.glyphicon.onlineResourceAvailableIcon,
.glyphicon.applicationCompleteIcon {
    color: #008000;
}

.glyphicon.onlineResourceBlockedIcon {
    color: #FF9900;
}

.glyphicon.onlineResourceExpiredIcon,
.glyphicon.applicationChecklistIncompleteIcon {
    color: #FF0000;
}

.input-group-addon .glyphicon, .input-group-addon .icon-binoculars {
    font-size: 17px;
}

button > span.glyphicon.glyphicon-remove {
    font-size: 12px;
}

.input-group-addon a{
    color: inherit;
}

.specialRequestName {
    font-weight: bold;
    margin-bottom: 5px;
}

#portalHomeHeaderRow1,
.transcriptLocationName {
    font-weight: bold;
}

#pageHeaderActions,
#sidebar1Wrapper {
    margin-top: 20px;
}

#studentInfoGenderContainer .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%;
}

.studentProctorAssociationTable div.checkbox {
    margin: 0px;
}

.nav.navbar-nav li.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.conditionalQuestionContainer {
    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 {
  text-align: center;
}

.courseDescriptionCollapsibleWrapper {
  margin-bottom: 10px;
}

@media ( min-width : 992px) {

    div.courseSectionSemester {
        text-align: center;
    }
}
