/* Definitions for the entire application */
/* Definitions for the entire application */
body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin-left: 10px;
  margin-right: 10px;
  overflow-y: scroll;
}
@media screen and (min-width: 950px) {
  body {
    min-width: 950px;
  }
}
h1 {
  font-size: 16pt;
}
h2 {
  font-size: 14pt;
}
h3 {
  font-size: 12pt;
}
table {
  width: 100%;
}
td {
  vertical-align: top;
}
/*
 *  OAT's menus
 */
nav.oatNav {
  position: fixed;
  z-index: 250;
  min-height: 0px;
  margin-bottom: 0px;
  width: 98%;
  min-width: 950px;
  height: 30px;
}
nav.oatNav .nav {
  width: 100%;
}
nav.oatNav a {
  padding-top: 3px;
  padding-bottom: 3px;
}
.oatBrand {
  padding-left: 0px;
  padding-right: 0px;
}
.oatBrandImg {
  float: left;
  height: 25px;
  width: 48px;
}
.oatGlyph {
  padding-right: 3px;
  color: green;
}
.content {
  position: relative;
  top: 35px;
  margin-bottom: 50px;
}
.page_title {
  font-size: 16pt;
  font-weight: 500;
  line-height: 1.1;
  margin-top: 15px;
}
/*
 * A boxed set of messages, probably from the Flash.
 */
.messageBox .error {
  color: #af0000;
}
input.error {
  background-color: #f9cbcb;
}
.TOCdiv {
  display: flex;
  justify-content: space-between;
}
.TOCdiv .OATimg {
  align-self: flex-end;
}
.TOCdiv .OATimg img {
  width: 300px;
}
.TOCdiv .OATimg .requestAccess {
  position: relative;
  left: 100px;
  top: -22px;
  font-size: larger;
}
.TOCdiv .TOC ul {
  list-style-type: none;
}
.TOCdiv .TOC > ul {
  padding-left: 30px;
  margin-top: 30px;
}
.fa-xlg {
  font-size: 1.5em;
  line-height: 0.75em;
  vertical-align: -15%;
}
/*
 * Autocomplete
 */
.autocomplete-suggestions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  overflow: auto;
  -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-no-suggestion {
  padding: 2px 5px;
}
.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-suggestions strong {
  font-weight: bold;
  color: #000;
}
.autocomplete-group {
  padding: 2px 5px;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  display: block;
  border-bottom: 1px solid #000;
}
/*
 * Person Search box
 */
#searchInput .autocomplete,
.searchInput .autocomplete {
  border: 1px solid #ccc;
  border-radius: 15px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 6px 14px;
  width: 200px;
}
#searchInput .autocomplete:focus,
.searchInput .autocomplete:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.autocomplete {
  height: 30px;
  outline: none;
  padding-left: 8px;
}
.autocomplete {
  background-color: white;
}
.autocomplete:focus {
  border: 2px solid #337ab7;
  padding-left: 7px;
}
.autocomplete-submit {
  visibility: hidden;
  display: none;
}
.floatRight {
  float: right;
}
.floatLeft {
  float: left;
}
.right {
  text-align: right;
}
.centre {
  text-align: center;
}
.invisible {
  visibility: hidden !important;
}
.error-list {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  border-radius: 3px;
  padding: 15px 40px;
  margin: 6px 0;
}
.error-list:empty {
  display: none;
}
.warn-list {
  color: #a94442;
  background-color: #eeeeee;
  border-color: #ebccd1;
  border-radius: 3px;
  padding: 15px 40px;
  margin: 6px 0;
}
.warn-list:empty {
  display: none;
}
.info-list {
  background-color: #eeeeee;
  border-radius: 3px;
  padding: 15px 40px;
  margin: 6px 0;
}
.info-list:empty {
  display: none;
}
.info-list li {
  display: none;
}
.testServerWarning {
  background-color: #f2dede;
  border: 1px solid #af0000;
  border-radius: 5px;
  text-align: center;
}
@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
th[role=columnheader]:not(.no-sort) {
  cursor: pointer;
}
th[role=columnheader]:not(.no-sort):before {
  font-family: FontAwesome;
  content: "\f0dc";
  float: left;
  visibility: visible;
  opacity: 0.3;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-right: 5px;
}
th[aria-sort=ascending]:not(.no-sort):before {
  content: "\f0de";
}
th[aria-sort=descending]:not(.no-sort):before {
  content: "\f0dd";
}
th[role=columnheader]:not(.no-sort):hover:before {
  visibility: visible;
  opacity: 1;
}
/*
 * Spinner for loading e.g. query results
 * From https://loading.io/css/
 */
div .spinner {
  display: inline-block;
  position: relative;
  margin: -10px;
  width: 28px;
  height: 28px;
}
div .spinner span {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  margin: 0px;
  border: 3px solid;
  border-radius: 50%;
  animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #23527c transparent transparent transparent;
}
div .spinner span:nth-child(1) {
  animation-delay: -0.45s;
}
div .spinner span:nth-child(2) {
  animation-delay: -0.3s;
}
div .spinner span:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
div .spinner-lbl {
  display: inline-block;
  margin-left: 15px;
}
.dataCurrency {
  margin-top: 15px;
  color: grey;
}
.dataCurrency .warn {
  color: #af0000;
  font-weight: bold;
}
/*
 * This file is meant to contain styles for general components that are used in different places,
 * and feel like they don't belong in _base.less
 */
.ckbox,
.radioBtn {
  display: flex;
  flex-direction: row;
}
.ckbox .disabled,
.radioBtn .disabled {
  color: darkgrey;
}
.ckbox input,
.radioBtn input {
  flex-shrink: 0;
}
.ckbox label,
.radioBtn label {
  padding-left: 4px;
  flex-shrink: 1;
  font-weight: normal;
}
.schedule {
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  display: flex;
  overflow: hidden;
  padding: 40px 0 10px;
}
.schedule .timeline .line {
  border: 1px solid #EEE;
  border-bottom: none;
  margin-left: -100px;
  margin-right: -4000px;
  margin-top: -1px;
}
.schedule .calendar {
  display: flex;
  flex-grow: 1;
}
.schedule .day {
  flex-grow: 1;
  margin: 0 5px;
  position: relative;
}
.schedule .day .day-label {
  margin-top: -30px;
  text-align: center;
}
.schedule .day.empty[data-day="0"],
.schedule .day.empty[data-day="6"] {
  display: none;
}
.schedule .block-wrapper {
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.schedule .timeline-item {
  text-align: right;
  width: 60px;
}
.schedule .block {
  border-radius: 10px;
  cursor: default;
  line-height: 1.2em;
  overflow: hidden;
  padding: 5px 10px;
  pointer-events: all;
}
.schedule .block:hover {
  min-width: fit-content;
  min-height: fit-content;
  height: 100px !important;
  width: 200px !important;
  position: absolute;
  z-index: 1;
}
.schedule .block .identifier {
  line-height: 1.5em;
}
.schedule .block * {
  pointer-events: none;
}
.schedule .block ::selection {
  background: transparent;
}
.schedule .block .subject,
.schedule .block .catalog {
  font-weight: 600;
}
.schedule .block .section {
  white-space: nowrap;
}
.schedule .block .component,
.schedule .block .section,
.schedule .block .room,
.schedule .block .instructor,
.schedule .block .date,
.schedule .block .roomCap,
.schedule .block .enrolled,
.schedule .block .secCap,
.schedule .block .classID {
  font-size: 0.9em;
}
.schedule .block .instructor,
.schedule .block .enrolled,
.schedule .block .room {
  min-width: 7em;
  display: inline-block;
}
.schedule .block .section {
  margin-right: 1em;
  display: inline-block;
}
.schedule .block:not(:hover) .classID {
  display: none;
}
.schedule .popover {
  width: 300px;
}
/*
 * Enable vertically-stacked tabs.
 * From https://github.com/dbtek/bootstrap-vertical-tabs/blob/master/src/tabs.css
 * See https://github.com/dbtek/bootstrap-vertical-tabs for usage info.
 */
.tabs-left,
.tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left > li,
.tabs-right > li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left > li {
  margin-right: -1px;
}
.tabs-right > li {
  margin-left: -1px;
}
.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}
.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block;
}
.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
/*
 * Style for the student search box.
 */
/*
 *  Style the student search form that appears in the menu.
 */
.asis-menu-search {
  position: fixed;
  top: 8px;
  left: 650px;
  z-index: 500;
}
.asis-menu-search form {
  bottom-margin: 0px;
}
@media print {
  .asis-menu-search {
    display: none;
  }
}
.asis {
  /*
        *	{
            box-sizing: border-box;
        }
    */
  /*
     * Filters for the academic record and notes.
     */
  /*
     *	The last last column of the academicTerms table contains a summary for
     *  the term.
     */
  /* Milestones tab in the Academic Record */
}
.asis .warning {
  color: #af0000;
  font-weight: bold;
}
.asis .photo {
  float: left;
  width: 140px;
  min-height: 100px;
  border: 1px solid grey;
  alt: "Student picture";
  margin-top: 10px;
}
.asis .asisTop {
  width: calc(100% - 140px);
  float: left;
  margin-top: 10px;
}
.asis.multiple-view #searchInput {
  display: none;
}
.asis .asis-note-form-error {
  color: #a94442;
  margin: 6px 0;
}
.asis .asis-note-form-error:empty {
  display: none;
}
.asis .asis-note-form-info {
  color: #464a4c;
  border-radius: 3px;
  margin: 6px 0;
}
.asis .asis-note-form-info:empty {
  display: none;
}
.asis .asis-note-form-info li {
  display: none;
}
.asis #studentListContainer {
  position: fixed;
  top: 4px;
  left: 550px;
  width: 50%;
  z-index: 500;
}
.asis #studentListContainer > div {
  margin: 0 auto;
  width: 200px;
}
.asis #studentListContainer #leftControls {
  width: 49px;
  display: inline-block;
}
.asis #studentListContainer a,
.asis #studentListContainer span {
  margin-left: 10px;
  font-size: 16px;
}
.asis #studentListContainer a {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.asis #stdBio {
  float: left;
  padding-left: 8px;
  width: 49%;
  /*
     * Student address tabs and contents
     */
}
.asis #stdBio .preferredName {
  font-size: 20px;
  font-weight: 500;
  margin-top: 0px;
}
.asis #stdBio p {
  margin-bottom: 10px;
}
.asis #stdBio .uwID {
  font-weight: bold;
  margin-right: 20px;
}
.asis #stdBio .userID,
.asis #stdBio .wluID {
  margin-right: 20px;
}
.asis #stdBio .email {
  margin-bottom: 20px;
}
.asis #stdBio .addresses {
  clear: both;
  min-height: 85px;
  margin-top: 10px;
}
.asis #stdBio .addresses a {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
}
.asis #stdBio .addresses p {
  margin: 0px 0px 0px 0px;
  margin-left: 68px;
}
.asis #stdBio .addresses .tabs-left {
  width: 60px;
  float: left;
}
.asis #stdBio .citizenship {
  clear: both;
  margin-top: 5px;
  display: flex;
}
@keyframes studyPermitKeyFrame {
  from {
    background-color: #FCEAB3;
  }
  to {
    background-color: white;
    font-weight: bold;
    margin-left: 15px;
  }
}
.asis #stdBio .citizenship .studyPermit {
  animation-name: studyPermitKeyFrame;
  animation-duration: 0.5s;
  animation-iteration-count: 9;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
