@font-face {
  font-family: 'SecondaryFont';
  src: url("../fonts/rsu_text_regular-webfont.eot");
  src: url("../fonts/rsu_text_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/rsu_text_regular-webfont.woff2") format("woff2"), url("../fonts/rsu_text_regular-webfont.woff") format("woff"), url("../fonts/rsu_text_regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'PrimeFont';
  src: url("../fonts/rsu_regular-webfont.eot");
  src: url("../fonts/rsu_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/rsu_regular-webfont.woff2") format("woff2"), url("../fonts/rsu_regular-webfont.woff") format("woff"), url("../fonts/rsu_regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: 'SecondaryFont', Helvetica, Arial;
  font-size: 0.9em; }

h1,
h2,
h3,
h4,
h5,
h6,
nav {
  font-family: 'PrimeFont', Helvetica, Arial; }

nav {
  margin-bottom: 40px; }
  nav a:not(.dd) {
    padding: 0px 8px !important; }
    nav a:not(.dd):hover {
      color: white;
      text-decoration: none; }

.nav-menu-dropdown {
  width: 120px !important;
  top: auto !important; }
  .nav-menu-dropdown a {
    font-family: 'SecondaryFont', Helvetica, Arial; }

#settingDropdown {
  width: 160px !important; }

#mobile-nav li > a {
  font-size: 1.25em; }

.clear {
  clear: both; }

#del {
  font-size: 1.3em;
  position: absolute;
  top: 5px;
  right: 20px; }

.bottom-space {
  margin-bottom: 2em; }

.tableHeader {
  margin-top: 30px; }

.autocomplete-suggestions {
  border: 0px solid #999;
  box-shadow: 0px 2px 5px #BBB;
  background: #FFF;
  overflow: auto; }

.autocomplete-suggestion {
  padding: 10px 10px;
  border-bottom: 1px solid #BBB;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete-selected {
  background: #F0F0F0; }

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399FF; }

.autocomplete-group {
  padding: 2px 5px; }

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000; }

.suggestBox, .suggestBoxLarge {
  margin-right: 10px;
  margin-bottom: 10px;
  height: 42px;
  padding-right: 10px;
  padding-left: 10px; }

.suggestBox .suggestBox-delete, .suggestBoxLarge .suggestBox-delete {
  font-size: 1.3em;
  position: absolute;
  top: 5px;
  right: 20px; }

.suggestBoxLarge {
  width: 200px; }

.leftMargin {
  margin-left: 10px; }

.picker {
  font-family: helvetica, sans-serif, arial; }

.middleText {
  line-height: 45px; }

#timepicker {
  text-align: center; }

