/**********************************/
/* Shared Styles  */
/**********************************/

ul.unstyled li { list-style: none; }
ul.inline li { display: inline; margin-right: 15px;}
ul.inline li > div { display: inline; }
a.btn { color: #FFFFFF; }

.loadingWindow { display: none; text-align: center; }
.loadingWindow img { border: 0; }

#nav > li.nav-section-header { background: #bfb776; color: #ffffff; border-top: solid 5px #333333; border-bottom: solid 1px #666666; padding: 3px 5px 8px 5px; font-size: 1.1em; }
#nav > li.nav-section-header > .glyphicon { font-size: 1.3em; vertical-align: bottom; line-height: 1.5em; margin: 0px 3px; }
#nav > li.hasSubMenu { border-bottom: solid 1px #afafaf; }
#nav > li.hasSubMenu > a { border-bottom: none; padding: 7px;}
#nav > li.hasSubMenu > ul {  background-color: #efefef; }
#nav > li.hasSubMenu > ul li a { font-style: italic; font-size: 11px; border-bottom: none; padding-left: 15px;}

.requiredField { color: #FF0000; font-size: 0.8em; margin: 0px; padding: 0px; display: inline;}
.center { text-align: center; }
.hidden { display: none; }
.font-bold { font-weight: bold; }
.icon-dark { color: #222222 }

.alert-notice { font-size: 12px; margin: 5px; }
.alert-notice p { margin: 0px; padding: 0px; }
.alert-notice strong { font-size: 12px; }

.grouping-panel > .panel-heading { font-size: 13px; }
.grouping-panel > .panel-heading > span.glyphicon { float: left; margin: 5px 8px 0px 0px; font-size: 15px; }
.grouping-panel > .panel-heading > .grouping-name { font-size: 18px; margin-right: 5px;}

.eval-question { width: 98%; margin: 15px 0px; border: solid 1px #666666; font-size: 11pt; min-width: 1050px; }
.eval-question.mult-choice { height: 70px; }
.eval-question.narrative { height: 100px; }
.eval-question.numeric { height: 70px; }
.eval-question > .status-indicator { width: 10px; height: inherit; background-color: #999999; float: left;}
.eval-question > .status-indicator.answered { background-color: #8cff9b; }
.eval-question > .status-indicator.error { background-color: #c90000; }
.eval-question > .question-text { font-family: Verdana, sans-serif; padding: 3px 0px; }
.eval-question .eval-question-number { margin: 5px 15px; font-weight: bold; font-size: 12pt; }
.eval-question > .eval-question-choice { padding: 5px 75px; }
.eval-question > .eval-question-choice > ul li { display: inline; margin-left: 20px; }
.eval-question > .eval-question-choice > textarea { width: 70%; }
.eval-question > .eval-question-choice > select { margin: 0px; }

#courseHistoryFilter legend { font-weight: bold; padding: 5px; }
#courseHistoryFilter table { width: 100%;}
#courseHistoryFilter table label { display: block; font-weight: bold; }
#courseHistoryFilter table select { width: 100%; }
#courseHistoryFilter table button { padding: 7px 15px; margin: 0px 10px; }

#courseHistoryGrid { margin: 15px 0px; }
#courseHistoryGrid > table { width: 100%; overflow: scroll; }

.degree-planning-term > .panel-heading { text-align: center; background-color: #d3cb89; background-image: none !important; color: #222222; font-size:1.1em; }
.degree-planning-term > .panel-footer { text-align: right; background-color: #d3cb89; background-image: none !important; color: #222222; font-size:0.85em;}
.degree-planning-course { background-color: #137cdd; color: #FFFFFF; padding: 10px; border: 1px solid #999999; border-radius: 4px; position: relative; margin: 4px 0px; }
.degree-planning-course:hover { cursor: move; }
.degree-planning-course.required-course { background-color: #079607; }

.degree-planning-course > .credits { font-size: 0.85em; }
.degree-planning-course > .closeButton { position: absolute; left: 90%; top: 2px; font-size: 0.9em; font-weight: bold;}
.degree-planning-course > .closeButton:hover { cursor: pointer; }

.degree-planning-course-slot { background-color: #EEEEEE; padding: 10px; border: 1px solid #CCCCCC; border-radius: 4px; text-align: center; }
.degree-planning-course-slot:hover { cursor: pointer; }
.degree-planning-course-slot > span { font-size:0.8em; }

#submitForClusterContainer a { color: blue; text-decoration: underline; font-size: 0.9em; margin-top: 10px; }

/**** Degree Audit Styles  ***/

/* cePortalDegreeInfo.asp  */
#filterOptions .form-group select { width: 100%; }
.dragHelper { margin: 10px 0px; background-color:#F5F5F5; border: solid 1px #E3E3E3; }
.list-group-item-heading { margin: 0px; padding:0px; font-size: 0.9em; }
.list-group-item-text { font-size: 0.8em; }
.list-group-item-description { font-style: italic; font-size: 11px; }
.list-group-item.dragHelper { margin: 20px 0px; }
#degreePrograms table tbody tr:hover { cursor: move; }
#cartMessage { display: none; }
.degreeSlot { text-align: center; color: #AAAAAA; font-size: 14pt;}
.media-body p { margin: 0px; padding: 0px; }

/* saudit.asp */
button.audit-detail-button { border: solid 1px #666666; background-color: #DDDDDD; }
button.audit-detail-button:hover { background-color: #333333; color: white; }

button.delete-audit-button { border: solid 1px #666666; background-color: #DDDDDD; }
button.delete-audit-button:hover { background-color: #333333; color: white; }

span.warning-icon { font-size: 14px; color: #ff850c; position: relative; top: 3px; left: -5px; }
.degreeAuditListing { margin-bottom: 100px; }
.degreeAuditListing caption { background-color: #FFFFFF; font-size: 20px; color: #222222;  text-shadow: none; border-bottom: solid 1px black; margin-bottom: 20px;}
.degreeAuditListing thead > tr > th, .degreeAuditListing tbody > tr > td { border: solid 1px #b7b07c !important; padding: 5px; }
.degreeAuditListing thead tr { font-size: 12px; border: none; }
.degreeAuditListing thead tr:first-child th { border: none !important; background-color: #FFFFFF; }
.degreeAuditListing .creditsCell { text-align: center; background-color: #b7b07c !important; }

/* login.asp - LU notifications */
.notifyContainer { display: flex; /* establish flex container */
    flex-direction: column;
    justify-content: center; /* align items vertically, in this case */
    align-items: center; /* align items horizontally, in this case */
    /*height: 300px;*/
    border:none;}
.notify { font-size:14px; font-weight:bold; color:#FF0000; width:50%;}
/*******************************************************/