.asis #stdBio .citLbl {
  padding-right: 5px;
}
.asis #stdBio .citLst p {
  margin-top: 0px;
  margin-bottom: 0px;
}
.asis #asisControls {
  float: left;
  margin-left: 10px;
  width: 49%;
}
@media print {
  .asis #asisControls {
    display: none;
  }
}
.asis #asisControls input {
  margin-bottom: 5px;
}
.asis #asisControls .nav a {
  padding-top: 0px;
  padding-bottom: 0px;
}
.asis #asisControls #permNumCtrls {
  width: 100%;
}
.asis #asisControls #permNumCtrls input[type="text"] {
  margin-right: 5px;
  margin-top: 5px;
  float: left;
  width: 15%;
}
.asis #asisControls #permNumCtrls input[type="text"]:last-child {
  clear: right;
}
.asis #asisControls #permNumCtrls #course {
  width: 120px;
}
.asis #asisControls #permNumCtrls #reason {
  width: 100%;
  height: 50px;
}
.asis #asisControls #permNumCtrls label {
  width: 90%;
  font-weight: 400;
  margin-bottom: 0px;
}
.asis #asisControls #permNumCtrls input[type="checkbox"] {
  margin-right: 3px;
}
.asis #asisControls #permNumCtrls .left p {
  float: left;
  margin-right: 5px;
  margin-top: 4px;
}
.asis #asisControls #permNumCtrls input#expiryDate {
  width: 140px;
}
.asis #asisControls #permNumCtrls button {
  margin-top: 7px;
  margin-bottom: 14px;
  width: 140px;
}
.asis #asisControls #permNumCtrls .left {
  width: 210px;
  float: left;
}
.asis #asisControls #permNumCtrls .right {
  margin-left: 220px;
}
.asis .filterControls {
  margin: 9px 0;
}
.asis .filterControls .filterLabel {
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: normal;
}
.asis .filterControls .filterInput,
.asis .filterControls .priorityInput {
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 4px;
}
.asis .filterControls .filterGroup,
.asis .filterControls .prioritySpan {
  border: 1px solid #d4d4d4;
  border-radius: 4px 4px 4px 4px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 5px;
}
.asis .filterControls .notesSearch input[type=text] {
  width: 150px;
  height: 100%;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
.asis .filterControls .notesSearch input[type=text]:focus {
  width: 20%;
}
.asis .filterHidden {
  color: lightgrey;
}
.asis .acadRecord {
  padding-top: 15px;
  clear: both;
  /*
     * Tabs to show the different parts of the academic record.
     */
  /*
     * Term-by-term table of courses taken and summaries of the term.
     */
}
.asis .acadRecord .acadTabs a {
  padding-top: 6px;
  padding-bottom: 6px;
}
.asis .acadRecord .termsBorder {
  border: 1px solid lightgrey;
}
.asis .acadRecord .termsTable {
  border: 1px solid lightgrey;
  overflow: hidden;
  /*
         * Table listing the courses taken in one column of the termsTable
         */
}
.asis .acadRecord .termsTable .winter {
  background-color: white;
}
.asis .acadRecord .termsTable .fall {
  background-color: #FCEAB3;
}
.asis .acadRecord .termsTable .spring {
  background-color: #E8FCE1;
}
.asis .acadRecord .termsTable .term {
  border: 1px solid lightgrey;
  width: 4%;
  text-align: right;
  padding-top: 3px;
  padding-right: 4px;
  font-size: smaller;
}
.asis .acadRecord .termsTable .termh {
  text-align: left;
}
.asis .acadRecord .termsTable .courseColumn {
  border: 1px solid lightgrey;
  width: 23%;
}
.asis .acadRecord .termsTable .prefsHint {
  color: grey;
  font-size: 10pt;
  vertical-align: middle;
}
.asis .acadRecord .termsTable .summary {
  border: 1px solid lightgrey;
}
.asis .acadRecord .termsTable .summary .plan {
  width: 60%;
}
.asis .acadRecord .termsTable .summary .gpa {
  width: 14%;
}
.asis .acadRecord .termsTable .summary .standing {
  width: 18%;
}
.asis .acadRecord .termsTable .coursesTable {
  font-size: 10.5pt;
}
.asis .acadRecord .termsTable .coursesTable td {
  transition: 0.2s;
}
.asis .acadRecord .termsTable .coursesTable .sub {
  width: 25%;
}
.asis .acadRecord .termsTable .coursesTable .cat {
  width: 18%;
}
.asis .acadRecord .termsTable .coursesTable .grade {
  text-align: right;
  padding-right: 3px;
  width: 16%;
}
.asis .acadRecord .termsTable .coursesTable .Fail {
  color: darkred;
}
.asis .acadRecord .termsTable .coursesTable .Fail.filterHidden {
  color: lightgrey;
}
.asis .acadRecord .termsTable .coursesTable .smallerFont {
  font-size: 8pt;
  vertical-align: bottom;
  padding-bottom: 1px;
}
.asis .acadRecord .termsTable .coursesTable .gbasis {
  width: 15%;
  font-size: 8pt;
  vertical-align: bottom;
  padding-bottom: 1px;
}
.asis .acadRecord .termsTable .coursesTable .rdesig {
  width: 15%;
  font-size: 8pt;
  vertical-align: bottom;
  padding-bottom: 1px;
}
.asis .acadRecord .termsTable .coursesTable .wt {
  font-size: 8pt;
  vertical-align: bottom;
  padding-bottom: 1px;
}
.asis .acadRecord .termsTable div.tooltip-inner {
  min-width: min-content;
  text-align: left;
  font-weight: 600;
}
.asis .termSummary {
  /**
     * Stuff to display the transcript text.
     */
}
.asis .termSummary .projectedLevel {
  width: 25px;
}
.asis .termSummary .plan {
  width: 50%;
}
.asis .termSummary .plan2 {
  width: 65%;
}
.asis .termSummary .subplan {
  font-size: 9pt;
}
.asis .termSummary .reqTerm {
  width: 14%;
}
.asis .termSummary .mav {
  width: 14%;
}
.asis .termSummary .standing {
  width: 20%;
}
.asis .termSummary .transcriptToggle {
  margin-top: 3px;
}
.asis .termSummary .transcriptTextHidden {
  max-height: 1.2em;
  overflow: hidden;
}
.asis .termSummary .averagesData,
.asis .termSummary .lastTermAveragesData {
  display: none;
}
.asis .termSummary .averagesData .averageLabel,
.asis .termSummary .lastTermAveragesData .averageLabel {
  float: right;
  padding-right: 5px;
}
.asis .termSummary .averagesData .averageValue,
.asis .termSummary .lastTermAveragesData .averageValue {
  width: 32%;
}
.asis .termSummary .termUnitsTable {
  display: None;
}
.asis .termSummary .termUnitsTable td:first-child {
  width: 18%;
}
.asis .termSummary .termUnitsTable .gpa {
  width: 18%;
  text-align: right;
}
.asis .termSummary .termUnitsTable .units,
.asis .termSummary .termUnitsTable .punits,
.asis .termSummary .termUnitsTable .funits {
  width: 16%;
  text-align: right;
}
.asis .termSummary .termUnitsTable .punits {
  color: darkgreen;
}
.asis .termSummary .termUnitsTable .funits {
  color: darkred;
}
.asis .termSummary .lastTermUnitsTable {
  display: None;
}
.asis .termSummary .lastTermUnitsTable td:first-child {
  width: 18%;
}
.asis .termSummary .lastTermUnitsTable .gpa {
  width: 18%;
  text-align: right;
}
.asis .termSummary .lastTermUnitsTable .units,
.asis .termSummary .lastTermUnitsTable .punits,
.asis .termSummary .lastTermUnitsTable .funits {
  width: 16%;
  text-align: right;
}
.asis .termSummary .lastTermUnitsTable .punits {
  color: darkgreen;
}
.asis .termSummary .lastTermUnitsTable .funits {
  color: darkred;
}
.asis .load td:first-child {
  text-align: right;
  padding-right: 5px;
}
.asis .tabMixin {
  padding-top: 8px;
  margin-bottom: 100px;
}
.asis #coopTab {
  padding-top: 8px;
  margin-bottom: 100px;
}
.asis #coopTab p.notice {
  font-size: 9pt;
}
.asis #coopTab th.term {
  width: 50px;
}
.asis #coopTab th.seq {
  width: 85px;
}
.asis #coopTab th.foStudy {
  width: 85px;
}
.asis #coopTab th.qTermType {
  width: 85px;
}
.asis #coopTab th.qWStatus {
  width: 85px;
}
.asis #degreesTab {
  padding-top: 8px;
  margin-bottom: 100px;
}
.asis #degreesTab .degDescr {
  width: 40%;
}
.asis #degreesTab .degDescr td:first-child {
  text-align: right;
  width: 40%;
  padding-right: 5px;
}
.asis #degreesTab .degDescr .degRevoked {
  font-weight: bold;
  color: #af0000;
}
.asis #degreesTab .subPlanDisplay {
  margin-left: 20px;
}
.asis #milestonesTab {
  padding-top: 8px;
  margin-bottom: 100px;
}
.asis #milestonesTab .msTableParent {
  padding: 0px;
  border-top: 0px;
}
.asis #milestonesTab .progCol {
  background-color: white;
}
.asis #milestonesTab .msTable td:first-child {
  width: 250px;
}
.asis #milestonesTab .msTable td:nth-child(0n+2) {
  width: 75px;
}
.asis #milestonesTab .msTable td:nth-child(0n+3) {
  width: 25px;
}
.asis #holdsTab {
  padding-top: 8px;
  margin-bottom: 100px;
}
.asis #holdsTab .holdsTbl .holdCode {
  width: 100px;
}
.asis #holdsTab .holdsTbl .holdDt {
  width: 100px;
}
.asis #holdsTab .holdsTbl .holdStart {
  width: 100px;
}
.asis #holdsTab .reasonImpactTbl td:first-child {
  padding-right: 5px;
  text-align: right;
  width: 100px;
}
.stdListView table {
  margin-top: 2em;
}
.plan-tooltip {
  width: 320px;
  font-weight: normal;
}
.course_tooltip {
  width: 300px;
  flex-direction: column;
  display: flex;
  font-weight: normal;
}
.course_tooltip .tt_course_title {
  font-size: 10pt;
  margin-bottom: 0px;
}
.course_tooltip .tt_section {
  display: flex;
  flex-direction: column;
}
.course_tooltip .tt_section_id_row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.course_tooltip .tt_bullet {
  width: 10px;
}
.course_tooltip .tt_sec_num {
  width: 60px;
}
.course_tooltip .tt_instr_tbl {
  width: 270px;
}
.course_tooltip .tt_meet_times {
  width: 100px;
  text-align: left;
  padding-left: 10px;
}
.course_tooltip .tt_meet_days {
  width: 30px;
  text-align: left;
}
.course_tooltip .tt_meet_dates {
  width: 80px;
  text-align: left;
}
.course_tooltip .tt_room {
  width: 60px;
  text-align: left;
}
.asisPreferences .prefsForm {
  width: 60%;
  float: left;
}
.asisPreferences .prefsHelp {
  width: 39%;
  float: right;
}
.asisPreferences .colPrefixes {
  width: 49%;
  padding-right: 20px;
  float: left;
}
.asisPreferences .colPrefixes textarea {
  width: 100%;
  height: 200px;
}
.asisPreferences .sortOrder {
  clear: both;
}
.asisPreferences .sortOrder select {
  width: 150px;
}
.asisPreferences button {
  margin-right: 20px;
}
.stdListView table.optHelp th:first-child {
  width: 200px;
}
.search-note-view #searchOptions {
  margin-top: 10px;
}
.search-note-view #searchOptions select {
  margin-left: 5px;
  margin-right: 207px;
}
.search-note-view .highLight {
  color: red;
}
.search-note-view #searchNoteValue {
  width: 270px;
  margin-right: -28px;
}
.search-note-view #searchNoteDaysValue {
  margin-right: 5px;
  width: 50px;
  text-align: right;
}
.search-note-view #errorMessage {
  color: darkred;
}
.search-note-view #searchNoteResultTable {
  margin-top: 20px;
}
.search-note-view #searchNoteResultTable th:first-child,
.search-note-view #searchNoteResultTable th:nth-child(3) {
  width: 100px;
}
.search-note-view #searchNoteResultTable th:nth-child(2) {
  width: 200px;
}
.search-note-view .noteSearchSubject {
  font-weight: bold;
}
#schedule {
  padding: 10px 0;
}
#schedule .faded {
  opacity: 0;
  transition: 0.2s !important;
}
#schedule .panel-body {
  padding: 15px 14px;
}
#schedule .fe-schedule {
  min-height: 450px;
  margin-top: 1em;
}
#schedule .fe-schedule .strikeout {
  text-decoration: line-through;
}
#schedule .fe-schedule .cal td {
  border-left: 1px solid grey;
  border-right: 1px solid grey;
}
#schedule .fe-schedule .cal .eBlock {
  height: 2em;
  width: 14%;
}
#schedule .fe-schedule .cal .eDate {
  border-top: 1px solid grey;
}
#schedule .fe-schedule .cal .block1,
#schedule .fe-schedule .cal .block3 {
  background-color: #f5f5f5;
}
#schedule .fe-schedule .cal .block4 {
  border-bottom: 1px solid grey;
}
#schedule .fe-schedule .fe-notes {
  margin-top: 2em;
}
#schedule .term-picker {
  margin-bottom: 15px;
}
#schedule .term-picker .previous {
  color: #337ab7;
  cursor: pointer;
}
#schedule .term-picker .previous i.fa {
  margin-right: 6px;
}
#schedule .term-picker .previous:hover {
  text-decoration: underline;
}
#schedule .term-picker .current {
  font-weight: 600;
  text-align: center;
}
#schedule .term-picker .next {
  color: #337ab7;
  cursor: pointer;
  text-align: right;
}
#schedule .term-picker .next i.fa {
  margin-left: 6px;
}
#schedule .term-picker .next:hover {
  text-decoration: underline;
}
#schedule .term-picker .previous,
#schedule .term-picker .current,
#schedule .term-picker .next {
  display: inline-block;
  width: 33%;
}
#schedule .delete-button {
  color: #d9534f;
  cursor: pointer;
  float: right;
}
#schedule .list .course-item {
  display: flex;
  margin: 5px 0;
}
#schedule .list .course-item .identifier {
  font-weight: 600;
}
#schedule .course-addition {
  margin-top: 10px;
}
#schedule .editor .twitter-typeahead {
  width: 100%;
}
#schedule .editor .twitter-typeahead .course-title {
  height: 1.4em;
  line-height: 1.4em;
  overflow: hidden;
  word-break: break-all;
}
#schedule .editor .twitter-typeahead .tt-suggestion {
  padding: 5px 10px;
}
#schedule .editor .twitter-typeahead .tt-suggestion:not(:last-of-type) {
  border-bottom: 1px solid #EEE;
}
#schedule .editor .twitter-typeahead .tt-menu {
  padding: 4px 0;
  width: 100%;
}
#schedule .editor .course-edit-container {
  margin: 5px 0;
}
#schedule .editor .course-edit-container .course-edit {
  margin: 5px 0;
}
#schedule .editor .course-edit-container .course-edit .section-selector {
  border-bottom: 1px solid #EEE;
  padding: 7px 2px;
}
#schedule .editor .course-edit-container .course-edit .section-selector .option {
  display: flex;
}
#schedule .editor .course-edit-container .course-edit .section-selector .section-code {
  display: inline-block;
  width: 31px;
}
#schedule .editor .course-edit-container .course-edit .section-selector .meet-days {
  color: #DDD;
}
#schedule .editor .course-edit-container .course-edit .section-selector .meet-days .active {
  color: #000;
}
#schedule .editor .course-edit-container .course-edit .section-selector .meet-times {
  margin-left: 5px;
}
#schedule .editor .course-edit-container .actions {
  margin-top: 10px;
}
#awardsTab td {
  padding-left: 0px;
}
#admissionsTab {
  padding-bottom: 60px;
}
#admissionsTab h2,
#admissionsTab h3 {
  padding-left: 15px;
}
#admissionsTab table ul {
  padding-inline-start: 20px;
}
#admissionsTab .popover {
  max-width: max-content;
}
#admissionsTab .popover table {
  margin-bottom: 0;
}
#admissionsTab .popover div.popover-content > table.transposed > tbody > tr {
  font-size: small;
}
#admissionsTab .popover div.popover-content > table.transposed > tbody > tr td {
  padding-left: 5px;
}
#admissionsTab .popover div.popover-content > table.transposed > tbody > tr th {
  font-weight: normal;
  text-align: right;
}
#admissionsTab .right-align {
  text-align: right;
}
#admissionsTab .center-align {
  text-align: center;
}
#admissionsTab div.Applications h3 {
  padding-left: 0px;
}
#admissionsTab div.Applications ul.tabs-left {
  float: left;
}
#admissionsTab div.Applications ul.tabs-left > li {
  white-space: nowrap;
}
#admissionsTab div.Applications tbody.tab-content > tr.tab-pane {
  display: table-row;
  visibility: collapse;
}
#admissionsTab div.Applications tbody.tab-content > tr.tab-pane.active {
  display: table-row;
  visibility: visible;
}
#admissionsTab div.Applications table.PgmCondContainer > tbody > tr > td:nth-child(1) {
  width: 67%;
}
#admissionsTab div.Applications table.PgmCondContainer > tbody > tr > td:nth-child(2) {
  padding-left: 70px;
}
#admissionsTab div.Applications div.Programs .table {
  width: unset;
}
#admissionsTab div.Applications div.Conditions .table {
  width: unset;
}
#admissionsTab div.CourseContainers {
  padding-top: 20px;
}
#admissionsTab div.Tests {
  padding-top: 20px;
}
.noteNumberInput {
  width: fit-content;
  height: 30px;
  padding: 2px;
  border-spacing: 2px;
}
.progTable .program_status_code,
.progTable .admit_term_id,
.progTable .completion_term_id {
  width: 70px;
}
.progTable .requirement_term_id,
.progTable .expected_grad_term_id {
  width: 80px;
}
.progTable .term {
  width: 20px;
}
.prog-tooltip {
  width: 100px;
}
.plan-tooltip {
  width: 300px;
}
.plan-tooltip td:first-child {
  text-align: right;
  padding-right: 5px;
  width: 90px;
}
#priorityNotesBanner {
  background-color: #FFD966;
  font-size: 1.2em;
  clear: both;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  display: none;
}
#degAudit {
  margin-top: 5px;
}
#degAudit #what-if {
  min-height: 10rem;
  padding-top: 2rem;
}
#degAudit #what-if .item-list .searchInput {
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: 10rem;
}
#degAudit #what-if .item-list td:nth-child(1) {
  width: 20rem;
}
#degAudit #what-if .item-list td:nth-child(2) {
  width: 9rem;
}
#degAudit #what-if .item-list td:nth-child(3) {
  width: 9rem;
}
#degAudit #what-if .item-list td:nth-child(4) {
  width: 40rem;
}
#degAudit #what-if .item-list .delete-button {
  color: darkred;
}
#degAudit #what-if .plan-container table {
  margin-bottom: 2rem;
}
#degAudit #what-if .btn {
  margin-top: 2rem;
  margin-right: 2rem;
}
#degAudit #what-if #auditBtn {
  margin-left: 30rem;
}
#degAudit #what-if .prog-plan {
  display: grid;
  grid-template-columns: [label] 10rem [controls] auto;
  grid-template-rows: [prog] auto [plans] auto;
  column-gap: 1rem;
  row-gap: 2rem;
}
#degAudit #what-if .pp-label {
  text-align: right;
  margin-right: 1rem;
}
#degAudit #what-if .prog-container {
  display: flex;
  flex-direction: column;
}
#degAudit #what-if .prog-container #progReqTerm {
  width: 7rem;
  position: relative;
  top: -0.5rem;
}
#degAudit #what-if .prog-container .prog-info {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
#degAudit #what-if .autocomplete-plangroup {
  width: 275px;
}
#degAudit #degAuditPane {
  display: flex;
  flex-direction: row;
  gap: 3rem;
}
#degAudit #degAuditPane .tree {
  flex-basis: 66%;
}
#degAudit #degAuditPane .transcript {
  flex-basis: 34%;
}
#degAudit #degAuditPane .help {
  margin-left: 3rem;
}
/*
This file is generated from "less" code in oat-degreeAudit3/_solver/resources/less/degreeAudit.less
 */