.highlightRow {
  background-color: #FAFAFA; }

.bold {
  font-weight: bold; }

.greenFont {
  color: #2ECC71; }

.yellowFont {
  color: #F7CA18; }

.redFont {
  color: #F22613; }

.blueFont {
  color: #228ee0; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  text-indent: 0.01px;
  text-overflow: ''; }

.caret {
  line-height: 15px; }

#cancelAppt {
  position: absolute;
  top: 0; }

.full {
  width: 100%; }

.dayComponent .dayComponent-remove {
  padding-left: 10px;
  padding-right: 10px; }

.checkBox {
  top: 15px; }

.indexCheckBox {
  top: 4px; }

.fullWidth {
  position: absolute;
  width: 95%;
  left: 2.5%;
  top: initial;
  padding-top: 50px; }

#queryTable_wrapper {
  margin-bottom: 100px; }

.nopad {
  padding: 0px !important; }

.topSpace {
  margin-top: 1.8em; }

.tab > a {
  transition: all 0.5s ease;
  background-color: white; }

.tab > .active {
  background-color: #7ab8f0;
  color: white !important; }

.timetable {
  position: absolute;
  width: 90%;
  left: 5%;
  margin-bottom: 100px;
  font-size: 1.2em; }

.msg {
  font-size: 1.2em; }

/* ==========================================================================
 * Default settings
 * ========================================================================== */
/* ==========================================================================
 * Mixins
 * ========================================================================== */
/* ==========================================================================
 * Timetable
 * ========================================================================== */
.timetable {
  box-sizing: border-box; }
  .timetable::after {
    clear: both;
    content: "";
    display: table; }
  .timetable *, .timetable *:before, .timetable *:after {
    box-sizing: inherit; }
  .timetable ul, .timetable li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .timetable aside, .timetable section {
    float: left; }
  .timetable aside {
    width: 14%;
    padding: 0 !important;
    margin-top: 60px;
    border-right: 5px solid transparent; }
    .timetable aside li {
      padding: 0 15px;
      background-color: #EFEFEF;
      line-height: 60px; }
      .timetable aside li:not(:last-of-type) {
        border-bottom: 1px solid white; }
    .timetable aside .row-heading {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal; }
  .timetable ul {
    list-style-type: none;
    margin: 0; }
  .timetable aside li, .timetable time li {
    height: 60px; }
  .timetable section {
    width: 86%;
    padding: 0 !important;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .timetable section time {
      white-space: nowrap;
      display: inline-block; }
    .timetable section header {
      height: 60px;
      transform-style: preserve-3d;
      font-size: 0; }
      .timetable section header::after {
        clear: both;
        content: "";
        display: table; }
      .timetable section header li {
        display: inline-block;
        font-size: 1rem;
        overflow: visible;
        width: 0;
        line-height: 60px;
        display: inline-block;
        position: relative; }
        .timetable section header li:not(:last-of-type) {
          width: 80px; }
        .timetable section header li .time-label {
          display: block;
          position: absolute;
          left: 0; }
        .timetable section header li:not(:first-of-type) .time-label {
          transform: translateX(-50%); }
        .timetable section header li:last-of-type .time-label {
          transform: translateX(-100%); }
  @media only screen and (max-width: 960px) {
    .timetable aside {
      width: 40%; }
    .timetable section {
      width: 60%; } }
  .timetable ul.room-timeline {
    border-left: none;
    position: relative;
    overflow: hidden; }
    .timetable ul.room-timeline:after, .timetable ul.room-timeline:before {
      content: "";
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
    .timetable ul.room-timeline:before {
      background-image: linear-gradient(to right, #E5E5E5 1px, transparent 1px);
      background-size: 20px auto; }
    .timetable ul.room-timeline:after {
      background-image: linear-gradient(to right, #E5E5E5, #E5E5E5 1px, #F4F4F4 1px, #F4F4F4 2px, #E5E5E5 2px, #E5E5E5 3px, transparent 3px, transparent);
      background-size: 80px auto;
      background-position: -2px 0; }
    .timetable ul.room-timeline li {
      position: relative;
      background-color: #F4F4F4; }
      .timetable ul.room-timeline li:nth-of-type(odd) {
        background-color: #FDFDFD; }
      .timetable ul.room-timeline li:first-of-type {
        border-top: 1px solid #E5E5E5; }
      .timetable ul.room-timeline li:last-of-type {
        border-bottom: 1px solid #E5E5E5; }
  .timetable .time-entry {
    background-color: #fb8c00;
    transition: 200ms background-color;
    height: 59px;
    display: block;
    position: absolute;
    z-index: 2;
    padding: 0 10px;
    white-space: normal;
    overflow: hidden;
    color: white;
    border: 1px solid #af6100;
    transform-style: preserve-3d; }
    .timetable .time-entry small {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      display: block; }
    .timetable .time-entry:hover {
      background-color: #c87000; }

.singleAppt {
  background-color: #ffc400 !important;
  border-color: #e6b000 !important;
  color: black !important; }
  .singleAppt:hover {
    background-color: #e6b000 !important; }

.shortAppt {
  background-color: #FFFF00 !important;
  border-color: #FFFF00 !important;
  color: black !important; }
  .shortAppt:hover {
    background-color: #FFFF00 !important; }

.recurrentAppt {
  background-color: #aeea00 !important;
  border-color: #9bd100 !important;
  color: black !important; }
  .recurrentAppt:hover {
    background-color: #9bd100 !important; }

.nav-menu-spacer {
  pointer-events: none; }
  .nav-menu-spacer:before {
    content: "";
    padding-left: 30px;
    min-height: 1px; }

.input-field > label {
  pointer-events: none; }

#queryTable td, #queryTable th {
  font-size: 1.14em;
  padding-top: 7px;
  padding-bottom: 7px; }

.dataTables_filter + table {
  clear: both; }

#queryTable_length .select-wrapper {
  display: inline-block;
  width: 70px; }
  #queryTable_length .select-wrapper span.caret {
    top: 16px !important; }
  #queryTable_length .select-wrapper input {
    text-align: center; }

/*# sourceMappingURL=style.css.map */