#degAuditPane .auditTree {
  /*
     * Overall colours for different requirement statuses.
     */
  /*
     * Set up list groups
     */
  /*
     * Stuff for the beginning of every list item to make room for symbols, etc.
     */
}
#degAuditPane .auditTree .Satisfied {
  color: green;
}
#degAuditPane .auditTree .Unsatisfied {
  color: darkred;
}
#degAuditPane .auditTree .PartiallySatisfied {
  color: darkgoldenrod;
}
#degAuditPane .auditTree .InProgress {
  color: blue;
}
#degAuditPane .auditTree .Undecided {
  color: gray;
}
#degAuditPane .auditTree .Unused {
  color: gray;
}
#degAuditPane .auditTree > ul > li:first-child::before {
  border: transparent;
}
#degAuditPane .auditTree ul {
  line-height: 1.7rem;
  padding-left: calc(2rem / 2);
}
#degAuditPane .auditTree ul li {
  display: block;
  position: relative;
  border-left: 2px solid #ddd;
  padding-left: 1.2rem;
}
#degAuditPane .auditTree ul li > div {
  display: flex;
}
#degAuditPane .auditTree ul li div.bullet {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  padding: 0.3rem;
  z-index: 1;
}
#degAuditPane .auditTree ul li div.topline {
  display: inline-block;
  flex-basis: 1000px;
  flex-shrink: 10;
  flex-grow: 10;
  margin-bottom: 0.6rem;
  margin-left: 5px;
}
#degAuditPane .auditTree ul li div.topline span {
  margin-left: 0.3rem;
}
#degAuditPane .auditTree ul li div.annot-debug {
  display: inline-block;
  flex-basis: 20rem;
  flex-shrink: 0;
  flex-grow: 1;
  text-align: right;
}
#degAuditPane .auditTree ul li div.annot-debug span.metrics {
  display: inline-block;
  width: 12rem;
}
#degAuditPane .auditTree ul li div.annot {
  display: inline-block;
  flex-basis: 3.5rem;
  flex-shrink: 0;
  flex-grow: 1;
  text-align: right;
}
#degAuditPane .auditTree ul li.static > div > div.bullet {
  background-image: url("../images/da-icon-s.svg");
}
#degAuditPane .auditTree ul li.compact:not(.static) > div > div.bullet {
  background-image: url("../images/da-icon-c.svg");
}
#degAuditPane .auditTree ul li.full:not(.static) > div > div.bullet {
  background-image: url("../images/da-icon-f.svg");
}
#degAuditPane .auditTree ul li::before {
  content: '';
  display: block;
  position: absolute;
  top: calc(-1.7rem + 2rem / 2 - 0.5rem);
  left: -2px;
  width: 1.2rem;
  height: calc(1.7rem + 0.5rem);
  border: solid #ddd;
  border-width: 0 0 2px 2px;
}
#degAuditPane .auditTree ul li.compact.lastCompact,
#degAuditPane .auditTree ul li:last-child {
  border-color: transparent;
}
#degAuditPane .auditTree ul li.continuation.full {
  display: none;
}
#degAuditPane .auditTree li.compact.oswf,
#degAuditPane .auditTree li.compact > div > div .Unused,
#degAuditPane .auditTree li.compact > div > div .oswf {
  display: none;
}
#degAuditPane .auditTree .bullet {
  color: white;
  text-align: center;
}
#degAuditPane .auditTree li.Satisfied > div .bullet {
  background-color: green;
}
#degAuditPane .auditTree li.PartiallySatisfied > div .bullet {
  background-color: darkgoldenrod;
  font-size: larger;
}
#degAuditPane .auditTree li.Unsatisfied > div .bullet {
  background-color: darkred;
}
#degAuditPane .auditTree li.InProgress > div .bullet {
  background-color: blue;
}
#degAuditPane .auditTree li.Undecided > div .bullet {
  background-color: gray;
}
#degAuditPane .transcript .subcat {
  max-width: 11rem;
  text-indent: -2rem;
  padding-left: 2rem;
}
#degAuditPane .transcript th {
  padding: 2px;
}
#degAuditPane .transcript .Fail {
  color: red;
}
#degAuditPane .transcript .Pass {
  color: green;
}
#degAuditPane .transcript .Unproductive {
  color: darkgoldenrod;
}
#degAuditPane .transcript tr:nth-child(even) {
  background: #f0f0f0;
}
#degAuditPane .transcript .aka {
  font-size: 9pt;
}
#QueryListView {
  overflow-x: hidden;
}
#recipientTab > .queryList {
  padding-left: 0px;
}
.queryList {
  padding: 0 30px;
  margin-top: 20px;
}
.queryList .popover {
  max-width: 500px;
}
.queryList .popover .popover-content {
  word-wrap: break-word;
  max-height: 510px;
  overflow-y: hidden;
}
.queryList .query-list-column {
  display: flex;
  flex-direction: column;
}
.queryList .query-list-column .add-query {
  float: right;
}
.queryList .query-list-column .new-star {
  color: #FFCE31;
  font-size: large;
}
.queryList .query-list-column .updated-refresh-icon {
  color: yellowgreen;
  font-size: large;
}
.queryList .query-list-column .qry-perms-icon {
  color: #337ab7;
  font-size: large;
}
.queryList .query-list-column .fav-heart {
  color: mediumvioletred;
  margin-right: 5px;
  font-size: larger;
}
.queryList .query-list-column .inactive .btn-link {
  color: grey;
}
.queryList .query-table tr.odd {
  background: #f9f9f9;
}
.queryList .query-table td {
  padding: 4px 8px 3px;
}
.queryList .query-table td:nth-child(2),
.queryList .query-table th:nth-child(2) {
  text-align: center;
  width: 70px;
}
.queryList .query-table td:nth-child(3),
.queryList .query-table th:nth-child(3) {
  text-align: center;
  width: 60px;
}
.queryList .query-table td:last-child,
.queryList .query-table th:last-child {
  text-align: right;
}
.queryList .query-table td.align-center {
  width: 100px;
  text-align: center;
}
.queryList .query-table .edit-btn {
  float: right;
}
.queryList .query-table.can-edit .inactive .btn-link {
  opacity: 0.8;
}
.query-run-view {
  margin: 0 35px 0 50px;
}
.query-run-view i.back-button {
  position: absolute;
  margin-left: -36px;
  top: 14px;
  font-size: 28px;
}
.query-run-view .collapse-btn {
  margin-left: 20px;
  width: 14px;
  cursor: pointer;
}
.query-run-view .collapse-btn:hover {
  color: #337ab7;
}
.query-run-view .collapse-btn.fa-caret-right {
  margin-left: 22px;
  width: 12px;
}
.query-run-view #queryPrepareView,
.query-run-view #queryResultView {
  margin-top: 16px;
}
.query-run-view #queryPrepareView .controls,
.query-run-view #queryResultView .controls {
  margin-top: 35px;
  display: flex;
  align-items: center;
  height: 40px;
}
.query-run-view #queryPrepareView .controls .btn,
.query-run-view #queryResultView .controls .btn {
  margin-right: 20px;
}
.query-run-view #queryPrepareView .controls .returnBtn,
.query-run-view #queryResultView .controls .returnBtn {
  margin-left: 40px;
}
.query-run-view #queryPrepareView .controls .editBtn,
.query-run-view #queryResultView .controls .editBtn {
  margin-left: 40px;
}
.query-run-view #queryPrepareView .controls .downloadWarning,
.query-run-view #queryResultView .controls .downloadWarning {
  width: 460px;
  display: inline-block;
  margin-bottom: 0px;
}
.query-run-view #queryPrepareView .has-error,
.query-run-view #queryResultView .has-error {
  border: 1px solid darkred;
}
/**
 * The page to fill parameters and such prior to running the query.
 */
#queryPrepareView .errorMessage,
#queryPrepareView #executionError {
  color: red;
}
/*
 * CSS for the page that shows query results
 */
#queryResultView .paramName {
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}
#queryResultView .paramValue {
  width: 100%;
  padding-left: 10px;
}
#queryResultView table {
  margin-top: 10px;
  width: inherit;
}
#queryResultView .btn {
  margin-right: 10px;
}
#queryResultView .right {
  text-align: right;
}
#queryResultView #paramsTable {
  margin-top: 20px;
  width: 300px;
  display: inline-table;
  float: left;
}
#queryResultView .description-container {
  margin-top: 20px;
  margin-left: 25px;
  display: flex;
}
#queryResultView .description-container.collapsed .description {
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(#000, #FFF);
  -webkit-background-clip: text;
  background-clip: text;
  max-height: 90px;
}
#queryResultView #queryResultTable .num {
  text-align: right;
  padding-left: 5px;
  padding-right: 5px;
}
.planGroups #planGroupRootInput {
  width: 250px;
}
.qryUsage #runsTbl td:first-child {
  min-width: 100px;
}
.qryUsage #runsTbl td:nth-child(2) {
  text-align: right;
  min-width: 75px;
}
.datadict-table {
  /**
   * Some <textarea> and <input> appear as a normal text container,
   * and should only show its border when focused by user.
   */
}
.datadict-table i.back-button {
  position: absolute;
  margin-left: -35px;
  top: 21px;
  font-size: 23px;
}
@media (min-width: 1400px) {
  .datadict-table .container {
    width: 1370px;
  }
}
.datadict-table input::-ms-input-placeholder,
.datadict-table input::-webkit-input-placeholder {
  font-style: italic;
}
.datadict-table .form-control {
  font-size: inherit;
}
div.datadict-table .form-control {
  height: auto;
  white-space: pre-line;
}
.datadict-table th {
  font-size: 1.1em;
  font-weight: 500;
}
.datadict-table .table td,
.datadict-table .table th {
  padding: 0.75rem 0.5rem;
}
.datadict-table .table > tbody + tbody {
  border-top-width: 1px;
}
.datadict-table .table > thead > tr > th {
  border-bottom-width: 1px;
}
.datadict-table .meta-info {
  line-height: 1.3em;
  margin-top: 25px;
  margin-bottom: 25px;
}
.datadict-table .meta-info > div {
  display: flex;
  padding: 5px 0;
}
.datadict-table .meta-info label {
  width: 15%;
  min-width: 155px;
  text-align: right;
  padding-right: 5px;
  margin-right: 10px;
  font-weight: normal;
}
.datadict-table .meta-info div.form-control {
  flex-grow: 1;
  font-size: inherit;
  margin-left: -4px;
  margin-top: -7px;
  width: 85%;
}
.datadict-table .meta-info span.value {
  margin-top: 1px;
}
.datadict-table .meta-info button.update-record {
  margin-left: 10px;
}
.datadict-table tbody.field-view > tr > td {
  border: none;
}
.datadict-table .field .nulls,
.datadict-table thead .nulls {
  text-align: right;
}
.datadict-table .field .num-uniques,
.datadict-table thead .num-uniques {
  text-align: right;
}
.datadict-table .field th.samples {
  text-align: center;
}
.datadict-table .field > td {
  vertical-align: middle;
}
.datadict-table .field .name {
  width: 19%;
}
.datadict-table .field .data-type {
  width: 29%;
}
.datadict-table .field .nulls {
  width: 13%;
}
.datadict-table .field .num-uniques {
  width: 13%;
}
.datadict-table .field .action {
  width: 11%;
  text-align: center;
}
.datadict-table .field .max-sample-size {
  text-align: right;
  width: 15%;
  padding-right: 0;
}
.datadict-table .field .max-sample-size input {
  padding: 0.3rem 0.1rem;
  padding-left: 0;
}
.datadict-table .field td.name {
  font-size: 1.7rem;
}
.datadict-table .field td.name.pk {
  font-weight: 500;
  color: darkred;
}
.datadict-table .field .nulls em {
  color: #464a4c;
}
.datadict-table .has-success .no-border {
  border-bottom-color: #3c763d !important;
}
.datadict-table .has-danger .no-border {
  border-bottom-color: #a94442 !important;
}
.datadict-table .form-control.no-border {
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
  box-shadow: none;
  padding: 0px 4px 2px 4px;
}
.datadict-table .form-control.no-border:not(:hover):not(:focus) {
  border-bottom-color: transparent;
}
.datadict-table .description .field-description {
  font-size: inherit;
  line-height: inherit;
  margin-left: -4px;
  height: auto;
}
.datadict-table .description .field-description:empty:after {
  color: #999;
  content: "No description";
  font-style: italic;
}
.datadict-table .description .btn.show-more {
  display: none;
}
.datadict-table .description.collapsed textarea {
  height: 200px !important;
}
.datadict-table .description.collapsed .btn.show-more {
  display: block;
  margin: -38px auto 0;
  opacity: 0;
  transition: 0.2s;
}
.datadict-table .description.collapsed:hover .btn.show-more {
  opacity: 1;
}
.datadict-table .collapsed .field-description,
.datadict-table .collapsed .samples {
  height: 100px;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(#000, #FFF);
  -webkit-background-clip: text;
  background-clip: text;
}
.datadict-table .collapsed .samples {
  height: 120px;
}
.datadict-table tr.samples-list {
  font-size: 15px;
}
.datadict-table tr.samples-list td {
  border: none;
  padding: 0.17rem;
}
.datadict-table tr.samples-list > td {
  padding: 0;
  padding-bottom: 0.8rem;
}
.datadict-table tr.samples-list .svGroup {
  margin-left: 55px;
  width: 100%;
}
.datadict-table tr.samples-list .sv-val {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 24%;
}
.datadict-table tr.samples-list .sv-occ {
  color: #2f6f9f;
  padding-right: 5px;
  text-align: right;
  width: 14%;
}
.datadict-table tr.samples-list .sv-descr {
  width: 62%;
}
.datadict-table tr.samples-list .sv-descr > div {
  height: auto;
}
.datadict-table tr.samples-list .sv-descr > div:empty:after {
  color: #999;
  content: "No description";
  font-style: italic;
}
@media (max-width: 1400px) {
  .datadict-table tr.samples-list .sv-val {
    width: 35%;
  }
  .datadict-table tr.samples-list .sv-occ {
    width: 7%;
  }
  .datadict-table tr.samples-list .sv-descr {
    width: 58%;
  }
}
.permissions .node,
.planGroups .node {
  cursor: pointer;
}
.permissions .node circle,
.planGroups .node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}
.permissions .node text,
.planGroups .node text {
  font: 12px Arial, sans-serif;
}
.permissions .link,
.planGroups .link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}
/*
 * List available permissions in a table.
 * https://localhost:9443/admin/permissions
 * See wapp/controllers/AdminCtrl#permissions
 */
.permissionsList .marginLeft {
  margin-left: 10px;
}
.permissionsList .infoPara {
  width: 500px;
  margin-top: 10px;
}
.message-view h1 {
  margin-bottom: 25px;
}
.message-view .status-message {
  color: #777;
  margin-left: 30px;
  font-size: 19px;
  font-weight: normal;
}
.message-view .form-group {
  margin: 7px 0;
}
.message-view .form-group label {
  margin-right: 10px;
  text-align: right;
}
.message-view .editor-container {
  margin-top: 20px;
}
.message-view .actions {
  margin-top: 20px;
}
.message-view .actions .btn {
  margin-right: 10px;
}
.message-view .mce-panel,
.message-view .mce-btn {
  background: #F7F7F7;
}
.maintain-users-list #maintUsersTbl #checkAllVisibleUsers {
  margin-left: 5px;
}
.maintain-users-list #maintUsersTbl > tr > th:nth-child(1) {
  width: 80px;
}
.maintain-users-list #maintUsersTbl > tr > th:nth-child(2) {
  width: 250px;
}
.maintain-users-list #maintUsersTbl > tr > th:nth-child(4) {
  width: 85px;
}
.maintain-users-list #maintUsersTbl > tr > th:nth-child(5) {
  width: 85px;
}
.maintain-users-list #maintUsersTbl > tr > th:nth-child(6) {
  width: 30px;
}
.maintain-users-list #maintUsersTbl tr.odd {
  background: #f9f9f9;
}
.maintain-users-list #maintUsersTbl div.popover-content > table.transposed > tbody > tr {
  font-size: small;
}
.maintain-users-list #maintUsersTbl div.popover-content > table.transposed > tbody > tr td {
  padding-left: 3px;
}
.maintain-users-list #maintUsersTbl div.popover-content > table.transposed > tbody > tr th {
  font-weight: normal;
  text-align: right;
}
.maintain-users-list #nextReview {
  margin-bottom: 20px;
}
#nextReview {
  float: right;
}
#nextReview button {
  margin-right: 5px;
}
#nextReview p {
  color: red;
}
.cacheTable {
  padding-top: 18px;
  padding-left: 10px;
}
.cacheTable .cacheEntry {
  padding-top: 5px;
}
.cacheTable .cacheEject {
  float: left;
}
.cacheTable .cacheRefresh {
  float: left;
  padding-right: 5px;
}
.cacheTable .cacheKey {
  width: 30%;
  float: left;
  padding-left: 10px;
}
.cacheTable .collapsible {
  float: left;
  width: 60%;
  display: flex;
  flex-direction: row;
}
.About {
  width: 700px;
}
.About .indent {
  padding-left: 30px;
}
.About .oatImgVert {
  float: left;
  height: 80px;
  margin-right: 20px;
}
.About .OAT_descr {
  margin-left: 80px;
  margin-top: 20px;
  font-size: large;
  width: 50%;
}
.About .peopleList {
  margin-left: 7px;
}
.MaintainOneUser .addButton {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
.MaintainOneUser .leftColumn {
  float: left;
  width: 400px;
}
.MaintainOneUser .leftColumn a {
  margin-left: 10px;
}
.MaintainOneUser .leftColumn .userInformation td {
  padding: 5px;
}
.MaintainOneUser .leftColumn #authGroupContainer {
  margin-bottom: 20px;
}
.MaintainOneUser .rightColumn {
  margin-left: 30px;
  float: left;
  width: 400px;
}
.MaintainOneUser .permissionCheckboxes input {
  float: left;
  margin-right: 5px;
}
.MaintainOneUser .permissionCheckboxes label {
  display: block;
  font-weight: 500;
}
.MaintainOneUser #notes {
  width: 100%;
  height: 100px;
}
.MaintainOneUser #review_due_date {
  line-height: 20px;
}
.MaintainOneUser .controls {
  margin-top: 40px;
}
.MaintainOneUser .controls a.btn.btn-danger.deleteAdvisor {
  float: right;
}
.MaintainOneUser .disabled {
  color: lightgrey;
}
.MaintainOneUser .indent1 {
  margin-left: 20px;
}
.MaintainOneUser .indent2 {
  margin-left: 40px;
}
.MaintainOneUser .indent3 {
  margin-left: 60px;
}
.MaintainOneUser .indent4 {
  margin-left: 80px;
}
.MaintainOneUser .indent5 {
  margin-left: 100px;
}
.MaintainOneUser .indent6 {
  margin-left: 120px;
}
.MaintainOneUser .indent7 {
  margin-left: 140px;
}
.MaintainOneUser .indent8 {
  margin-left: 160px;
}
.MaintainOneUser .indent9 {
  margin-left: 180px;
}
.MaintainOneUser .indent10 {
  margin-left: 200px;
}
.noWrap {
  white-space: nowrap;
}
.noBold {
  font-weight: normal;
}
.disabledColour {
  color: lightgray;
}
input[type="checkbox"],
input[type="radio"],
.fa-caret-right,
.fa-caret-down {
  margin-right: 5px;
}
#csrf_token {
  visibility: hidden;
}
.withSearchIcon {
  margin-right: -28px;
}
.searchIcon {
  margin-right: 20px;
}
/*
 * Div containing course schedules.
 */
@media screen {
  div.courseSchedules {
    /* A div that encloses the canvas object.  Used to obtain the size that the
     * canvas should be.
     */
  }
  div.courseSchedules .schCanvas {
    width: 100%;
    height: 1300px;
  }
  div.courseSchedules .msg {
    border: red 1px dotted;
    color: #af0000;
    display: none;
  }
  div.courseSchedules #schHelp {
    margin-top: 8px;
    font-size: 12pt;
  }
  div.courseSchedules #schHelp .warning {
    color: darkred;
  }
  div.courseSchedules #schHelp p {
    margin-top: 8px;
  }
  div.courseSchedules .searchTermTable td {
    vertical-align: middle;
  }
  div.courseSchedules .preSchTitle {
    font-size: 16pt;
    font-weight: bold;
    padding-right: 30px;
    padding-bottom: 0px;
  }
  div.courseSchedules .tab-pane input {
    margin-right: 10px;
  }
  div.courseSchedules .tab-content {
    overflow: hidden;
  }
  div.courseSchedules table .instrEmail {
    min-width: 10em;
    display: inline-block;
  }
}
@media print {
  #schHelp {
    display: none;
  }
  .nav-tabs {
    display: none;
  }
  button {
    display: none;
  }
  h1 {
    margin-top: 0px;
  }
  .schCanvas {
    width: 100%;
    height: 280mm;
  }
  @page {
    /* Ignored in Safari?    */
    size: letter;
    margin: 30pt;
  }
}
.photo-class-list .photo {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 240px;
}
.photo-class-list .photo p {
  margin-bottom: 2px;
}
.photo-class-list input {
  margin-right: 10px;
}
.photo-class-list .error {
  border: 1px solid red;
}
@media print {
  .photo-class-list h1 {
    display: None;
  }
  .photo-class-list .controls {
    display: None;
  }
  .photo-class-list .photo {
    break-inside: avoid;
  }
  @page {
    margin: 0.5in;
  }
  .photo-class-list a[href]:after {
    content: none !important;
  }
}
.bmail-create,
.template-list,
.bmail-edit,
.sent-bmail-list,
.in-prog-bmail-list {
  margin: 0 25px;
}
.bmail-create table.bmail-table tr.odd,
.template-list table.bmail-table tr.odd,
.bmail-edit table.bmail-table tr.odd,
.sent-bmail-list table.bmail-table tr.odd,
.in-prog-bmail-list table.bmail-table tr.odd {
  background: #f9f9f9;
}
.bmail-create label,
.template-list label,
.bmail-edit label,
.sent-bmail-list label,
.in-prog-bmail-list label {
  font-weight: normal;
}
.bmail-create #recipientSourceTable,
.template-list #recipientSourceTable,
.bmail-edit #recipientSourceTable,
.sent-bmail-list #recipientSourceTable,
.in-prog-bmail-list #recipientSourceTable {
  table-layout: fixed;
}
.bmail-create #recipientSourceTable tr:nth-child(odd),
.template-list #recipientSourceTable tr:nth-child(odd),
.bmail-edit #recipientSourceTable tr:nth-child(odd),
.sent-bmail-list #recipientSourceTable tr:nth-child(odd),
.in-prog-bmail-list #recipientSourceTable tr:nth-child(odd) {
  background: #f9f9f9;
}
.bmail-create #recipientSourceTable th:first-child,
.template-list #recipientSourceTable th:first-child,
.bmail-edit #recipientSourceTable th:first-child,
.sent-bmail-list #recipientSourceTable th:first-child,
.in-prog-bmail-list #recipientSourceTable th:first-child {
  width: 40%;
}
.bmail-create #recipientSourceTable .collapsible-content,
.template-list #recipientSourceTable .collapsible-content,
.bmail-edit #recipientSourceTable .collapsible-content,
.sent-bmail-list #recipientSourceTable .collapsible-content,
.in-prog-bmail-list #recipientSourceTable .collapsible-content {
  max-height: 50px;
}
.bmail-create .hideOthersBlasts,
.template-list .hideOthersBlasts,
.bmail-edit .hideOthersBlasts,
.sent-bmail-list .hideOthersBlasts,
.in-prog-bmail-list .hideOthersBlasts {
  display: none !important;
}
.bmail-create .popover,
.template-list .popover,
.bmail-edit .popover,
.sent-bmail-list .popover,
.in-prog-bmail-list .popover {
  max-width: 500px;
}
.bmail-create .popover hr,
.template-list .popover hr,
.bmail-edit .popover hr,
.sent-bmail-list .popover hr,
.in-prog-bmail-list .popover hr {
  margin: 10px 0;
}
.bmail-create .popover .email-subject:empty:after,
.template-list .popover .email-subject:empty:after,
.bmail-edit .popover .email-subject:empty:after,
.sent-bmail-list .popover .email-subject:empty:after,
.in-prog-bmail-list .popover .email-subject:empty:after {
  content: "No email subject.";
  font-style: italic;
}
.bmail-create .popover .email-body:empty:after,
.template-list .popover .email-body:empty:after,
.bmail-edit .popover .email-body:empty:after,
.sent-bmail-list .popover .email-body:empty:after,
.in-prog-bmail-list .popover .email-body:empty:after {
  font-style: italic;
}
.bmail-create .popover .email-descr:empty:after,
.template-list .popover .email-descr:empty:after,
.bmail-edit .popover .email-descr:empty:after,
.sent-bmail-list .popover .email-descr:empty:after,
.in-prog-bmail-list .popover .email-descr:empty:after {
  content: "No description.";
  font-style: italic;
}
.bmail-create .popover .popover-content,
.template-list .popover .popover-content,
.bmail-edit .popover .popover-content,
.sent-bmail-list .popover .popover-content,
.in-prog-bmail-list .popover .popover-content {
  word-wrap: break-word;
  max-height: 510px;
  overflow-y: hidden;
}
.bmail-create .toggle-descriptions,
.template-list .toggle-descriptions,
.bmail-edit .toggle-descriptions,
.sent-bmail-list .toggle-descriptions,
.in-prog-bmail-list .toggle-descriptions {
  font-weight: bold;
  float: right;
  margin-bottom: 0px;
  margin-top: 5px;
}
.bmail-create .stickyTopWrapper,
.template-list .stickyTopWrapper,
.bmail-edit .stickyTopWrapper,
.sent-bmail-list .stickyTopWrapper,
.in-prog-bmail-list .stickyTopWrapper {
  height: 90px;
}
.bmail-create .stickyTopWrapper .stickyTop,
.template-list .stickyTopWrapper .stickyTop,
.bmail-edit .stickyTopWrapper .stickyTop,
.sent-bmail-list .stickyTopWrapper .stickyTop,
.in-prog-bmail-list .stickyTopWrapper .stickyTop {
  position: fixed;
  background: white;
  width: 95%;
  z-index: 1;
  top: 30px;
}
.bmail-create .filter-column .filter-container button,
.template-list .filter-column .filter-container button,
.bmail-edit .filter-column .filter-container button,
.sent-bmail-list .filter-column .filter-container button,
.in-prog-bmail-list .filter-column .filter-container button {
  min-width: 172px;
}
.template-list .add-template-btn {
  float: right;
}
.template-list .template-table .name {
  width: 30%;
}
.template-list .template-table .author,
.template-list .template-table .saved,
.template-list .template-table .sent,
.template-list .template-table .based-on,
.template-list .template-table .delete {
  display: none;
}
#bmailHome #homeTable {
  font-size: 18px;
}
#bmailHome #homeTable td {
  padding: 5px;
}
#bmailHome #homeTable td:first-child {
  width: 200px;
  text-align: right;
}
.bmail-create {
  margin: 0 20px;
}
.bmail-create .btn-link {
  padding: 0;
}
.bmail-create .toggle-show-everyone {
  margin-top: 10px;
}
.bmail-create h2 {
  font-size: 17px;
}
.bmail-create .filter-column button.clear-filter {
  padding: 4px 8px;
}
.bmail-create .templates-table {
  table-layout: fixed;
}
.bmail-create .templates-table .name {
  width: 80%;
}
.bmail-create .templates-table .author,
.bmail-create .templates-table .saved,
.bmail-create .templates-table .sent,
.bmail-create .templates-table .based-on {
  display: none;
}
.bmail-create .sent-email-table {
  table-layout: fixed;
}
.bmail-create .sent-email-table .name {
  width: 80%;
}
.bmail-create .sent-email-table .author,
.bmail-create .sent-email-table .sent {
  width: 90px;
}
.bmail-create .sent-email-table .saved,
.bmail-create .sent-email-table .based-on {
  display: none;
}
.bmail-create .preview-blast-table td:first-child {
  width: 140px;
  font-weight: bold;
  text-align: right;
}
.bmail-create .preview-blast-table td {
  padding: 5px;
}
.template-list .template-table {
  table-layout: fixed;
}
.template-list .template-table .name {
  width: 30%;
}
.in-prog-bmail-list .in-prog-email-table {
  table-layout: fixed;
}
.in-prog-bmail-list .in-prog-email-table .name {
  width: 80%;
}
.in-prog-bmail-list .in-prog-email-table .author,
.in-prog-bmail-list .in-prog-email-table .saved {
  width: 90px;
}
.in-prog-bmail-list .in-prog-email-table .sent,
.in-prog-bmail-list .in-prog-email-table .based-on {
  display: none;
}
.sent-bmail-list .sent-email-table {
  table-layout: fixed;
}
.sent-bmail-list .sent-email-table .name {
  width: 80%;
}
.sent-bmail-list .sent-email-table .saved {
  display: none;
}
.sent-bmail-list .sent-email-table .author {
  width: 90px;
}
.sent-bmail-list .sent-email-table .sent {
  width: 90px;
}
.sent-bmail-list .sent-email-table .based-on {
  width: 72px;
  text-align: right;
}
.sent-bmail-list .sent-email-table p:only-child {
  margin-bottom: unset;
}
.bmail-edit label {
  margin-right: 7px;
}
.bmail-edit #overlay {
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  bottom: 0;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2);
  height: 500px;
  left: 0;
  margin: auto;
  outline: 0;
  padding: 25px;
  position: fixed;
  right: 0;
  top: 0;
  width: 625px;
  z-index: 1060;
}
.bmail-edit #deleteEmailBtn {
  margin-top: 16px;
  float: right;
}
.bmail-edit #tagListHeader {
  font-size: 18px;
}
.bmail-edit .noBorder {
  border: none;
  resize: none;
}
.bmail-edit #outputLogToASIS:not(:checked) ~ .custom-origin {
  display: none;
}
.bmail-edit .custom-origin {
  display: inline-block;
}
.bmail-edit .custom-origin #custom-origin-span {
  color: #337ab7;
  margin-left: 13px;
  cursor: pointer;
}
.bmail-edit .custom-origin #custom-origin-span:hover {
  text-decoration: underline;
}
.bmail-edit .custom-origin input {
  width: 240px;
  margin-top: -7px;
  margin-bottom: -11px;
}
.bmail-edit #saveBtn {
  margin-left: 20px;
}
.bmail-edit #bmailEditTitle {
  display: inline-block;
}
.bmail-edit #statusMessage {
  color: gray;
  margin-left: 20px;
}
.bmail-edit #statusMessage.error {
  color: red;
}
.bmail-edit #sendMessage,
.bmail-edit #paramErrorMessage {
  color: red;
  margin-top: 10px;
}
.bmail-edit #executionError {
  color: red;
}
.bmail-edit .alignTable {
  margin-bottom: 20px;
}
.bmail-edit .alignTable > tr > td:first-child {
  text-align: right;
  width: 160px;
  font-weight: bold;
  vertical-align: middle;
}
.bmail-edit .alignTable > tr > td {
  padding: 5px;
}
.bmail-edit .alignTable #queryParamsInfo {
  width: 1px;
}
.bmail-edit .alignTable #queryParamsInfo > tr > td:first-child {
  text-align: right;
}
.bmail-edit .alignTable #queryParamsInfo > tr > td {
  padding-right: 3px;
}
.bmail-edit .tab-pane {
  margin-left: 10px;
  margin-top: 20px;
}
.bmail-edit #settingsTab #settingsTable #notifyList {
  width: 75%;
}
.bmail-edit #settingsTab #settingsTable #notifyList tr {
  height: 20px;
}
.bmail-edit #settingsTab #settingsTable #notifyList tr .delete-button {
  color: #d9534f;
  cursor: pointer;
  float: right;
}
.bmail-edit #editEmailTab #emailHdrs {
  display: flex;
}
.bmail-edit #editEmailTab #editEmailTable {
  width: 60%;
}
.bmail-edit #editEmailTab #editEmailTable td:first-child {
  width: 100px;
}
.bmail-edit #editEmailTab #emailBodyContainer {
  margin-left: 17px;
  width: 98%;
}
.bmail-edit #editEmailTab #subject {
  width: 554px;
}
.bmail-edit #editEmailTab label[disabled] {
  color: grey;
}
.bmail-edit #recipientTab #recipientSourceView {
  margin-top: -20px;
}
.bmail-edit #recipientTab #recipientParameters {
  margin-bottom: 15px;
}
.bmail-edit #recipientTab #listRecipientsBtn {
  margin-right: 36px;
}
.bmail-edit #recipientTab #changeParametersBtn {
  float: right;
}
.bmail-edit #recipientTab #recipientListTable th:first-child {
  width: 30px;
}
.bmail-edit #previewTab .leftColumn {
  width: 25%;
}
.bmail-edit #previewTab .rightColumn {
  width: 75%;
}
.bmail-edit #previewTab #previewHeader {
  font-weight: bold;
}
.bmail-edit #previewTab #previewRecipientList {
  width: 100%;
  font-size: 16px;
  height: 600px;
  overflow-y: scroll;
  list-style-type: none;
  padding: 0px;
}
.bmail-edit #previewTab #previewRecipientList .selected,
.bmail-edit #previewTab #previewRecipientList .selected:hover {
  background: #337ab7;
  color: #fff;
}
.bmail-edit #previewTab #previewRecipientList li:hover {
  background: #f5f5f5;
}
.bmail-edit #previewTab #previewRecipientList li {
  border-radius: 3px;
  cursor: pointer;
  padding: 5px 10px;
}
.bmail-edit #previewTab #previewRecipientList .moreInfo {
  padding-left: 25px;
  font-size: 13px;
  display: none;
}
.bmail-edit #previewTab #previewRecipientList .showMoreInfo {
  display: block;
}
.bmail-edit #previewTab #previewArea {
  overflow: auto;
  height: 600px;
}
.bmail-edit #previewTab #previewArea .preview-email {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  padding: 1.25rem;
  margin: 10px 0;
}
.bmail-edit #previewTab #previewArea .preview-email p:last-of-type {
  margin-bottom: 0;
}
.bmail-edit #sendTab .alignTable > tr > td:first-child {
  white-space: nowrap;
}
.bmail-edit #sendTab .testEmailAddresses {
  width: 500px;
}
.bmail-edit #sendTab .testEmailAddresses tr {
  height: 20px;
}
.bmail-edit #sendTab .testEmailAddresses tr .delete-button {
  color: #d9534f;
  cursor: pointer;
  float: right;
}
.bmail-edit #sendTab button {
  width: 140px;
  margin-right: 20px;
}
body.queue-status {
  min-width: initial;
}
.queue-maintenance #queueTable {
  table-layout: fixed;
}
.queue-maintenance #queueTable th:first-child {
  width: 20%;
}
.queue-maintenance #queueTable th:nth-child(3) {
  width: 15%;
}
.queue-maintenance #queueTable th:nth-child(4),
.queue-maintenance #queueTable th:nth-child(5) {
  width: 45px;
}
.queue-maintenance #queueTable td:nth-child(4),
.queue-maintenance #queueTable td:nth-child(5) {
  text-align: center;
}
.queue-maintenance #addQueueBtn {
  float: right;
}
.queue-add-edit .table > tbody + tbody {
  border-top-width: 1px;
}
.queue-add-edit .kalendae {
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  font-family: inherit;
  font-size: 14px;
}
.queue-add-edit .kalendae .k-calendar,
.queue-add-edit .kalendae .k-title,
.queue-add-edit .kalendae .k-header,
.queue-add-edit .kalendae .k-days {
  width: 253px;
}
.queue-add-edit .kalendae .k-title {
  height: 25px;
}
.queue-add-edit .kalendae .k-caption {
  font-size: 15px;
}
.queue-add-edit .kalendae .k-header span,
.queue-add-edit .kalendae .k-days span {
  height: 1.85em;
  margin: 2px 3px 3px 3px;
  padding: 5px 3px;
  text-align: center;
  width: 30px;
}
.queue-add-edit .kalendae .k-days span.k-selected.k-active,
.queue-add-edit .kalendae .k-header.k-active span.k-selected {
  background: #08c;
  border: 1px solid #08c;
}
.queue-add-edit .action-buttons {
  margin-top: 20px;
}
.queue-add-edit .action-buttons .btn {
  margin-right: 20px;
}
.queue-add-edit .action-buttons .btn-danger {
  float: right;
}
.queue-add-edit i.back-button {
  position: absolute;
  margin-left: -35px;
  top: 21px;
  font-size: 23px;
}
.queue-add-edit .item-list {
  margin-bottom: 5px;
}
.queue-add-edit .item-list tr {
  line-height: 1.8em;
}
.queue-add-edit .item-list tr .delete-button {
  color: #d9534f;
  cursor: pointer;
  float: right;
}
.queue-add-edit .availability-picker > h3 {
  margin-top: 0;
}
.queue-add-edit .reason-preview {
  margin-bottom: 5px;
}
.queue-add-edit .reason-preview .reason {
  line-height: 1.8em;
}
@media (min-width: 1192px) {
  .queue-add-edit .modal-lg {
    width: 1100px;
  }
}
@media (min-width: 1292px) {
  .queue-add-edit .modal-lg {
    width: 1200px;
  }
}
.queue-add-edit .entry input.name,
.queue-add-edit .entry input.duration {
  padding-bottom: 23px;
  height: 3.86em;
}
.queue-add-edit .removable.entry :invalid,
.queue-add-edit .addable.entry:not(.no-validation) :invalid {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.queue-add-edit .removable.entry :invalid:focus,
.queue-add-edit .addable.entry:not(.no-validation) :invalid:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
/********************************************
 * Virtual Queue Status and Monitor Pages
 ********************************************/
.vqs-container {
  padding-right: 10px;
  padding-left: 10px;
}
.vqs-container .vqs-content {
  display: flex;
  flex-direction: column;
}
.vqs-container .vqs-content .subheading {
  font-size: 14pt;
}
.vqs-container .vqs-content .OATimg {
  width: 70px;
  float: right;
}
.vqs-container #vqs-name {
  text-align: center;
  font-weight: 500;
  font-size: 18pt;
}
.vqs-container #vqs-row2 {
  display: flex;
  flex-direction: row;
}
.vqs-container #vqs-advisors {
  display: flex;
  margin-bottom: 15px;
}
.vqs-container #vqs-advisors .advisor-header {
  font-size: 14pt;
}
.vqs-container #vqs-advisors .no-adv-avail {
  text-align: center;
  height: 150px;
}
.vqs-container #vqs-advisors #nowServing {
  vertical-align: middle;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.vqs-container #vqs-advisors #nowServing .nowServingBox {
  text-align: center;
  width: 110px;
  margin-right: 3px;
  color: white;
  display: inline-block;
  position: relative;
}
.vqs-container #vqs-advisors #nowServing .nowServingBox .panel-body {
  padding: 5px;
}
.vqs-container #vqs-advisors #nowServing .nowServingBox .panel-footer {
  color: #406b3b;
  padding: 6px 15px;
}
.vqs-container #vqs-advisors #nowServing .nowServingBox .advisor-img {
  border-radius: 2px;
  width: 90px;
}
.vqs-container #vqs-advisors #nowServing .nowServingBox span.avatar:before {
  font-size: 15px;
}
.vqs-container #vqs-advisors #nowServing .nowServingBox:last-of-type {
  margin-right: 0;
}
.vqs-container #vqs-advisors #nowServing .nowServingBox .textBelowIcon {
  color: black;
  top: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vqs-container #vqs-chooser {
  margin-bottom: 15px;
}
.vqs-container #vqs-chooser select {
  width: fit-content;
}
.vqs-container table.line-info td:first-child {
  text-align: right;
  width: 50px;
  padding-right: 5px;
}
.vqs-container #vqs-lineup .emptyLine {
  font-size: 12pt;
  margin: 5px;
}
.vqs-container #vqs-lineup > div {
  margin-right: 20px;
}
.vqs-container #vqs-lineup .waitingListLabel {
  font-size: 14pt;
  text-align: center;
}
.vqs-container #vqs-lineup .person {
  padding: 5px;
  text-align: center;
  font-size: 18px;
  border: solid 1px;
  border-radius: 4px;
  margin: 4px;
}
.vqs-container #vqs-lineup .ticket-number {
  margin-left: 4px;
  min-width: 4em;
}
.vqs-container #vqs-lineup .user {
  color: #337ab7;
  border-color: #337ab7;
  border-width: 3px;
}
.vqs-container #vqs-request-ticket label {
  font-weight: normal;
}
.vqs-container #vqs-request-ticket ul.reasons {
  padding-left: 10px;
}
.vqs-container #vqs-request-ticket input[type="radio"],
.vqs-container #vqs-request-ticket input[type="checkbox"] {
  margin-right: 5px;
}
.vqs-container #vqs-request-ticket #requestTicketBtn {
  margin-right: 20px;
}
.vqs-container #vqs-request-ticket .rsnMsg {
  margin-left: 20px;
}
.vqs-container #vqs-have-ticket table td:first-child {
  text-align: right;
  padding-right: 5px;
  width: 65px;
}
.vqs-container #vqs-have-ticket .msg {
  margin-top: 10px;
  font-size: 12pt;
}
.vqs-container #vqs-have-ticket div {
  margin-top: 10px;
}
.vqs-container #vqs-have-ticket button {
  width: 100px;
  margin-bottom: 10px;
}
.vqs-container #vqs-have-ticket button:first-child {
  margin-right: 20px;
}
.vqs-container #vqs-login {
  font-size: 16pt;
}
.vqs-container #vqs-login .btn {
  width: 100%;
}
.vqs-container #vqs-msgs {
  max-width: 500px;
}
.vqs-container #vqs-monitor .location,
.vqs-container #vqs-monitor .officeHour,
.vqs-container #vqs-monitor .status {
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 3700px) {
  body {
    transform: scale(3);
    transform-origin: top left;
  }
  .vqs-container {
    width: 600px;
    margin-left: 300px;
  }
}
@media (max-width: 375px) {
  .vqs-container #vqs-advisors .advisor-header {
    font-size: 12pt;
  }
  .vqs-container .vqs-content {
    font-size: 10pt;
  }
  .vqs-container .vqs-content #vqs-name {
    font-size: 13pt;
  }
  .vqs-container .vqs-content .subheading {
    font-size: 12pt;
  }
  .vqs-container #vqs-lineup .ticket-number {
    font-size: 12pt;
  }
  .vqs-container #vqs-advisors #nowServing {
    font-size: 15px;
  }
  .vqs-container #vqs-advisors #nowServing .nowServingBox {
    margin-right: 10px;
    width: 80px;
    height: 125px;
  }
  .vqs-container #vqs-advisors #nowServing .nowServingBox .advisor-img {
    width: 70px;
  }
}
@media (max-width: 700px) {
  .queue-status #queueStatusTable #nowServing {
    font-size: 15px;
  }
  .queue-status #queueStatusTable #nowServing .nowServingBox {
    margin-right: 10px;
    width: 100px;
  }
  .queue-status #queueStatusTable #nowServing .nowServingBox .advisor-img {
    width: 80px;
  }
}
@media (max-width: 600px) {
  .queue-status #queueStatusTable #nowServing .nowServingBox {
    width: 90px;
  }
  .queue-status #queueStatusTable #nowServing .nowServingBox .advisor-img {
    width: 68px;
  }
  #waitActionButtonContainer .btn {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
}
@media (max-width: 600px) {
  .queue-status #queueActionContainer #getInLineWidget #lineSelect,
  .queue-status #queueActionContainer #getInLineWidget #purposeOptions {
    margin-left: 0;
  }
  .queue-status #queueActionContainer #waitActionButtonContainer button,
  .queue-status #queueActionContainer #getInLineActionButtonContainer button {
    margin-right: 9px;
  }
}
/**
 * iOS Hairline Border
 */
@media (-webkit-min-device-pixel-ratio: 2) {
  .panel,
  .panel-footer {
    border-width: 0.5px;
  }
}
.queue-service .startServingLink {
  cursor: pointer;
}
.queue-service .vq-stats-table td,
.queue-service .vq-stats-table th {
  padding: 5px;
}
.queue-service .vq-stats-table td:first-child {
  font-weight: bold;
  text-align: right;
  width: 150px;
}
.queue-service .vq-stats-table button {
  margin-right: 10px;
}
.queue-service .vq-stats-table #next-btn {
  margin-left: 50px;
}
.queue-service .vq-stats-table .now-serving {
  width: 75%;
}
.queue-service .vq-stats-table .now-serving table {
  width: 75%;
}
.queue-service .vq-stats-table .now-serving td {
  padding-top: 0px;
  padding-bottom: 0px;
}
.queue-service .vq-stats-table .now-serving td:first-child {
  font-weight: normal;
  width: 50px;
}
.queue-service .vq-stats-table .now-serving td:nth-child(2) {
  text-align: left;
}
.queue-service .vq-stats-table .waiting-list-table {
  border-spacing: 5px 1rem;
  width: 800px;
}
.queue-service .vq-stats-table .waiting-list-table th,
.queue-service .vq-stats-table .waiting-list-table td {
  margin-right: 5px;
  width: 10%;
}
.queue-service .vq-stats-table .waiting-list-table td:first-child {
  font-weight: normal;
  text-align: center;
}
.queue-service .vq-stats-table .waiting-list-table .reason-code {
  width: 25%;
  max-width: 300px;
}
.queue-service .vq-stats-table .waiting-list-table .full-name {
  width: 25%;
}
.queue-service .vq-stats-table .waiting-list-table .online-only {
  text-align: center;
}
.queue-service tr.servable-line td {
  padding-right: 8px;
}
.queue-service tr.servable-line .duration {
  width: 135px;
}
.queue-service tr.servable-line .student-count {
  width: 75px;
  text-align: center;
}
.queue-service tr.servable-line .advisor-count {
  width: 75px;
  text-align: center;
}
.queue-service tr.servable-line .queue-link {
  width: 150px;
}
.lineinfo td,
.lineinfo th {
  text-align: left;
  margin-right: 10px;
  vertical-align: bottom;
}
.lineinfo .line-date {
  width: 30%;
}
.lineinfo .line-status {
  width: 35%;
}
.queryParametersWidget td {
  padding-top: 5px;
  vertical-align: middle;
}
.queryParametersWidget td textarea {
  width: 90%;
  height: 100%;
  margin-right: 20px;
}
.queryParametersWidget td:nth-child(2) {
  width: 150px;
}
.queryParametersWidget td:nth-child(3) {
  width: 10px;
}
.queryParametersWidget .help {
  margin-left: 5px;
  width: 10px;
}
.queryParametersWidget .popover {
  max-width: 500px;
}
.queryParametersWidget .popover .popover-content {
  word-wrap: break-word;
  overflow-y: hidden;
}
.queryParametersWidget .popover .course-help td:first-child {
  width: 30%;
  vertical-align: top;
}
.queryParametersWidget .autocomplete-plangroup {
  width: 275px;
}
.queryParametersWidget .paramName {
  text-align: right;
  padding-right: 5px;
  width: 150px;
}
.queryParametersWidget #errorList {
  margin-left: 150px;
}
.queryParametersWidget .error {
  border: 1px red solid;
}
.queryParametersWidget .examples {
  padding-left: 5px;
}
.queryParametersWidget .term-range input {
  width: 75px;
}
.top-banner {
  background-color: #f2dede;
  border-color: #ebccd1;
  border-radius: 3px;
  color: #a94442;
  display: block;
  font-size: 14px;
  margin: 10px 20px 15px;
  padding: 15px 20px;
}
.top-banner p:last-child {
  margin-bottom: 0;
}
.popover {
  font-family: inherit;
}
.collapsible {
  display: flex;
  flex-direction: row;
}
.collapsible .more,
.collapsible .less {
  margin-left: 3px;
  width: 14px;
  cursor: pointer;
}
.collapsible .more:hover,
.collapsible .less:hover {
  color: #337ab7;
}
.collapsible .more.fa-caret-right,
.collapsible .less.fa-caret-right {
  margin-left: 5px;
  width: 12px;
}
.collapsible .more {
  display: none;
}
.collapsible.collapsed .less {
  display: none;
}
.collapsible.collapsed .more {
  display: inline-block;
}
.collapsible.collapsed .collapsible-content {
  max-height: 100px;
  overflow: hidden;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(#000, #000, #000, #EEE);
  -webkit-background-clip: text;
  background-clip: text;
  white-space: nowrap;
}
.jsEmailAddress {
  display: inline;
}
.jsEmailAddress input {
  display: inline;
  margin-right: 5px;
}
.jsEmailAddress input:nth-child(1) {
  width: 200px;
}
.jsEmailAddress input:nth-child(2) {
  width: 250px;
}
.mce-panel {
  border-radius: 2px;
}
.mce-container .mce-toolbar-grp .mce-btn {
  border-radius: 1px;
}
.mce-container .mce-text,
.mce-container .mce-txt {
  font-family: BlinkMacSystemFont, tinymce, "Helvetica Neue", sans-serif;
}
.mce-container .mce-menubtn.mce-fixed-width[aria-label="Font Family"] span {
  width: 124px;
}
.mce-container .mce-menubtn.mce-fixed-width[aria-label="Font Sizes"] span {
  width: 37px;
}
.mce-container.mce-menu {
  box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.1);
}
.filter-column button.clear-filter i.fa {
  font-size: 17px;
}
.filter-column button .fa {
  width: 1em;
}
.filter-column .filter-container .filter-checkbox {
  display: flex;
}
.filter-column .filter-container .filter-checkbox * {
  align-self: baseline;
}
.filter-column .filter-container .filter-checkbox input[type=checkbox] {
  margin: 0 0.5em 0 0;
  width: 1em;
  height: 1em;
  min-width: 1em;
  flex-grow: 0;
  flex-shrink: 0;
}
.filter-column .filter-container .filter-checkbox label {
  font-weight: normal;
}
.filter-column .filter-container button {
  text-align: left;
  padding: 1px 9px;
  margin-right: 5px;
  margin-bottom: 3px;
  min-width: 150px;
  width: 47%;
}
@media (max-width: 1084px) {
  .filter-column .filter-container button {
    width: 95%;
  }
}
.filter-column .filter-container button:focus {
  outline: none;
}
.filter-column .filter-container button.btn-info {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.filter-column .filter-container div.filter-group-container + div.filter-checkbox {
  margin-top: 20px;
}
.filter-column h3 {
  margin-top: 10px;
}
.filter-column .filter-group > p {
  font-size: 15px;
  text-align: left;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 7px;
}
.filter-column .search-container {
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 95%;
}
.filter-column .search-container .search-box {
  height: 30px;
  border-radius: 15px;
  display: inline-block;
}
.filter-column .search-container .search-box:focus {
  border: 2px solid #337ab7;
  padding: 6px 11px;
}
.filter-column .search-container .search-icon {
  margin-left: -28px;
}
/*
 *  This code is for all the forms-related stuff OTHER than the actual form page.
 */
.forms #adminListTbl {
  width: unset;
}
.forms #adminListTbl th,
.forms #adminListTbl td {
  padding: 5px;
}
.forms #adminListTbl .count-column {
  width: 90px;
}
.forms .listStdFormsTbl {
  width: unset;
}
.forms .listStdFormsTbl .name {
  width: 600px;
}
.forms .listStdFormsTbl .startAccepting,
.forms .listStdFormsTbl .stopAccepting {
  width: 125px;
}
.forms .listStdFormsTbl .state,
.forms .listStdFormsTbl .edit {
  width: 125px;
}
.forms .availableFormsTbl .disabledColor {
  color: darkgrey;
}
.forms #adminSubmittedFormsOverview td {
  max-width: 500px;
  word-wrap: break-word;
}
.forms #adminSubmittedFormsOverview .arr p {
  margin-bottom: 1px;
}
.forms #adminSubmittedFormsOverview a.disabled {
  color: darkgrey;
  cursor: not-allowed;
  text-decoration: none;
}
.forms #updaterContainer {
  align-self: flex-end;
}
.forms #updaterContainer #updater {
  text-align: left;
  min-width: 500px;
  width: min-content;
  min-height: 170px;
  padding: 10px;
  border: 1px solid gray;
}
.forms #updaterContainer #updater .selectorDiv {
  position: relative;
  top: -20px;
}
.forms #updaterContainer #updater .selectorDiv span {
  background-color: white;
}
.forms #updaterContainer #updater button {
  float: right;
  margin-left: 10px;
  position: relative;
}
.forms #updaterContainer #updater legend {
  font-size: 14pt;
  margin-bottom: 10px;
}
.forms #updaterContainer #updater textarea {
  width: 100%;
}
.forms #updaterContainer #updater:after {
  content: '';
  display: block;
  clear: both;
}
.forms table#adminSubmittedFormsOverview .grades {
  width: 100px;
  max-height: 140px;
  overflow-x: scroll;
}
.forms table#adminSubmittedFormsOverview .bigText {
  max-width: 300px;
  max-height: 140px;
  overflow-x: scroll;
}
.forms table#adminSubmittedFormsOverview .updateRank {
  width: 60px;
}
.formsMaintenance p.page_title {
  margin-bottom: 20px;
}
.formsMaintenance .editAcceptingDates {
  width: auto;
  margin-bottom: 20px;
}
.formsMaintenance .editAcceptingDates td {
  padding-right: 10px;
}
.formsMaintenance .controls .btn {
  margin-right: 10px;
}
.formsMaintenance .informSubmissionsMsgs {
  margin: 25px 15px;
  width: max-content;
}
.formsMaintenance .informSubmissionsMsgs th + th,
.formsMaintenance .informSubmissionsMsgs td + td {
  padding-left: 10px;
}
.formsMaintenance .informSubmissionsMsgs .noteBody {
  width: 300px;
  height: 100px;
}
.formsMaintenance .formStats {
  margin-top: 20px;
}
.formsMaintenance .formStats table {
  width: fit-content;
  margin-bottom: 20px;
}
.formsMaintenance .formStats td {
  text-align: right;
  padding-right: 10px;
}
.FormsSubmittedView {
  display: flex;
  flex-direction: column;
}
.FormsSubmittedView #submittedFormsFilteredTbl {
  min-width: 1000px;
  display: flex;
}
.FormsSubmittedView #submittedFormsFilteredTbl #subTblContainer {
  width: 100%;
}
.FormsSubmittedView #submittedFormsFilteredTbl #subTblContainer table td {
  padding-top: 7px;
  padding-bottom: 7px;
}
.FormsSubmittedView #submittedFormsFilteredTbl #subFilterControlContainer {
  padding-top: 20px;
  width: 200px;
}
.FormsSubmittedView #submittedFormsFilteredTbl #subFilterControlContainer .filter-container button {
  width: 95%;
}
/**
  * Display the student notes in a table.
 */
#notesDiv {
  width: 100%;
  clear: both;
}
#notesDiv td {
  padding-top: 5px;
}
#notesDiv .noteRowHighlight {
  background-color: #f5f5f5;
}
#notesDiv .priority {
  background-color: #FFD966;
}
#notesDiv .priorityLabel {
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
}
#notesDiv .noteExpose {
  width: 30px;
}
#notesDiv .noteWhen {
  width: 140px;
  padding-right: 10px;
}
#notesDiv .noteOrigin {
  width: 120px;
}
#notesDiv .noteCategory {
  width: 100px;
}
#notesDiv .notePrivate {
  width: 30px;
  padding-left: 5px;
}
#notesDiv .noteEdit {
  width: 40px;
  padding-left: 5px;
}
@media print {
  #notesDiv .noteEdit {
    display: none;
  }
}
#notesDiv .noteBody {
  white-space: pre-line;
}
#notesDiv .noteBodyRow {
  display: none;
}
#notesDiv .popover {
  max-width: max-content;
}
#notesDiv .popover table {
  margin-bottom: 0;
  table-layout: auto;
}
#notesDiv .popover div.popover-content > table.transposed > tbody > tr {
  font-size: small;
}
#notesDiv .popover div.popover-content > table.transposed > tbody > tr td {
  padding: 0 0 0 5px;
}
#notesDiv .popover div.popover-content > table.transposed > tbody > tr th {
  font-weight: normal;
  text-align: right;
}
.noteOrigin_tooltip {
  font-weight: normal;
}
.noteOrigin_tooltip td:first-child {
  text-align: right;
  vertical-align: top;
}
.noteOrigin_tooltip td:nth-child(2) {
  padding-left: 5px;
}
/**
 * The full, tinyMCE editor for ASIS student notes
 * #simpleNoteEditor is similiar for the one without tinyMCE.
 * .noteEditor is contained by both and should contain the common stuff.
 */
#fullNoteEditor {
  max-width: 900px;
}
#fullNoteEditor .noteSubject {
  font-size: 14pt;
  width: 95%;
}
#fullNoteEditor .noteButtons {
  width: 50%;
}
/**
 * The full, tinyMCE editor for ASIS student notes
 * #fullNoteEditor is similiar for the one with tinyMCE.
 * .noteEditor is contained by both and should contain the common stuff.
 */
#simpleNoteEditor .noteSubject {
  width: 90%;
}
#simpleNoteEditor .noteButtons {
  width: 200px;
}
/**
 * Stuff that's common to both ASIS student note editors
 */
.stdNoteEditor .noteSubject,
.stdNoteEditor #noteEditChars {
  margin-top: 0.5em;
}
.stdNoteEditor .ckboxGrp {
  display: flex;
  flex-direction: column;
  float: right;
  margin-top: 10px;
}
.stdNoteEditor .ckboxGrp .emailOptions {
  display: flex;
  flex-direction: row;
}
.stdNoteEditor .ckboxGrp .ckbox {
  margin-left: 30px;
}
.stdNoteEditor .noteSubject {
  margin-bottom: 5px;
  display: inline-block;
}
.stdNoteEditor .noteEntryChars {
  float: right;
  padding-top: 15px;
}
.stdNoteEditor .noteButtons {
  display: inline-block;
}
.stdNoteEditor .noteButtons button {
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  min-width: 85px;
}
.stdNoteEditor .noteButtons #deleteNote {
  float: right;
  margin-right: 20px;
}