@import url(https://cdn.quilljs.com/1.3.6/quill.snow.css);
@import url(https://unpkg.com/tabulator-tables@6.0.1/dist/css/tabulator.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/quill/1.3.6/quill.snow.css);
@import url(https://unpkg.com/tabulator-tables@4.2.7/dist/css/tabulator.min.css);
.ui-grid {
  display: grid;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.ui-grid-sidebar {
  display: grid;
  position: relative;
  grid-template-columns: auto 10fr;
  grid-template-rows: auto 100%;
  height: calc(100vh - 42px);
  grid-template-areas: "header header" "sidebar main";
  background-image: linear-gradient(to right bottom, #dcdcdc, #e2e2e2, #e9e9e9, #efefef, #f6f6f6, #f9f9f9, #fcfcfc, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);
}

.ui-grid-sidebar.courses {
  background-image: linear-gradient(to right bottom, #d3ffec, #d8fff7, #e1fffe, #ecfeff, #f7fdff, #fafdff, #fdfeff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);
}

.ui-grid-sidebar.enrollments {
  background-image: linear-gradient(to right bottom, #b0fffc, #c2feff, #d4fdff, #e6fcff, #f6fcff, #fafdff, #fdfeff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);
}

.ui-grid-sidebar.visits {
  background-image: linear-gradient(to right bottom, #d5ffc9, #cfffe0, #d3fff2, #e0fffc, #f1feff, #f7feff, #fcfeff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);
}

.ui-grid-sidebar.students {
  background-image: linear-gradient(to right bottom, #b0ffbe, #ccfdc0, #e2fbc7, #f1fad2, #fbfae1, #fffae9, #fffbf1, #fffdfa, #fffdfc, #fffefe, #fffeff, #ffffff);
}

.ui-grid-sidebar.calendar {
  background-image: linear-gradient(to right bottom, #ffeacf, #ffeadd, #ffedec, #fff2f8, #fff8fe, #fefbff, #fefdff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);
}

.ui-grid-sidebar.messaging {
  background-image: linear-gradient(to right bottom, #e7ecff, #ecefff, #f1f3ff, #f6f6ff, #fafaff, #fcfcff, #fdfdff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);
}

.ui-grid-sidebar.left {
  grid-template-columns: minmax(330px, 10%) 10fr;
  grid-template-areas: "sidebar header" "sidebar main";
}

.ui-grid-sidebar.left.closed {
  grid-template-columns: 60px 10fr;
}

.ui-grid-sidebar.right {
  grid-template-columns: 10fr minmax(330px, 10%);
  grid-template-areas: "header sidebar" "main sidebar";
}

.ui-grid-sidebar.right.closed {
  grid-template-columns: 10fr 60px;
}

.ui-item {
  background-color: #F3F3F3;
}

.ui-header {
  grid-area: header;
  padding: 15px;
  background-color: transparent;
}

.ui-sidebar {
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100vh;
  grid-area: sidebar;
  padding: 15px;
  background-image: linear-gradient(to right bottom, #3b3b3b, #393939, #373737, #363636, #343434, #333335, #313236, #2f3137, #29313a, #20323d, #13333d, #00343b);
}

.ui-sidebar::-webkit-scrollbar {
  width: 10px;
}

.ui-sidebar::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.ui-sidebar::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  opacity: 0.2;
  display: none;
}

.ui-sidebar::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: none;
  border-radius: 5px;
}

.ui-main {
  grid-area: main;
  padding: 15px;
  height: auto;
}

.ui-main .bread-crumbs {
  display: block;
  font-size: 0.9em;
  margin-bottom: 20px;
}

.ui-main .bread-crumbs i {
  font-size: 0.7em;
}

.ui-main .bread-crumbs .breadcrumb {
  display: inline;
  margin: 0px 5px;
  color: #8B8B8B;
  cursor: pointer;
}

.ui-main .bread-crumbs .breadcrumb:hover {
  color: #27C5E8;
}

.col {
  padding: 15px;
}

.col-full-width {
  grid-column-start: 1;
  grid-column: full;
}

.ui-grid-top {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "header-top" "navigation-top" "main-top";
  grid-row-gap: 0px;
  grid-column-gap: 10px;
}

.ui-grid-top .ui-header {
  grid-area: header-top;
  padding: 15px;
  background-color: transparent;
}

.ui-grid-top .ui-header.cover-img {
  grid-area: header-top;
  padding: 0px;
}

.ui-grid-top .ui-header .logo-container {
  display: block;
  position: absolute;
  top: 50px;
  left: 20%;
  z-index: 3000;
}

.ui-grid-top .ui-header .header-img {
  height: 20vh;
  overflow: hidden;
  background-image: url(/img/2001_bg.jpg);
  background-size: cover;
  background-position: center center;
}

.ui-grid-top .ui-navigation {
  display: grid;
  position: relative;
  grid-area: navigation-top;
  margin-left: 20%;
  margin-right: 20%;
  background-color: transparent;
  color: #393939;
}

.ui-grid-top .ui-navigation.center {
  justify-content: center;
}

.ui-grid-top .ui-navigation .navbar-content-open {
  width: auto;
}

.ui-grid-top .ui-navigation ul.navbar-nav {
  display: inline-grid;
  padding: 0;
  margin: 0;
  background-color: #fff;
}

.ui-grid-top .ui-navigation ul.subnav {
  display: block;
  position: absolute;
  top: calc(1em + 45px);
  background-color: #fff;
  z-index: 6000;
}

.ui-grid-top .ui-navigation ul.navbar-nav li.nav-item,
.ui-grid-top .ui-navigation ul.subnav li.nav-item {
  color: #393939;
  border-bottom: 0px;
  padding: 15px;
  cursor: pointer;
}

.ui-grid-top .ui-navigation ul.navbar-nav li.nav-item:hover,
.ui-grid-top .ui-navigation ul.subnav li.nav-item:hover {
  color: #fff;
  background-color: #393939;
}

.ui-grid-top .ui-navigation ul.navbar-nav li.nav-item a.nav-link:link,
.ui-grid-top .ui-navigation ul.subnav li.nav-item a.nav-link:link,
.ui-grid-top .ui-navigation ul.navbar-nav li.nav-item a.nav-link:visited,
.ui-grid-top .ui-navigation ul.subnav li.nav-item a.nav-link:visited {
  color: #393939;
}

.ui-grid-top .ui-navigation ul.navbar-nav li.nav-item:hover a.nav-link:link,
.ui-grid-top .ui-navigation ul.subnav li.nav-item:hover a.nav-link:link,
.ui-grid-top .ui-navigation ul.navbar-nav li.nav-item:hover a.nav-link:visited,
.ui-grid-top .ui-navigation ul.subnav li.nav-item:hover a.nav-link:visited {
  color: #fff;
}

.ui-grid-top .ui-main {
  grid-area: main-top;
  padding: 15px;
  margin-left: 20%;
  margin-right: 20%;
  background-color: transparent;
}

.ui-grid-top .ui-main.faded {
  filter: blur(5px) saturate(0);
}

.columns-generic {
  display: grid;
  grid-auto-columns: auto;
  row-gap: 10px;
  column-gap: 10px;
  grid-template-columns: 1fr;
}

.columns-1 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(1, 1fr);
}

.columns-2 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}

.columns-3 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}

.columns-4 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}

.columns-5 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(5, 1fr);
}

.columns-6 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(6, 1fr);
}

.columns-7 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(7, 1fr);
}

.columns-8 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(8, 1fr);
}

.columns-9 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(9, 1fr);
}

.columns-10 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(10, 1fr);
}

.columns-11 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(11, 1fr);
}

.columns-12 {
  display: grid;
  grid-auto-columns: auto;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-columns: repeat(12, 1fr);
}

[class*=columns-2].r1-2 {
  grid-template-columns: 1fr 2fr;
}

[class*=columns-2].r75-225 {
  grid-template-columns: 0.75fr 2.25fr;
}

[class*=columns-2].r05-25 {
  grid-template-columns: 0.5fr 2.5fr;
}

[class*=columns-].r2-1 {
  grid-template-columns: 2fr 1fr;
}

[class*=columns-].r1-2-1 {
  grid-template-columns: 1fr 2fr 1fr;
}

body {
  font-family: titillium-web, sans-serif;
  overflow: overlay;
  font-size: 0.9em;
  margin: 0px;
}

body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

body::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  opacity: 0.2;
  display: none;
}

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: none;
  border-radius: 5px;
}

.apps-overview {
  margin-left: 20px;
  padding-top: 30px;
}

.apps-overview .app-search {
  margin-bottom: 20px;
}

.apps-overview .app-tile {
  margin: 10px 10px 10px 0px;
}

.apps-overview a.app-tile-link:link,
.apps-overview a.app-tile-link:visited {
  display: inline-block;
  text-align: center;
  width: 33%;
  width: -webkit-calc(33% );
  width: -moz-calc(33% );
  padding: 15px;
  background-color: #efefef;
  color: #393939;
  margin-bottom: 5px;
}

.apps-overview a.app-tile-link:hover {
  color: #fff;
  background: #31201C;
  text-decoration: none;
}

.app-container {
  margin-top: 30px;
  margin-left: 15px;
}

a:link, a:visited {
  color: #48a9c5;
}

.text-xs {
  font-size: 0.6em;
}

.text-s {
  font-size: 0.8em;
}

.text-m {
  font-size: 1.2em;
}

.text-l {
  font-size: 1.4em;
}

.text-xl {
  font-size: 1.6em;
}

.inline {
  display: inline-block;
}

.justify-start {
  justify-self: start;
}

.justify-center {
  justify-self: center;
}

.justify-end {
  justify-self: end;
}

.justify-stretch {
  justify-self: stretch;
}

.align-start {
  align-self: start;
}

.align-center {
  align-self: center;
}

.align-end {
  align-self: end;
}

.align-stretch {
  align-self: stretch;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.rotate-90 {
  transform: rotate(90deg);
}

.form-container h2,
.simulation-container h2,
.app-container h2 {
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: 700;
  color: #393939;
  padding-bottom: 10px;
  border-bottom: 1px solid #efefef;
}

a.email:link,
a.email:visited {
  font-weight: 700;
  color: #48a9c5;
  text-decoration: none;
}

a.email:hover {
  color: #daaa00;
}

footer {
  background-color: #393939;
  margin: 30px 0px 0px 0px;
  width: 100%;
  padding: 20px 0px;
  font-size: 0.9em;
  color: #878787;
}

footer h2 {
  color: #ddcba4;
  font-size: 1.2em;
}

footer .social-links a:link,
footer .social-links a:visited {
  color: #ddcba4;
}

footer .social-links a:hover {
  color: #48a9c5;
  text-decoration: none;
}

/* genereal size thingies */
.half-width {
  width: 50% !important;
}

.full-width {
  display: block;
  width: 100% !important;
}

.width-20p {
  display: inline-block;
  width: 20%;
  padding: 0px 15px;
}

.width-auto {
  display: inline-block;
  width: auto;
}

.display-inline {
  display: inline;
}

.display-inline-block {
  display: inline-block;
}

.display-block {
  display: block;
}

.float-right {
  float: right;
}

.padding-0 {
  padding: 0px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.margin-0 {
  margin: 0px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.width-0p {
  width: 0% !important;
}

.padding-5 {
  padding: 5px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.margin-5 {
  margin: 5px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.width-20p {
  width: 5% !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.width-40p {
  width: 10% !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.margin-15 {
  margin: 15px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.width-60p {
  width: 15% !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.width-80p {
  width: 20% !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.width-100p {
  width: 25% !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.width-120p {
  width: 30% !important;
}

.padding-35 {
  padding: 35px !important;
}

.padding-bottom-35 {
  padding-bottom: 35px !important;
}

.padding-top-35 {
  padding-top: 35px !important;
}

.padding-left-35 {
  padding-left: 35px !important;
}

.padding-right-35 {
  padding-right: 35px !important;
}

.margin-35 {
  margin: 35px !important;
}

.margin-bottom-35 {
  margin-bottom: 35px !important;
}

.margin-top-35 {
  margin-top: 35px !important;
}

.margin-left-35 {
  margin-left: 35px !important;
}

.margin-right-35 {
  margin-right: 35px !important;
}

.width-140p {
  width: 35% !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.width-160p {
  width: 40% !important;
}

.padding-45 {
  padding: 45px !important;
}

.padding-bottom-45 {
  padding-bottom: 45px !important;
}

.padding-top-45 {
  padding-top: 45px !important;
}

.padding-left-45 {
  padding-left: 45px !important;
}

.padding-right-45 {
  padding-right: 45px !important;
}

.margin-45 {
  margin: 45px !important;
}

.margin-bottom-45 {
  margin-bottom: 45px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-left-45 {
  margin-left: 45px !important;
}

.margin-right-45 {
  margin-right: 45px !important;
}

.width-180p {
  width: 45% !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.width-200p {
  width: 50% !important;
}

.padding-55 {
  padding: 55px !important;
}

.padding-bottom-55 {
  padding-bottom: 55px !important;
}

.padding-top-55 {
  padding-top: 55px !important;
}

.padding-left-55 {
  padding-left: 55px !important;
}

.padding-right-55 {
  padding-right: 55px !important;
}

.margin-55 {
  margin: 55px !important;
}

.margin-bottom-55 {
  margin-bottom: 55px !important;
}

.margin-top-55 {
  margin-top: 55px !important;
}

.margin-left-55 {
  margin-left: 55px !important;
}

.margin-right-55 {
  margin-right: 55px !important;
}

.width-220p {
  width: 55% !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.width-240p {
  width: 60% !important;
}

.padding-65 {
  padding: 65px !important;
}

.padding-bottom-65 {
  padding-bottom: 65px !important;
}

.padding-top-65 {
  padding-top: 65px !important;
}

.padding-left-65 {
  padding-left: 65px !important;
}

.padding-right-65 {
  padding-right: 65px !important;
}

.margin-65 {
  margin: 65px !important;
}

.margin-bottom-65 {
  margin-bottom: 65px !important;
}

.margin-top-65 {
  margin-top: 65px !important;
}

.margin-left-65 {
  margin-left: 65px !important;
}

.margin-right-65 {
  margin-right: 65px !important;
}

.width-260p {
  width: 65% !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.width-280p {
  width: 70% !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.margin-75 {
  margin: 75px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.width-300p {
  width: 75% !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.width-320p {
  width: 80% !important;
}

.padding-85 {
  padding: 85px !important;
}

.padding-bottom-85 {
  padding-bottom: 85px !important;
}

.padding-top-85 {
  padding-top: 85px !important;
}

.padding-left-85 {
  padding-left: 85px !important;
}

.padding-right-85 {
  padding-right: 85px !important;
}

.margin-85 {
  margin: 85px !important;
}

.margin-bottom-85 {
  margin-bottom: 85px !important;
}

.margin-top-85 {
  margin-top: 85px !important;
}

.margin-left-85 {
  margin-left: 85px !important;
}

.margin-right-85 {
  margin-right: 85px !important;
}

.width-340p {
  width: 85% !important;
}

.padding-90 {
  padding: 90px !important;
}

.padding-bottom-90 {
  padding-bottom: 90px !important;
}

.padding-top-90 {
  padding-top: 90px !important;
}

.padding-left-90 {
  padding-left: 90px !important;
}

.padding-right-90 {
  padding-right: 90px !important;
}

.margin-90 {
  margin: 90px !important;
}

.margin-bottom-90 {
  margin-bottom: 90px !important;
}

.margin-top-90 {
  margin-top: 90px !important;
}

.margin-left-90 {
  margin-left: 90px !important;
}

.margin-right-90 {
  margin-right: 90px !important;
}

.width-360p {
  width: 90% !important;
}

.padding-95 {
  padding: 95px !important;
}

.padding-bottom-95 {
  padding-bottom: 95px !important;
}

.padding-top-95 {
  padding-top: 95px !important;
}

.padding-left-95 {
  padding-left: 95px !important;
}

.padding-right-95 {
  padding-right: 95px !important;
}

.margin-95 {
  margin: 95px !important;
}

.margin-bottom-95 {
  margin-bottom: 95px !important;
}

.margin-top-95 {
  margin-top: 95px !important;
}

.margin-left-95 {
  margin-left: 95px !important;
}

.margin-right-95 {
  margin-right: 95px !important;
}

.width-380p {
  width: 95% !important;
}

.padding-100 {
  padding: 100px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.margin-100 {
  margin: 100px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.width-400p {
  width: 100% !important;
}

.hidden {
  display: none;
}

.question-marker {
  font-size: 11px;
  color: #878787;
}

.ie-warning {
  display: none;
  position: absolute;
  top: 40%;
  padding: 20px;
  background-color: #b33d26;
  color: #fff;
  font-size: 1.3em;
  font-weight: 300;
}

.ie-warning a:link,
.ie-warning a:visited {
  text-decoration: underline;
  color: #fff;
  font-weight: 700;
}

.preloader {
  display: block;
  width: 100%;
  margin-top: 50px;
  text-align: center;
}

.preloader img {
  margin-left: auto;
  margin-right: auto;
}

.dot-s {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.dot-m {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.dot-l {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.caps {
  text-transform: uppercase;
}

.comma-before::before {
  content: ", ";
}

.comma-before:first-of-type::before {
  content: " ";
}

.img-placeholder {
  position: relative;
  display: block;
  width: 100%;
  background-color: #efefef;
  min-height: 300px;
  border-radius: 10px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMzcuMTQzIiBoZWlnaHQ9IjE2NiIgdmlld0JveD0iMCAwIDIzNy4xNDMgMTY2Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC03MikiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgNzIpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTIxNy4zODEsNzJIMTkuNzYyQTE5Ljc4NiwxOS43ODYsMCwwLDAsMCw5MS43NjJWMjE4LjIzOEExOS43ODYsMTkuNzg2LDAsMCwwLDE5Ljc2MiwyMzhIMjE3LjM4MWExOC4zLDE4LjMsMCwwLDAsMy4zMDgtLjI4OSwxOS43MDcsMTkuNzA3LDAsMCwwLDE2LjQ1NC0xOS40NzNWOTEuNzYyQTE5Ljc4NSwxOS43ODUsMCwwLDAsMjE3LjM4MSw3MlpNMTkuNzYyLDIzMC4xYTExLjg1NywxMS44NTcsMCwwLDEtMTEuODEtMTAuODE0bDc4LjgtNTEuNTIzTDE2Ni44OTMsMjMwLjFabTIwOS40NzYtMTEuODU3YTExLjgzLDExLjgzLDAsMCwxLTkuOTIsMTEuNjg3LDEwLjc0NSwxMC43NDUsMCwwLDEtMS45MzcuMTdIMTc5Ljc2NkwxMjcuNCwxODkuMzQyLDE3NC4yMjksMTUxLjksMjI5LjIzOCwxODQuOVptMC00Mi41NTEtNTMuMy0zMS45NzlhMy45NTMsMy45NTMsMCwwLDAtNC41MDYuM2wtNTAuNDYsNDAuMzU0LTMxLjYtMjQuNTc2YTMuOTUyLDMuOTUyLDAsMCwwLTQuNTg1LS4xOUw3LjksMjA5Ljg2N1Y5MS43NjJBMTEuODU3LDExLjg1NywwLDAsMSwxOS43NjIsNzkuOUgyMTcuMzgxYTExLjg1NywxMS44NTcsMCwwLDEsMTEuODU3LDExLjg1N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTcyKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMjE1LjcxNCwxMjBhMjMuNzE0LDIzLjcxNCwwLDEsMCwyMy43MTQsMjMuNzE0QTIzLjcxNCwyMy43MTQsMCwwLDAsMjE1LjcxNCwxMjBabTAsMzkuNTI0YTE1LjgxLDE1LjgxLDAsMSwxLDE1LjgxLTE1LjgxQTE1LjgxLDE1LjgxLDAsMCwxLDIxNS43MTQsMTU5LjUyNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05Ny4xNDMgLTk2LjI4NikiLz48L2c+PC9nPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
}

.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.border-bottom-light {
  border-bottom: 1px dotted #878787;
}

.border-top-light {
  border-top: 1px dotted #878787;
}

.border-left-light {
  border-left: 1px dotted #878787;
}

.border-right-light {
  border-right: 1px dotted #878787;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  header .app-name {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1em;
    margin: 10px 0px 10px 15px;
    padding: 15px 20px 10px 0px;
    border-right: 0px;
  }
  .header-bg {
    background-color: #393939;
    padding-bottom: 15px;
  }
  .header-subnav {
    background-color: #585858;
  }
  header .navg {
    display: inline;
    font-size: 1em;
    font-weight: 200;
    margin-left: -5px;
  }
  header .navg ul {
    display: inline;
    list-style: none;
    padding: 0px;
  }
  header .navg ul li {
    display: inline;
  }
  header .navg ul li a:link,
  header .navg ul li a:visited {
    display: inline-block;
    padding: 15px 20px 10px 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
  }
  header .navg ul li a:hover {
    background-color: #48a9c5;
    color: #fff;
  }
  header .navg ul li a.subnav-active:link,
  header .navg ul li a.subnav-active:visited {
    background-color: #48a9c5;
  }
  header .navg ul li a.subnav-active:hover {
    background-color: #007398;
  }
  header .login {
    display: block;
    float: left;
    padding-top: 17px;
  }
  header .login .fas-btn {
    padding-left: 10px;
    cursor: pointer;
  }
  header .login .fas-btn:hover,
  header .login i:hover {
    color: #48a9c5;
  }
  .apps-overview {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 30px;
  }
  .apps-overview .app-search {
    margin-bottom: 10px;
  }
  .apps-overview .app-tile {
    margin: 10px 10px 10px 0px;
  }
  .apps-overview a.app-tile-link:link,
  .apps-overview a.app-tile-link:visited {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 15px;
    background-color: #efefef;
    color: #393939;
    margin-bottom: 5px;
  }
  .apps-overview a.app-tile-link:hover {
    color: #fff;
    background: #31201C;
    text-decoration: none;
  }
}
.sortable-drag, .sortable-ghost {
  background-color: #48a9c5;
}

.app-loader {
  display: block;
  width: 30%;
  margin-left: 35%;
  margin-right: 35%;
  margin-top: 10%;
  text-align: center;
}

.clr-primary-1 {
  color: #E83F80;
}

.clr-primary-2 {
  color: #27C5E8;
}

.clr-secondary-1 {
  color: #0B819C;
}

.clr-secondary-2 {
  color: #E8D610;
}

.clr-secondary-3 {
  color: #9C9013;
}

.bg-clr-primary-1 {
  background-color: #E83F80 !important;
}

.bg-clr-primary-2 {
  background-color: #27C5E8 !important;
}

.bg-clr-secondary-1 {
  background-color: #0B819C !important;
}

.bg-clr-secondary-2 {
  background-color: #E8D610 !important;
}

.bg-clr-secondary-3 {
  background-color: #9C9013 !important;
}

/* greys */
.grey-1 {
  color: #F3F3F3;
}

.grey-2 {
  color: #E8E8E8;
}

.grey-3 {
  color: #8B8B8B;
}

.grey-4 {
  color: #2E2E2E;
}

.bg-grey-1 {
  background-color: #F3F3F3 !important;
}

.bg-grey-2 {
  background-color: #E8E8E8 !important;
}

.bg-grey-3 {
  background-color: #8B8B8B !important;
}

.bg-grey-4 {
  background-color: #2E2E2E !important;
}

/* additional SLiM colors */
.clr-red {
  color: #FF3636;
}

.clr-orange {
  color: #FF882D;
}

.clr-yellow-1 {
  color: #FFDC2D;
}

.clr-yellow-2 {
  color: #F8FF2D;
}

.clr-green-1 {
  color: #96FF2D;
}

.clr-green-2 {
  color: #04FC67;
}

.clr-blue-1 {
  color: #04FCFC;
}

.clr-blue-2 {
  color: #04B8FC;
}

.bg-clr-red {
  background-color: #FF3636 !important;
}

.bg-clr-orange {
  background-color: #FF882D !important;
}

.bg-clr-yellow-1 {
  background-color: #FFDC2D !important;
}

.bg-clr-yellow-2 {
  background-color: #F8FF2D !important;
}

.bg-clr-green-1 {
  background-color: #96FF2D !important;
}

.bg-clr-green-2 {
  background-color: #04FC67 !important;
}

.bg-clr-blue-1 {
  background-color: #04FCFC !important;
}

.bg-clr-blue-2 {
  background-color: #04B8FC !important;
}

/* colors */
.white {
  color: #fff;
}

.black {
  color: #000;
}

.grey-black {
  color: #31201C;
}

.grey-darker {
  color: #1c1c1c;
}

.grey-dark {
  color: #393939;
}

.grey-medium2 {
  color: #585858;
}

.grey-medium {
  color: #878787;
}

.grey-light {
  color: #efefef;
}

.sand {
  color: #ddcba4;
}

.red-dark {
  color: #802f2d;
}

.red-bright {
  color: #b33d26;
}

.orange {
  color: #cf7f00;
}

.yellow-dark {
  color: #daaa00;
}

.green-dark {
  color: #949300;
}

.green-bright {
  color: #658d1b;
}

.blue-light {
  color: #48a9c5;
}

.blue-dark {
  color: #007398;
}

.blue-main {
  color: #115e67;
}

.bg-red-pastel {
  background-color: #ffcdcd !important;
}

.bg-orange-pastel {
  background-color: #ffdbcd !important;
}

.bg-orange-pastel2 {
  background-color: #ffe3cd !important;
}

.bg-yellow-pastel {
  background-color: #ffeacd !important;
}

.bg-yellow-pastel2 {
  background-color: #fef4cc !important;
}

.bg-green-pastel {
  background-color: #fefacc !important;
}

.bg-green-pastel2 {
  background-color: #f7ffcd !important;
}

.bg-blue-light {
  background-color: #48a9c5 !important;
}

.bg-blue-dark {
  background-color: #007398 !important;
}

.bg-blue-main {
  background-color: #115e67 !important;
}

.bg-sand {
  background-color: #ddcba4 !important;
}

.bg-red-dark {
  background-color: #802f2d !important;
}

.bg-red-bright {
  background-color: #b33d26 !important;
}

.bg-orange {
  background-color: #cf7f00 !important;
}

.bg-yellow-dark {
  background-color: #daaa00 !important;
}

.bg-green-dark {
  background-color: #949300 !important;
}

.bg-green-bright {
  background-color: #658d1b !important;
}

.bg-grey-black {
  background-color: #31201C !important;
}

.bg-grey-darker {
  background-color: #1c1c1c !important;
}

.bg-grey-dark {
  background-color: #393939 !important;
}

.bg-grey-medium2 {
  background-color: #585858 !important;
}

.bg-grey-medium {
  background-color: #878787 !important;
}

.bg-grey-light {
  background-color: #efefef !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: frank-new, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: 1em;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 2.5em;
}

h3 {
  font-size: 2.25em;
}

h4 {
  font-size: 2em;
}

h5 {
  font-size: 1.75em;
}

h6 {
  font-size: 1.5em;
}

h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold {
  font-weight: 700;
}

h1.underline,
h2.underline,
h3.underline,
h4.underline,
h5.underline,
h6.underline {
  padding-bottom: 10px;
  border-bottom: 1px dotted #2E2E2E;
}

h1.underline-blue,
h2.underline-blue,
h3.underline-blue,
h4.underline-blue,
h5.underline-blue,
h6.underline-blue {
  padding-bottom: 10px;
  border-bottom: 1px dotted #27C5E8;
}

h1[class*=bg-],
h2[class*=bg-],
h3[class*=bg-],
h4[class*=bg-],
h5[class*=bg-],
h6[class*=bg-] {
  padding: 10px;
  border-radius: 10px;
}

blockquote {
  display: block;
  position: relative;
}

blockquote:before {
  position: absolute;
  content: open-quote;
  font-size: 10em;
  font-family: frank-new, sans-serif;
  color: #E83F80;
  margin-left: -0.4em;
  margin-top: -0.31em;
}

blockquote p {
  display: inline;
}

.bold {
  font-weight: bold;
}

button {
  height: 40px;
  border-radius: 20px;
  text-align: center;
  font-family: frank-new, sans-serif;
  font-size: 16px;
  border: 0px;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
}

button:focus {
  outline: 0;
}

button:hover {
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.36);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.36);
  animation: btn-hover 0.2s linear;
}

button.light,
button.dark:hover {
  background-color: #fff;
  color: #2E2E2E;
  border: 1px solid #2E2E2E;
}

button.dark,
button.light:hover {
  background-color: #2E2E2E;
  color: #fff;
  border: 0px;
}

button.clr {
  color: #fff;
}

button.clr img {
  padding-right: 10px;
  padding-bottom: 3px;
}

button.light.thin,
button.dark.thin {
  height: 25px;
  border-radius: 20px;
}

button.light.normal,
button.dark.normal {
  height: 40px;
  border-radius: 20px;
}

button.light.fat,
button.dark.fat {
  height: 60px;
  border-radius: 30px;
}

button.light.icon,
button.dark.icon,
button.clr.icon {
  width: 30px;
  height: 30px;
  padding: 5px;
}

button.clr.icon img {
  max-width: 15px;
  max-height: 15px;
  padding-right: 1px;
  padding-bottom: 1px;
}

button.fullwidth {
  width: 100%;
}

button.btn-confirm {
  background-color: #04FC67;
  color: #2E2E2E;
}

button.btn-confirm {
  background-color: #04FC67;
  color: #2E2E2E;
}

button.btn-cancel {
  background-color: #FF3636;
  color: #fff;
}

@keyframes btn-hover {
  0% {
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.36);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.36);
  }
}
.refresh-table {
  cursor: pointer;
  font-size: 0.7em;
}

.refresh-table:hover {
  color: #27C5E8;
}

.label {
  font-family: titillium-web, sans-serif;
}

.label.extra-light {
  font-weight: 200;
}

.label.light {
  font-weight: 300;
}

.label.regular {
  font-weight: 400;
}

.label.bold {
  font-weight: 700;
}

.label.small {
  font-size: 0.8em;
}

.label.normal {
  font-size: 1em;
}

.label.large {
  font-size: 1.3em;
}

.label[class*=bg-] {
  padding: 15px;
  border-radius: 3px;
}

label.noborder {
  border-bottom: 0px transparent;
}

label.underline-light {
  border-bottom: 1px dotted #8B8B8B;
}

label.underline-dark {
  border-bottom: 1px dotted #393939;
}

.tag-pill {
  display: block;
  background: #efefef;
  padding: 10px;
  max-height: 20px;
  border-radius: 20px;
  margin-right: 10px;
}

.tag-pill.inline {
  display: inline;
}

.tag-pill .delete-icon,
.tag-pill.inline .delete-icon {
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 0.8em;
  cursor: pointer;
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  transition: all 0.2s ease-in;
}

.tag-pill .delete-icon:hover,
.tag-pill.inline .delete-icon:hover {
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform: rotate(360deg);
}

ui-message-dialog.light,
ui-message-dialog.dark,
ui-lecturer-dialog.light,
ui-lecturer-dialog.dark,
ui-content-template-dialog.light,
ui-content-template-dialog.dark,
ui-notification-dialog.light,
ui-notification-dialog.dark,
ui-status-message-dialog.light,
ui-status-message-dialog.dark,
ui-remarks-dialog.light,
ui-remarks-dialog.dark,
ui-transfer-dialog.light,
ui-transfer-dialog.dark,
confirm-dialog.light,
confirm-dialog.dark,
ui-enr-export-dialog.light,
ui-enr-export-dialog.dark,
ui-file-upload-dialog.light,
ui-file-upload-dialog.dark,
ui-merge-conversation-dialog.light,
ui-merge-conversation-dialog.dark,
ui-referee-message-dialog.light,
ui-referee-message-dialog.dark,
ui-assign-dialog.light,
ui-assign-dialog.dark ui-payments-dialog.light,
ui-payments-dialog.dark {
  opacity: 1;
}

ui-message-dialog.fade-out,
ui-message-dialog.light.fade-out,
ui-message-dialog.dark.fade-out,
ui-lecturer-dialog.fade-out,
ui-lecturer-dialog.light.fade-out,
ui-lecturer-dialog.dark.fade-out,
ui-content-template-dialog.fade-out,
ui-content-template-dialog.light.fade-out,
ui-content-template-dialog.dark.fade-out,
ui-notification-dialog.fade-out,
ui-notification-dialog.light.fade-out,
ui-notification-dialog.dark.fade-out,
ui-status-message-dialog.fade-out,
ui-status-message-dialog.light.fade-out,
ui-status-message-dialog.dark.fade-out,
ui-referee-message-dialog.fade-out,
ui-referee-message-dialog.light.fade-out,
ui-referee-message-dialog.dark.fade-out,
ui-remarks-dialog.fade-out,
ui-remarks-dialog.light.fade-out,
ui-remarks-dialog.dark.fade-out,
ui-transfer-dialog.fade-out,
ui-transfer-dialog.light.fade-out,
ui-transfer-dialog.dark.fade-out,
confirm-dialog.fade-out,
confirm-dialog.light.fade-out,
confirm-dialog.dark.fade-out bulk-confirm-dialog.fade-out,
bulk-confirm-dialog.light.fade-out,
bulk-confirm-dialog.dark.fade-out ui-enr-export-dialog.fade-out,
ui-enr-export-dialog.light.fade-out,
ui-enr-export-dialog.dark.fade-out,
ui-file-upload-dialog.fade-out,
ui-file-upload-dialog.light.fade-out,
ui-file-upload-dialog.dark.fade-out,
ui-merge-conversation-dialog.fade-out,
ui-merge-conversation-dialog.light.fade-out,
ui-merge-conversation-dialog.dark.fade-out,
ui-assign-dialog.fade-out,
ui-assign-dialog.light.fade-out,
ui-assign-dialog.dark.fade-out,
ui-payments-dialog.light.fade-out,
ui-payments-dialog.dark.fade-out {
  animation: fade-out 0.2s linear;
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
confirm-dialog.light .confirm-dialog,
confirm-dialog.dark .confirm-dialog,
bulk-confirm-dialog.light .confirm-dialog,
bulk-confirm-dialog.dark .confirm-dialog,
ui-remarks-dialog.light .confirm-dialog,
ui-remarks-dialog.dark .confirm-dialog,
ui-transfer-dialog.light .export-dialog,
ui-transfer-dialog.dark .export-dialog,
.course-enrollments.overlay,
ui-enr-export-dialog.light .export-dialog,
ui-enr-export-dialog.dark .export-dialog,
ui-file-upload-dialog.light .export-dialog,
ui-file-upload-dialog.dark .export-dialog,
ui-merge-conversation-dialog.light .export-dialog,
ui-merge-conversation-dialog.dark .export-dialog,
ui-assign-dialog.light .export-dialog,
ui-assign-dialog.dark .export-dialog,
ui-payments-dialog.light .payment-dialog,
ui-payments-dialog.dark .payment-dialog {
  z-index: 9006;
  display: block;
  position: fixed;
  background-color: #F3F3F3;
  border-radius: 5px;
  padding: 30px;
  width: 30vw;
  height: auto;
  left: 35vw;
  top: 10vh;
  transform: translateY(-100px);
  -webkit-transform: translateY(-100px);
  border-bottom: 3px solid #8B8B8B;
  text-align: center;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

confirm-dialog .confirm-dialog .confirm-dialog-spinner {
  animation: confirm-rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
}
confirm-dialog .confirm-dialog .confirm-dialog-spinner .path {
  stroke: #333;
  stroke-linecap: round;
  animation: confirm-dash 1.5s ease-in-out infinite;
}

@keyframes confirm-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes confirm-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
ui-message-dialog.light .message-dialog,
ui-message-dialog.dark .message-dialog,
ui-lecturer-dialog.light .message-dialog,
ui-lecturer-dialog.dark .message-dialog,
ui-content-template-dialog.light .message-dialog,
ui-content-template-dialog.dark .message-dialog,
ui-notification-dialog.light .message-dialog,
ui-notification-dialog.dark .message-dialog,
ui-status-message-dialog.light .message-dialog,
ui-status-message-dialog.dark .message-dialog,
ui-referee-message-dialog.light .message-dialog,
ui-referee-message-dialog.dark .message-dialog,
ui-remarks-dialog.light .remark-dialog,
ui-remarks-dialog.dark .remark-dialog,
ui-enr-export-dialog.light .export-dialog,
ui-enr-export-dialog.dark .export-dialog,
ui-file-upload-dialog.light .export-dialog,
ui-file-upload-dialog.dark .export-dialog,
ui-merge-conversation-dialog.light .export-dialog,
ui-merge-conversation-dialog.dark .export-dialog,
ui-payments-dialog.light .payment-dialog,
ui-payments-dialog.dark .payment-dialog {
  z-index: 1006;
  display: block;
  position: absolute;
  background-color: #F3F3F3;
  border-radius: 5px;
  padding: 45px;
  width: 70vw;
  height: auto;
  left: 15vw;
  top: 10vh;
  transform: translateY(-100px);
  -webkit-transform: translateY(-100px);
  border-bottom: 3px solid #8B8B8B;
  text-align: left;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

ui-enr-export-dialog.light .export-dialog,
ui-enr-export-dialog.dark .export-dialog,
ui-merge-conversation-dialog.light .export-dialog,
ui-merge-conversation-dialog.dark .export-dialog {
  width: 40vw;
  height: auto;
  left: 30vw;
}

ui-lecturer-dialog.light .message-dialog,
ui-lecturer-dialog.dark .message-dialog ui-content-template-dialog.light .message-dialog,
ui-content-template-dialog.dark .message-dialog {
  width: 60vw;
  height: auto;
  left: 20vw;
}

confirm-dialog.dark .confirm-dialog,
bulk-confirm-dialog.dark .confirm-dialog,
ui-remarks-dialog.dark .export-dialog {
  background-color: #2E2E2E;
  border-bottom: 3px solid #8B8B8B;
  color: #fff;
}

ui-message-dialog.light .message-dialog.slide-in,
ui-message-dialog.dark .message-dialog.slide-in,
ui-lecturer-dialog.light .message-dialog.slide-in,
ui-lecturer-dialog.dark .message-dialog.slide-in,
ui-content-template-dialog.light .message-dialog.slide-in,
ui-content-template-dialog.dark .message-dialog.slide-in,
ui-notification-dialog.light .message-dialog.slide-in,
ui-notification-dialog.dark .message-dialog.slide-in,
ui-status-message-dialog.light .message-dialog.slide-in,
ui-status-message-dialog.dark .message-dialog.slide-in,
ui-referee-message-dialog.light .message-dialog.slide-in,
ui-referee-message-dialog.dark .message-dialog.slide-in,
ui-remarks-dialog.light .remark-dialog.slide-in,
ui-remarks-dialog.dark .remark-dialog.slide-in,
ui-transfer-dialog.light .export-dialog.slide-in,
ui-transfer-dialog.dark .export-dialog.slide-in,
confirm-dialog.light .confirm-dialog.slide-in,
confirm-dialog.dark .confirm-dialog.slide-in,
bulk-confirm-dialog.light .confirm-dialog.slide-in,
bulk-confirm-dialog.dark .confirm-dialog.slide-in,
ui-enr-export-dialog.light .export-dialog.slide-in,
ui-enr-export-dialog.dark .export-dialog.slide-in,
ui-file-upload-dialog.light .export-dialog.slide-in,
ui-file-upload-dialog.dark .export-dialog.slide-in,
ui-merge-conversation-dialog.light .export-dialog.slide-in,
ui-merge-conversation-dialog.dark .export-dialog.slide-in,
ui-assign-dialog.light .export-dialog.slide-in,
ui-assign-dialog.dark .export-dialog.slide-in,
ui-payments-dialog.light .payment-dialog.slide-in,
ui-payments-dialog.dark .payment-dialog.slide-in {
  animation: slide-in 0.3s forwards;
}

ui-message-dialog.light .message-dialog.scale-out,
ui-message-dialog.dark .message-dialog.scale-out,
ui-lecturer-dialog.light .message-dialog.scale-out,
ui-lecturer-dialog.dark .message-dialog.scale-out,
ui-content-template-dialog.light .message-dialog.scale-out,
ui-content-template-dialog.dark .message-dialog.scale-out,
ui-notification-dialog.light .message-dialog.scale-out,
ui-notification-dialog.dark .message-dialog.scale-out,
ui-status-message-dialog.light .message-dialog.scale-out,
ui-status-message-dialog.dark .message-dialog.scale-out,
ui-referee-message-dialog.light .message-dialog.scale-out,
ui-referee-message-dialog.dark .message-dialog.scale-out,
ui-remarks-dialog.light .remark-dialog.scale-out,
ui-remarks-dialog.dark .remark-dialog.scale-out,
ui-transfer-dialog.light .confirm-dialog.scale-out,
ui-transfer-dialog.dark .confirm-dialog.scale-out,
confirm-dialog.light .confirm-dialog.scale-out,
confirm-dialog.dark .confirm-dialog.scale-out,
bulk-confirm-dialog.light .confirm-dialog.scale-out,
bulk-confirm-dialog.dark .confirm-dialog.scale-out,
ui-enr-export-dialog.light .confirm-dialog.scale-out,
ui-enr-export-dialog.dark .confirm-dialog.scale-out,
ui-file-upload-dialog.light .confirm-dialog.scale-out,
ui-file-upload-dialog.dark .confirm-dialog.scale-out,
ui-merge-conversation-dialog.light .confirm-dialog.scale-out,
ui-merge-conversation-dialog.dark .confirm-dialog.scale-out,
ui-assign-dialog.light .confirm-dialog.scale-out,
ui-assign-dialog.dark .confirm-dialog.scale-out,
ui-payments-dialog.light .payment-dialog.scale-out,
ui-payments-dialog.dark .payment-dialog.scale-out {
  transform: scale(1);
  animation: scale-out 0.15s linear;
}

.dialog-bg,
ui-message-dialog.light .dialog-bg,
ui-message-dialog.dark .dialog-bg,
ui-lecturer-dialog.light .dialog-bg,
ui-lecturer-dialog.dark .dialog-bg,
ui-content-template-dialog.light .dialog-bg,
ui-content-template-dialog.dark .dialog-bg,
ui-notification-dialog.light .dialog-bg,
ui-notification-dialog.dark .dialog-bg,
ui-status-message-dialog.light .dialog-bg,
ui-status-message-dialog.dark .dialog-bg,
ui-referee-message-dialog.light .dialog-bg,
ui-referee-message-dialog.dark .dialog-bg,
ui-remarks-dialog.light .dialog-bg,
ui-remarks-dialog.dark .dialog-bg,
ui-transfer-dialog.light .dialog-bg,
ui-transfer-dialog.dark .dialog-bg,
confirm-dialog.light .dialog-bg,
confirm-dialog.dark .dialog-bg,
bulk-confirm-dialog.light .dialog-bg,
bulk-confirm-dialog.dark .dialog-bg,
ui-enr-export-dialog.light .dialog-bg,
ui-enr-export-dialog.dark .dialog-bg,
ui-file-upload-dialog.light .dialog-bg,
ui-file-upload-dialog.dark .dialog-bg,
ui-merge-conversation-dialog.light .dialog-bg,
ui-merge-conversation-dialog.dark .dialog-bg,
ui-assign-dialog.light .dialog-bg,
ui-assign-dialog.dark .dialog-bg,
ui-payments-dialog.light .dialog-bg,
ui-payments-dialog.dark .dialog-bg {
  z-index: 9005;
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  height: 100vh;
  width: 100vw;
}

ui-message-dialog.light .dialog-bg,
ui-lecturer-dialog.light .dialog-bg,
ui-content-template-dialog.light .dialog-bg,
ui-notification-dialog.light .dialog-bg,
ui-status-message-dialog.light .dialog-bg,
ui-referee-message-dialog.light .dialog-bg,
ui-remarks-dialog.light .dialog-bg,
ui-transfer-dialog.light .dialog-bg,
ui-enr-export-dialog.light .dialog-bg,
ui-file-upload-dialog.light .dialog-bg,
ui-merge-conversation-dialog.light .dialog-bg,
ui-assign-dialog.light .dialog-bg {
  background-color: rgba(255, 255, 255, 0.8);
}

.message-dialog .close,
.remark-dialog .close,
.payment-dialog .close,
.export-dialog .close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.message-dialog .close:hover,
.remark-dialog .close:hover,
.payment-dialog .close:hover,
.export-dialog .close:hover {
  color: #27C5E8;
}

ui-payments-dialog .payments-preview {
  margin-top: 20px;
}

ui-payments-dialog .payments-preview .record-row {
  display: grid;
  grid-template-columns: 25% 50% 5% 10% 10%;
  padding: 0px;
  border-bottom: 1px dotted #8B8B8B;
  cursor: pointer;
}

ui-payments-dialog .payments-preview .record-total {
  display: grid;
  grid-template-columns: 90% 10%;
  background-color: none;
  padding-top: 10px;
}

ui-payments-dialog .payments-preview .record-total .total {
  font-weight: bold;
  color: #949300;
}

ui-payments-dialog .payments-preview .record-row:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}

ui-payments-dialog .payments-preview .record-row:hover {
  background-color: #fff;
}

ui-payments-dialog .payments-preview .record-row div {
  padding: 10px;
}

ui-payments-dialog .payments-preview .record-row div:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

ui-payments-dialog .payments-preview .preview-header {
  display: grid;
  grid-template-columns: 25% 50% 5% 10% 10%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

ui-payments-dialog .payments-preview .preview-header div {
  color: #fff;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.3);
  border-left: 1px solid #efefef;
}

ui-payments-dialog .payments-preview .preview-header div:first-of-type {
  border-top-left-radius: 10px;
}

ui-payments-dialog .payments-preview .preview-header div:last-of-type {
  border-top-right-radius: 10px;
}

ui-payments-dialog .payments-preview button {
  display: block;
  width: 100%;
  margin-top: 20px;
}

@keyframes slide-in {
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes slide-in {
  100% {
    transform: translateY(0px);
  }
}
@keyframes scale-out {
  100% {
    transform: scale(0.7);
  }
}
@-webkit-keyframes scale-out {
  100% {
    transform: scale(0.7);
  }
}
ui-lecturer-dialog .lecturer-password {
  display: grid;
  grid-template-columns: calc(100% - 80px) 30px 30px;
  grid-template-columns: -webkit-calc(100% - 80px) 30px 30px;
  grid-template-columns: -moz-calc(100% - 80px) 30px 30px;
  column-gap: 10px;
}

bulk-confirm-dialog .send-progress {
  position: relative;
  margin-bottom: 20px;
}

bulk-confirm-dialog .send-progress .progress-bar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 10px;
  border-radius: 5px;
  background-color: #27C5E8;
  z-index: 2005;
}

bulk-confirm-dialog .send-progress .progress-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  z-index: 2004;
}

bulk-confirm-dialog .student-list .selection-err {
  background-color: #ffcdcd;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px;
}

generic-dialog .generic-dialog {
  position: absolute;
  width: 40vw;
  left: 30vw;
  top: 10%;
  min-height: 5vh;
  background-color: #fff;
  border-radius: 5px;
  z-index: 9006;
  padding: 20px;
}

.version-dialog {
  display: grid;
  justify-content: center;
  justify-items: center;
  grid-template-columns: 1fr;
  row-gap: 20px;
  padding: 10px;
}

.version-dialog p {
  margin: 5px;
}

.version-dialog button {
  margin-top: 20px;
  background-color: #27C5E8;
  color: #fff;
}

.ui-tip ui-tip .tip-icon {
  width: 15px;
  height: 15px;
  color: #ccc;
  cursor: pointer;
}

.ui-tip ui-tip .tip-icon:hover svg,
.ui-tip ui-tip .tip-icon:hover svg path {
  fill: #27c5e8;
}

.ui-tip ui-tip .tip-icon svg,
.ui-tip ui-tip .tip-icon svg path {
  fill: #ccc;
}

.ui-tip.inline {
  display: inline-block;
}

.ui-tip ui-tip .tip {
  z-index: 3000;
  visibility: visible;
  display: block;
  position: absolute;
  max-width: 20vw;
  min-width: 150px;
  top: -5000px;
  left: -10000px;
  background-color: #e8e8e8;
  padding: 5px 15px 10px 15px;
  border-radius: 5px;
}

.ui-tip ui-tip .tip.hid {
  visibility: hidden;
  opacity: 0;
}

.ui-tip ui-tip .tip.fade {
  animation-name: faderIn;
  animation-duration: 0.3s;
}

@keyframes faderIn {
  from {
    margin-top: -15px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
.ui-tip ui-tip .tip .title {
  padding-bottom: 5px;
  border-bottom: 1px dotted #aaa;
  font-weight: 700;
}

.ui-tip ui-tip .tip .body {
  padding-top: 5px;
  color: #393939;
}

.tooltip {
  display: none;
  position: absolute;
  background-color: #2E2E2E;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  z-index: 1000;
  margin-left: 30px;
}

.tipper {
  position: absolute;
  top: 0px;
}

.tipper .icon {
  cursor: pointer;
  pointer-events: all !important;
}

.tipper .icon:hover {
  color: #27C5E8;
}

.tipper .content {
  position: absolute;
  top: 3px;
  right: 20px;
  z-index: 3000;
  min-width: 150px;
  background-color: #393939;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}

.separator {
  display: block;
}

.separator.hor {
  display: inline-block;
}

.separator.vert {
  display: block;
}

.separator.hor.p10 {
  width: 10px;
  height: 1px;
}

.separator.vert.p10 {
  height: 10px;
  width: 1px;
}

.separator.hor.p20 {
  width: 20px;
  height: 1px;
}

.separator.vert.p20 {
  height: 20px;
  width: 1px;
}

.separator.hor.p30 {
  width: 30px;
  height: 1px;
}

.separator.vert.p30 {
  height: 30px;
  width: 1px;
}

.separator.hor.p40 {
  width: 40px;
  height: 1px;
}

.separator.vert.p40 {
  height: 40px;
  width: 1px;
}

.separator.hor.p50 {
  width: 50px;
  height: 1px;
}

.separator.vert.p50 {
  height: 50px;
  width: 1px;
}

.separator.hor.p60 {
  width: 60px;
  height: 1px;
}

.separator.vert.p60 {
  height: 60px;
  width: 1px;
}

.separator.hor.p70 {
  width: 70px;
  height: 1px;
}

.separator.vert.p70 {
  height: 70px;
  width: 1px;
}

.separator.hor.p80 {
  width: 80px;
  height: 1px;
}

.separator.vert.p80 {
  height: 80px;
  width: 1px;
}

.separator.hor.p90 {
  width: 90px;
  height: 1px;
}

.separator.vert.p90 {
  height: 90px;
  width: 1px;
}

.separator.hor.p100 {
  width: 100px;
  height: 1px;
}

.separator.vert.p100 {
  height: 100px;
  width: 1px;
}

.separator.hor.p110 {
  width: 110px;
  height: 1px;
}

.separator.vert.p110 {
  height: 110px;
  width: 1px;
}

.separator.hor.p120 {
  width: 120px;
  height: 1px;
}

.separator.vert.p120 {
  height: 120px;
  width: 1px;
}

.separator.hor.p130 {
  width: 130px;
  height: 1px;
}

.separator.vert.p130 {
  height: 130px;
  width: 1px;
}

.separator.hor.p140 {
  width: 140px;
  height: 1px;
}

.separator.vert.p140 {
  height: 140px;
  width: 1px;
}

.separator.hor.p150 {
  width: 150px;
  height: 1px;
}

.separator.vert.p150 {
  height: 150px;
  width: 1px;
}

.separator.hor.p160 {
  width: 160px;
  height: 1px;
}

.separator.vert.p160 {
  height: 160px;
  width: 1px;
}

.separator.hor.p170 {
  width: 170px;
  height: 1px;
}

.separator.vert.p170 {
  height: 170px;
  width: 1px;
}

.separator.hor.p180 {
  width: 180px;
  height: 1px;
}

.separator.vert.p180 {
  height: 180px;
  width: 1px;
}

.separator.hor.p190 {
  width: 190px;
  height: 1px;
}

.separator.vert.p190 {
  height: 190px;
  width: 1px;
}

.separator.hor.p200 {
  width: 200px;
  height: 1px;
}

.separator.vert.p200 {
  height: 200px;
  width: 1px;
}

.separator.hor.p210 {
  width: 210px;
  height: 1px;
}

.separator.vert.p210 {
  height: 210px;
  width: 1px;
}

.separator.hor.p220 {
  width: 220px;
  height: 1px;
}

.separator.vert.p220 {
  height: 220px;
  width: 1px;
}

.separator.hor.p230 {
  width: 230px;
  height: 1px;
}

.separator.vert.p230 {
  height: 230px;
  width: 1px;
}

.separator.hor.p240 {
  width: 240px;
  height: 1px;
}

.separator.vert.p240 {
  height: 240px;
  width: 1px;
}

.separator.hor.p250 {
  width: 250px;
  height: 1px;
}

.separator.vert.p250 {
  height: 250px;
  width: 1px;
}

.separator.hor.p260 {
  width: 260px;
  height: 1px;
}

.separator.vert.p260 {
  height: 260px;
  width: 1px;
}

.separator.hor.p270 {
  width: 270px;
  height: 1px;
}

.separator.vert.p270 {
  height: 270px;
  width: 1px;
}

.separator.hor.p280 {
  width: 280px;
  height: 1px;
}

.separator.vert.p280 {
  height: 280px;
  width: 1px;
}

.separator.hor.p290 {
  width: 290px;
  height: 1px;
}

.separator.vert.p290 {
  height: 290px;
  width: 1px;
}

.separator.hor.p300 {
  width: 300px;
  height: 1px;
}

.separator.vert.p300 {
  height: 300px;
  width: 1px;
}

input {
  border: 0px;
  border: 1px solid #D6D6D6;
  padding: 10px 10px;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  height: 20px;
  outline: none;
  border-radius: 5px;
  background-color: transparent;
}

select {
  border: 0px;
  border: 1px solid #D6D6D6;
  padding: 5px 10px;
  width: 100%;
  outline: none;
  border-radius: 5px;
  background-color: transparent;
}

input[type=radio] {
  display: inline-block;
  width: auto;
}

input:focus,
select:focus {
  background-color: #e8fbff;
}

input[type=text]:disabled {
  background: #efefef;
}

.input-with-prefix {
  display: grid;
  grid-template-columns: auto 1fr;
}

.input-with-prefix .prefix {
  padding: 10px;
  background-color: #393939;
  color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  line-height: 1em;
}

.input-with-prefix input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: 0px;
}

.input-switch,
.input-switch-s {
  font-size: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 2em;
  height: 1em;
  background: #ddd;
  border: 0px;
  border-radius: 1em;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-bottom: -10px;
}

.input-switch-s {
  font-size: 20px;
  margin-bottom: -5px;
}

.input-switch:checked,
.input-switch-s:checked {
  background: #48a9c5;
}

.input-switch:after,
.input-switch-s:after {
  position: absolute;
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  left: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.input-switch:checked:after,
.input-switch-s:checked:after {
  left: calc(100% - 1em);
}

label {
  display: inline-block;
  font-weight: 700;
  font-size: 1em;
  padding-bottom: 5px;
}

label.uppercase {
  text-transform: uppercase;
}

.fas-btn {
  cursor: pointer;
}

button.btn-save {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #48a9c5;
  color: #fff;
  border: 0px;
  cursor: pointer;
}

button.btn-save:hover {
  background-color: #393939;
}

button.btn-add {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  color: #393939;
  border: 1px dotted #878787;
  cursor: pointer;
}

button.btn-add:hover {
  background-color: #393939;
  color: #fff;
}

div.btn-add {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  color: #393939;
  border: 1px dotted #878787;
  cursor: pointer;
}

div.btn-add:hover {
  background-color: #393939;
  color: #fff;
}

button.btn-search {
  color: #48a9c5;
  background-color: transparent;
  border-style: none;
  padding: 10px;
  margin-left: -35px;
}

button.btn-search:hover {
  color: #393939;
  background-color: transparent;
  border-style: none;
  padding: 10px;
}

div.btn-delete-item,
div.btn-attend-item,
div.btn-edit-item {
  display: block;
  float: right;
  color: #393939;
  border: 0px;
  cursor: pointer;
  margin: 0px 10px;
}

div.btn-delete-item:hover,
div.btn-attend-item:hover,
div.btn-edit-item:hover {
  color: #b33d26;
}

.input-extra-small {
  width: 12.5%;
}

.input-small {
  width: 25%;
}

.input-medium {
  width: 50%;
}

.input-large {
  width: 75%;
}

.input-extra-large {
  width: 100%;
}

.input-33 {
  width: 33%;
}

.input-66 {
  width: 66%;
}

.input-light {
  border: 0px;
  border-bottom: 1px solid #E8E8E8;
  font-size: 0.9em;
}

.div-table-inline {
  display: inline;
}

.div-table-row {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.div-table-cell {
  display: inline-block;
  position: relative;
  top: 0px;
}

textarea {
  border: 1px solid #48a9c5;
  padding: 15px;
  border-radius: 5px;
  width: calc(100% - 30px);
  min-height: 150px;
}

.textarea-xs {
  height: 75px;
}

.textarea-s {
  height: 150px;
}

.textarea-m {
  height: 250px;
}

.textarea-l {
  height: 350px;
}

.textarea-xl {
  height: 500px;
}

.textarea-container-s,
.textarea-container-m,
.textarea-container-l,
.textarea-container-xl {
  display: block;
  margin-bottom: 30px;
}

.textarea-container-xs .ck-editor__editable {
  min-height: 75px;
}

.textarea-container-s .ck-editor__editable {
  min-height: 150px;
}

.textarea-container-m .ck-editor__editable {
  min-height: 250px;
}

.textarea-container-l .ck-editor__editable {
  min-height: 350px;
}

.textarea-container-xl .ck-editor__editable {
  min-height: 500px;
}

.upload-row {
  display: block;
  width: 100%;
}

.upload-row .dz-default.dz-message button.dz-button {
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  border: 1px dotted #27C5E8;
  text-align: center;
  font-size: 0.8em;
}

.upload-row .dz-default.dz-message button.dz-button:hover {
  box-shadow: none;
  background-color: #F3F3F3;
  border: 1px solid #27C5E8;
}

.upload-row.dragover .dz-default.dz-message button.dz-button {
  background-color: #27C5E8;
  border: 1px solid #27C5E8;
}

.upload-row-result {
  display: grid;
  grid-template-columns: 90% 10%;
  border-bottom: 1px dotted #F3F3F3;
}

.form-error {
  border-bottom: 1px solid #b33d26;
}

.slider-value {
  display: inline-block;
  background-color: #F3F3F3;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: 700;
}

.editor-small {
  height: 200px;
}

.editor-medium {
  height: 350px;
}

.editor-large {
  height: 600px;
}

.editor-full {
  height: 100%;
}

.ql-toolbar {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.ql-container {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: auto;
}

.select-dual {
  display: grid;
  grid-template-columns: auto auto 5%;
  align-items: start;
  column-gap: 10px;
}

.select-triple {
  display: grid;
  grid-template-columns: auto auto auto 5%;
  align-items: start;
  column-gap: 10px;
}

.select-quad {
  display: grid;
  grid-template-columns: auto auto auto auto 5%;
  align-items: start;
  column-gap: 10px;
}

.select-single {
  display: grid;
  grid-template-columns: 95% 5%;
  align-items: start;
  column-gap: 10px;
}

.input-success {
  animation-name: inputSuccess;
  animation-duration: 2s;
  animation-direction: normal;
  animation-iteration-count: 1;
}

.input-fail {
  animation-name: inputFail;
  animation-duration: 2s;
  animation-direction: normal;
  animation-iteration-count: 1;
}

@keyframes inputSuccess {
  0% {
    background-color: #96FF2D;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes inputFail {
  0% {
    background-color: #FF3636;
  }
  100% {
    background-color: transparent;
  }
}
.sub-form {
  padding: 15px;
  background-color: #efefef;
  border-radius: 5px;
}

.form-field-alert {
  display: block;
  background-color: #ffcdcd;
  padding: 5px 10px;
  border-radius: 3px;
}

ui-address .ui-container .address-row-1 {
  display: grid;
  grid-template-columns: calc(60% - 10px) calc(20% - 10px) 20%;
  grid-gap: 10px;
}

ui-address .ui-container .address-row-2 {
  display: grid;
  grid-template-columns: calc(40% - 10px) 60%;
  grid-gap: 10px;
}

ui-address .ui-container .address-row-3,
ui-address.ui-container .address-row-4 {
  display: grid;
  grid-template-columns: 100%;
}

ui-address .ui-container .address-cell {
  display: grid;
  grid-template-columns: 100%;
}

ui-address input.error {
  border-color: red;
}

.tabulator-itm.tabulator {
  font-size: 0.9em;
  background-color: transparent;
  border: 0px;
}

.tabulator-itm.tabulator .tabulator-tableholder::-webkit-scrollbar {
  width: 10px;
  max-height: 10px;
}

.tabulator-itm.tabulator .tabulator-tableholder::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.tabulator-itm.tabulator .tabulator-tableholder::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  opacity: 0.2;
  display: none;
}

.tabulator-itm.tabulator .tabulator-tableholder::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: none;
  border-radius: 5px;
}

.tabulator-itm.tabulator .tabulator-header {
  color: #8B8B8B;
  border-bottom: 1px dotted #E8E8E8;
  background-color: transparent;
  font-weight: 500;
}

.tabulator-itm.tabulator .tabulator-header input {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #E8E8E8;
}

.tabulator-itm.tabulator .tabulator-header .tabulator-col,
.tabulator-itm.tabulator .tabulator-header .tabulator-col.tabulator-sortable {
  border-right: 0px solid #E8E8E8;
  cursor: pointer;
  background: transparent;
  background-color: transparent;
  border-radius: 0px;
}

.tabulator-itm .tabulator-row {
  border-radius: 0px;
}

.tabulator-itm .tabulator-row .tabulator-cell {
  padding: 10px;
}

.tabulator-itm .tabulator-row .tabulator-cell.archie-status,
.tabulator-itm .tabulator-row .tabulator-cell.visit-select {
  overflow: inherit;
  padding: 3px 10px;
  text-align: center;
}

.tabulator-itm .tabulator-row.tabulator-row-even .tabulator-cell {
  border-right: 1px dotted #fff;
}

.tabulator-itm .tabulator-row.tabulator-row-odd .tabulator-cell {
  border-right: 1px dotted #E8E8E8;
}

.filter-toggle {
  display: grid;
  margin-top: 10px;
  padding: 10px 0px;
}

.filter-toggle i {
  cursor: pointer;
}

.filter-toggle i:hover {
  color: #27C5E8;
}

.filter-block {
  background-color: #efefef;
  padding: 20px;
  border-radius: 5px;
}

.toggle-row {
  margin-top: 5px;
}

.toggle-row .column-row.column-toggle {
  display: inline;
  margin-right: 15px;
}

.toggle-row .column-row.column-toggle label {
  display: inline;
  font-weight: normal;
}

.table-remark-highlight {
  background-color: #fef4cc;
}

.table-green-highlight {
  background-color: #f7ffcd;
}

.table-orange-highlight {
  background-color: #ffe3cd;
}

.table-red-highlight {
  background-color: #ffcdcd;
}

.table-blue-highlight {
  background-color: #e8fbff;
}

.table-count {
  display: inline;
  background-color: #27C5E8;
  color: #fff;
  padding: 5px 10px;
  border-radius: 20px;
}

ul.navbar-nav,
ul.subnav {
  display: block;
  list-style-type: none;
  padding-inline-start: 0px;
  margin-block-start: 0px;
  margin-block-end: 0px;
}

ul.navbar-nav:first-of-type {
  margin-top: 20px;
}

ul.navbar-nav li.nav-item,
ul.subnav li.nav-item {
  display: block;
  padding: 7px;
  border-bottom: 1px dotted #8B8B8B;
  font-family: frank-new, sans-serif;
  font-weight: 700;
  font-size: 1.1em;
  color: #F3F3F3;
  text-transform: uppercase;
}

ul.navbar-nav li.nav-item:hover,
ul.subnav li.nav-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transition: 0.3s;
}

ul.navbar-nav li.nav-spacer {
  height: 30px;
}

ul.navbar-nav li.nav-item:first {
  padding-top: 0px;
}

ul.subnav.hidden {
  display: none;
}

ul.subnav li.nav-item {
  padding-left: 1.1em;
  font-weight: 200;
  font-size: 0.9em;
}

ul.subnav ul.subnav li.nav-item {
  padding-left: 2.4em;
  font-size: 0.8em;
}

ul.subnav ul.subnav ul.subnav li.nav-item {
  padding-left: 3.6em;
  font-size: 0.7em;
}

ul.navbar-nav .subnav-toggle {
  cursor: pointer;
}

ul.navbar-nav li.nav-item.active a.nav-link:link,
ul.navbar-nav li.nav-item.active a.nav-link:visited {
  color: #27C5E8;
}

ul.navbar-nav li.nav-item a.nav-link:link,
ul.subnav li.nav-item a.nav-link:link,
ul.navbar-nav li.nav-item a.nav-link:visited,
ul.subnav li.nav-item a.nav-link:visited {
  text-decoration: none;
  color: #F3F3F3;
}

ul.navbar-nav li.nav-item a.nav-link:hover,
ul.subnav li.nav-item a.nav-link:hover {
  color: #27C5E8;
}

.nav-close {
  display: block;
  position: relative;
}

.nav-open {
  display: none;
}

.nav-close img {
  position: absolute;
  top: -20px;
  right: 5px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.nav-open img {
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.nav-close img:hover {
  -webkit-transform: rotate(360deg) scale(1.1);
  transform: rotate(360deg) scale(1.1);
}

.nav-open img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.navbar-content-open {
  display: block;
  margin-top: 0px;
  padding-top: 0px;
  width: 290px;
}

.navbar-content-open .login {
  display: block;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  color: #fff;
  bottom: 15px;
  margin-top: 30px;
  margin-bottom: 20px;
  left: 15px;
  padding-top: 15px;
}

.notifications {
  justify-self: end;
  margin-right: 20px;
}

.notifications .search {
  display: inline-block;
  width: 170px;
  margin-bottom: 0px;
  margin-right: 10px;
  border: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #E8E8E8;
  font-size: 0.9em;
}

.notifications .search-result-float {
  position: absolute;
  z-index: 3500;
  max-width: 40vw;
  background-color: #393939;
  color: #fff;
  border-radius: 5px;
  text-align: right;
  padding-bottom: 15px;
}

.notifications .search-result-float label {
  border-bottom: 1px dotted #878787;
  margin: 15px 15px 0px 15px;
}

.notifications .search-result-float .search-link {
  padding: 5px 15px;
  cursor: pointer;
}

.notifications .search-result-float .search-link:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.notifications a {
  text-decoration: none;
}

.notification-mail,
.notification-bell {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  font-size: 20px;
  cursor: pointer;
}

.notification-mail .alert,
.notification-bell .alert {
  position: absolute;
  right: -4px;
  top: 2px;
  width: 8px;
  height: 8px;
  background-color: #FF3636;
  border-radius: 50%;
}

.notification-mail:hover,
.notification-bell:hover {
  color: #27C5E8;
}

.general-settings {
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
}

.general-settings:hover {
  color: #27C5E8;
}

.sidebar-step img {
  width: 15px;
  height: 15px;
}

.messaging-container {
  display: grid;
  grid-template-columns: 30% 70%;
  column-gap: 30px;
  margin-top: 40px;
  margin-right: 40px;
}

.messaging-header {
  display: grid;
  grid-template-columns: calc(30% - 10px) 70%;
  grid-template-columns: -webkit-calc(30% - 10px) 70%;
  grid-template-columns: -moz-calc(30% - 10px) 70%;
}

.messaging-header button {
  justify-self: end;
}

.messaging-header .new-message {
  background-color: transparent;
  border: 1px dotted #8B8B8B;
  font-size: 0.9em;
  margin-left: 15px;
}

.messaging-header i {
  cursor: pointer;
}

.messaging-header i:hover {
  color: #27C5E8;
}

.messaging-container .messaging-nav {
  padding-top: 8px;
}

.messaging-container .messaging-nav button {
  display: block;
  width: 100%;
  font-size: 0.9em;
  background-color: #fff;
  color: #393939;
  border: 1px solid #E8E8E8;
  margin-bottom: 5px;
  height: 30px;
  text-align: center;
  padding: 5px 0px;
  font-family: titillium-web, sans-serif;
  text-transform: none;
}

.messaging-container .messaging-nav button.selected,
.messaging-container .messaging-nav button.pinned-course.selected {
  background-color: #27C5E8;
  color: #fff;
}

.messaging-container .messaging-nav button.new {
  background-color: #393939;
  color: #fff;
}

.messaging-container .messaging-nav button:hover {
  box-shadow: none;
  animation: none;
  background-color: #393939;
  color: #fff;
}

.messaging-container .messaging-nav button.new:hover {
  background-color: #27C5E8;
  color: #fff;
}

.messaging-container .messaging-list .conversation-list {
  background-color: rgba(255, 255, 255, 0.3);
  height: 70vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.messaging-container .messaging-list .conversation-list::-webkit-scrollbar {
  width: 10px;
}

.messaging-container .messaging-list .conversation-list::-webkit-scrollbar-track {
  border-radius: 5px;
}

.messaging-container .messaging-list .conversation-list::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: none;
  border-radius: 5px;
}

.messaging-container .messaging-list .conversation-list.dimmed .conversation-tile {
  opacity: 0.3;
}

.messaging-container .messaging-list .conversation-list.dimmed .conversation-tile:hover {
  opacity: 1;
}

.messaging-container .messaging-list .conversation-list.dimmed .conversation-tile.selected {
  opacity: 1;
}

.messaging-main {
  margin-left: 40px;
}

.messaging-container .messaging-list .conversation-tile {
  display: grid;
  grid-template-columns: 70% 30%;
  padding: 10px;
  border-bottom: 1px solid #E8E8E8;
  cursor: pointer;
}

.messaging-container .messaging-list .conversation-tile:hover {
  background-color: #e8fbff;
}

.messaging-container .messaging-list .conversation-tile.selected {
  background-color: #e8fbff;
  border-bottom: 2px solid #27C5E8;
  padding: 10px;
}

.messaging-container .messaging-list .conversation-tile.unread {
  background-color: #fefacc;
  padding: 10px;
}

.messaging-container .messaging-list .conversation-tile .title {
  font-weight: 700;
}

.messaging-container .messaging-list .conversation-tile .from {
  font-size: 0.8em;
}

.messaging-container .messaging-list .conversation-tile .timestamp {
  font-size: 0.8em;
  color: #8B8B8B;
}

.messaging-container .messaging-list .conversation-tile .pinned {
  font-size: 0.7em;
  color: #27C5E8;
}

.messaging-container .messaging-list .conversation-tile .actions .message-action i {
  color: #8B8B8B;
  margin-right: 5px;
  cursor: pointer;
}

.messaging-container .messaging-list .conversation-tile .actions .message-action i.pinned {
  color: #27C5E8;
}

.messaging-container .messaging-list .conversation-tile .actions .message-action i:hover {
  color: #27C5E8;
}

.messaging-container .messaging-list .conversation-tile .actions .message-action img {
  cursor: pointer;
}

.messaging-container .messaging-list .conversation-tile .actions .message-action img:hover {
  fill: #27C5E8;
}

.messaging-container .messaging-detail .conversation-header {
  display: grid;
  grid-template-columns: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 20px;
  align-items: center;
}

.messaging-container .messaging-detail .conversation-header .header {
  display: grid;
  grid-template-columns: 60px calc(100% - 60px);
  grid-template-columns: 60px -webkit-calc(100% - 60px);
  grid-template-columns: 60px -moz-calc(100% - 60px);
}

.messaging-container .messaging-detail .conversation-header ui-pill-select {
  font-size: 0.9em;
  margin-right: 5px;
  width: 250px;
}

.messaging-container .messaging-detail .conversation-header .student-pic {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 30px;
}

.messaging-container .messaging-detail .conversation-header .student-pic img {
  width: 60px;
  height: 60px;
}

.messaging-container .messaging-detail .conversation-header .details {
  font-family: frank-new, sans-serif;
  font-size: 1.2em;
  padding-left: 15px;
}

.messaging-container .messaging-detail .conversation-header .details .name {
  font-family: titillium-web, sans-serif;
  font-size: 0.8em;
}

.messaging-container .messaging-detail .conversation-header .actions .assigned {
  display: inline;
  font-family: titillium-web, sans-serif;
  font-size: 0.8em;
  padding: 5px 15px;
  margin-top: 3px;
  background-color: #393939;
  color: #fff;
  border-radius: 15px;
}

.messaging-container .messaging-detail .conversation-header .actions .assigned i {
  padding-right: 5px;
}

.messaging-container .messaging-detail .conversation-header .actions {
  justify-self: start;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #efefef;
}

.messaging-container .messaging-detail .conversation-header .actions button {
  font-size: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  background-color: #6e6e6e;
  padding-left: 0px;
  padding-right: 0px;
}

.messaging-container .messaging-detail .conversation-header .actions button.assigned {
  font-size: 12px;
  width: auto;
  height: 30px;
  border-radius: 15px;
  color: #fff;
  background-color: #6e6e6e;
  padding-left: 15px;
  padding-right: 15px;
}

.messaging-container .messaging-detail .conversation-header .actions button i.pinned {
  color: #27C5E8;
}

.messaging-container .messaging-detail .conversation-header .actions button:hover {
  box-shadow: none;
  animation: none;
  background-color: #27C5E8;
}

.messaging-container .messaging-detail .message-search input {
  border: 0px;
  border-bottom: 1px solid rgb(204, 204, 204);
  border-radius: 0px;
  padding-left: 0px;
}

.messaging-container .messaging-detail .message-search .search-icon {
  display: inline;
  margin-left: -20px;
}

.messaging-container .messaging-detail .messages {
  height: 50vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.messaging-container .messaging-detail .messages::-webkit-scrollbar {
  width: 10px;
}

.messaging-container .messaging-detail .messages::-webkit-scrollbar-track {
  border-radius: 5px;
}

.messaging-container .messaging-detail .messages::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: none;
  border-radius: 5px;
}

.messaging-container .messaging-detail .messages .message {
  display: block;
  background-color: rgba(239, 239, 239, 0.4);
  margin-bottom: 0px;
  border-bottom: 1px solid #bdbdbd;
}

.messaging-container .messaging-detail .messages .message .details {
  display: grid;
  grid-template-columns: 30px auto auto;
  column-gap: 10px;
  padding: 10px;
  border-bottom: 1px solid #fff;
  align-items: center;
}

.messaging-container .messaging-detail .messages .message .details .picture {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}

.messaging-container .messaging-detail .messages .message .details .picture img {
  width: 30px;
  height: 30px;
  overflow: hidden;
}

.messaging-container .messaging-detail .messages .message .details .date {
  justify-self: end;
  font-size: 0.8em;
}

.messaging-container .messaging-detail .messages .message .body {
  padding: 0px 10px 10px 10px;
}

.messaging-container .messaging-detail .conversation-editor .new-conv-row {
  display: grid;
  grid-template-columns: 10% calc(90% - 10px);
  grid-template-columns: 10% -webkit-calc(90% - 10px);
  grid-template-columns: 10% -moz-calc(90% - 10px);
  column-gap: 10px;
}

.messaging-container .messaging-detail .conversation-editor .new-conv-row label {
  border-bottom: 1px dotted #8B8B8B;
}

.messaging-container .messaging-detail .ql-toolbar .ql-snow {
  margin-top: 10px;
}

.messaging-container .messaging-detail .conversation-editor .ql-container {
  height: 450px;
}

.messaging-container .messaging-detail .ql-container {
  height: 250px;
}

.messaging-container .messaging-detail .message-reply .ql-toolbar.ql-snow {
  display: block;
  float: none;
}

ui-message-dialog.dark .msg-quill .ql-editor {
  min-height: 250px;
}

ui-message-dialog button.msg-send {
  float: right;
  color: #fff;
}

.student-list {
  display: block;
  margin-bottom: 0px;
}

.student-list .bulk-student-tag {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 3px;
  background-color: #fff;
  color: #393939;
  font-size: 0.9em;
  text-transform: uppercase;
}

.student-list .bulk-student-tag i {
  cursor: pointer;
  color: #FF3636;
  margin-left: 5px;
}

.dev-notice {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #393939;
  text-align: center;
  text-transform: uppercase;
  background-color: #ff8c8c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 20 20'%3E%3Cg fill-opacity='0.32'%3E%3Cpolygon fill='%23ffbfbf' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon fill='%23ffbfbf' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E");
}

.dev-notice.dev {
  background-color: #8fd0ff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 20 20'%3E%3Cg fill-opacity='0.32'%3E%3Cpolygon fill='%238aa0ff' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon fill='%238aa0ff' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E");
}

.ql-editor blockquote {
  display: block;
  position: relative;
}

.ql-editor blockquote:before {
  position: absolute;
  content: open-quote;
  font-size: 1em;
  font-family: frank-new, sans-serif;
  color: #393939;
  margin-left: 0em;
  margin-top: 0em;
}

.ql-editor blockquote p {
  display: inline;
}

button.quill-document-btn {
  font-size: 0.7em;
  background-color: #27C5E8 !important;
  color: #fff !important;
  width: auto !important;
  padding: 0px 10px !important;
}

button.quill-document-btn:hover {
  background-color: #393939 !important;
  color: #fff !important;
}

.document-embed {
  background-color: #333;
  color: #fff;
  display: grid;
  grid-template-columns: 10% 80% 10%;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 1em;
}

ui-editor {
  display: block;
  border-radius: 5px;
}
ui-editor .readonly .tiptap.ProseMirror {
  background-color: #efefef;
  color: #878787;
}
ui-editor .character-count {
  float: right;
  font-size: 0.8em;
  color: #878787;
  padding: 5px;
  border-radius: 5px;
  margin-top: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
ui-editor .tiptap.ProseMirror {
  font-size: 1em;
  padding: 0px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
ui-editor .tiptap.ProseMirror.ProseMirror-focused {
  border-color: #27C5E8;
  outline: #27C5E8 solid 1px;
}
ui-editor .control-group .button-group {
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
ui-editor .control-group .button-group button {
  height: auto;
  font-size: 0.8em;
  border-radius: 5px;
  padding: 8px;
}
ui-editor .control-group .button-group button.is-active {
  font-weight: bold;
  border: 1px solid #27C5E8;
}

.ui-editor-link-dialog {
  background-color: #fff;
  display: grid;
  position: absolute;
  z-index: 4000;
  width: 20%;
  height: auto;
  border-radius: 5px;
  padding: 5px;
  grid-template-columns: auto 30px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.ui-editor-link-dialog input {
  padding: 5px;
  border-radius: 5px;
}
.ui-editor-link-dialog button {
  height: auto;
  padding: 5px;
  border-radius: 5px;
  background-color: #393939;
  color: #fff;
  border: none;
  font-size: 0.8em;
}

.calendar-controls {
  display: grid;
  grid-template-columns: 100%;
}

.dashboard-calendar .calendar-controls {
  margin-bottom: 10px;
  justify-content: end;
  text-align: right;
}

.dashboard-calendar .calendar-controls .calendar-settings {
  font-size: 0.8em;
  color: #E8E8E8;
  justify-self: end;
}

.dashboard-calendar .calendar-controls .calendar-settings i {
  cursor: pointer;
}

.dashboard-calendar .calendar-details i {
  display: grid;
  grid-template-columns: 50% 50%;
}

.dashboard-calendar .calendar-details {
  margin-bottom: 15px;
  background-color: #F3F3F3;
  border-radius: 3px;
  padding: 10px;
}

.dashboard-calendar .calendar-controls .calendar-settings i:hover {
  color: #27C5E8;
}

.calendar-controls button.calendar-ui {
  display: inline;
  margin-right: 10px;
}

.dashboard-calendar .calendar-controls button.calendar-ui {
  font-size: 0.7em;
  height: 20px;
}

.calendar-controls .calendar-view {
  display: inline;
  margin-right: 10px;
}

.calendar-controls select.view-select,
.calendar-controls select.course-select {
  display: inline;
}

.year-calendar {
  height: calc(100vh - 250px);
  height: -webkit-calc(100vh - 250px);
  height: -moz-calc(100vh - 250px);
}

.dashboard-grid .dashboard-calendar {
  position: relative;
}

.dashboard-grid .dashboard-calendar .calendar-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  top: 35px;
  height: 100%;
}

.document-records {
  padding: 10px;
}

.document-item:first-of-type {
  margin-left: 15px;
}

.document-item {
  display: inline-block;
  width: 25%;
  margin-right: 10px;
  padding: 10px;
}

.doc-type {
  display: inline-block;
  font-size: 0.9em;
  color: #878787;
  margin-bottom: 10px;
}

.doc-upload-name {
  position: relative;
  border-width: 1px 0px 0px 0px;
  border-style: dotted;
  border-color: #878787;
  padding: 15px 0px;
}

.doc-upload-name .name {
  overflow-wrap: break-word;
  width: calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
}

.doc-actions {
  position: absolute;
  right: 5px;
  top: 15px;
}

.doc-actions i {
  cursor: pointer;
}

.doc-actions i:hover {
  color: #b33d26;
}

.btn-upload-container .drop-file {
  width: 100%;
  border: 1px dotted #878787;
  padding: 5px;
  text-align: center;
}

.doc-required {
  position: absolute;
  top: -15px;
  left: -10px;
  font-size: 1.5em;
}

.drop-highlight {
  background-color: #48a9c5 !important;
}

.uploaded {
  background: #efefef;
}

.not-uploaded {
  background: #efefef;
}

.doc-tile {
  display: inline-block;
  position: relative;
  width: calc(50% - 20px);
  width: -webkit-calc(50% - 20px);
  width: -moz-calc(50% - 20px);
  height: auto;
  background-color: #efefef;
  margin: 10px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 10px;
  padding: 15px;
}

.doc-tile .doc-progress {
  position: relative;
  width: 100%;
  margin: 10px 0px 10px;
}

.doc-tile .doc-progress .progress-bg,
.doc-tile .doc-progress .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 5px;
  background-color: #fff;
}

.doc-tile .doc-progress .progress-bar {
  background-color: #cf7f00;
}

/*  */
.application-form h3 {
  display: block;
  width: 100%;
  padding: 10px 10px 5px 10px;
  font-size: 1.2em;
  background-color: #393939;
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
}

h3.popup {
  background: none;
  color: #393939;
  text-transform: uppercase;
}

#application-documents-intro ul {
  list-style: none;
  padding-left: 0px;
}

#application-documents-intro ul li {
  border-top: 1px dotted #878787;
  border-right: 1px dotted #878787;
}

#application-documents-intro ul li:last-child {
  border-bottom: 1px dotted #878787;
}

#application-documents-intro ul li i {
  padding: 10px;
  border-left: 1px dotted #878787;
  border-right: 1px dotted #878787;
  min-width: 40px;
  background-color: #efefef;
  text-align: center;
  margin-right: 10px;
}

#application-documents ul {
  list-style: none;
  padding: 0;
}

#application-documents ul li {
  padding-left: 1.2em;
}

#application-documents ul li:before {
  display: inline-block;
  margin-left: -1em;
  margin-bottom: 0.8em;
  width: 1em;
  font-size: 1.2em;
  font-weight: bold;
  color: #daaa00;
}

#application-documents ol {
  margin: 0 0 1.5em;
  padding: 0;
  counter-reset: item;
}

#application-documents ol > li {
  margin: 0;
  padding: 0 0 0 2em;
  text-indent: -1em;
  list-style-type: none;
  counter-increment: item;
}

#application-documents ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item);
}

.application-form .doc-row {
  display: grid;
  grid-template-columns: 60% 10% 30%;
  border-bottom: 1px dotted #E8E8E8;
  padding: 5px 0px;
}

.application-form .doc-row:hover {
  background-color: #F3F3F3;
  padding: 5px 5px;
}

.application-form .doc-row .doc-file,
.application-form .doc-row .doc-status {
  justify-self: end;
}

.application-form .doc-row .doc-file i.doc-download {
  cursor: pointer;
}

.application-form .doc-row .doc-file i.doc-download:hover {
  color: #27C5E8;
}

.application-form .doc-row .doc-revoke {
  justify-self: end;
}

.application-form .doc-row .doc-revoke button {
  font-size: 0.8em;
  background-color: transparent;
  color: #393939;
  border: 1px dotted #8B8B8B;
  height: auto;
  padding: 5x 0px;
}

.application-form .doc-row .doc-revoke button:hover {
  box-shadow: none;
  animation: none;
  background-color: #393939;
  color: #fff;
  border: 1px solid #393939;
}

.course-documents .doc-row,
.campus-documents .doc-row {
  display: grid;
  grid-template-columns: 60% 30% 10%;
  padding: 10px 0px;
  border-bottom: 1px dotted #8B8B8B;
}

.course-documents .doc-row i,
.campus-documents .doc-row i {
  cursor: pointer;
  margin-left: 10px;
}

.course-documents .doc-row i:hover,
.campus-documents .doc-row i:hover {
  color: #27C5E8;
}

.course-documents .doc-row i.delete-btn,
.campus-documents .doc-row i.delete-btn {
  color: #FF3636;
}

.course-documents .doc-row i.delete-btn:hover,
.campus-documents .doc-row i.delete-btn:hover {
  color: #802f2d;
}

.document-preview {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100vw;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.document-preview .template-container {
  width: 41.42%;
  min-height: 100vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}

.document-preview .template-container .close-editor {
  float: right;
  margin-right: 20px;
  background-color: #fefacc;
  padding: 10px;
  font-size: 0.8em;
  cursor: pointer;
}

.document-preview .template-container .close-editor:hover {
  background-color: #393939;
  color: #fefacc;
}

.document-preview .template-container .pdf-actions {
  position: absolute;
  width: 41.42%;
  top: 20px;
}

.document-preview .template-container .doc-container {
  display: block;
  width: 100%;
}

.pdf-container {
  display: block;
  min-height: calc(100vh - 60px);
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  margin: 20px;
  margin-bottom: 0px;
}

.pdf-container::-webkit-scrollbar {
  width: 10px;
}

.pdf-container::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.pdf-container::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  opacity: 0.2;
  display: none;
}

.pdf-container::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: none;
  border-radius: 5px;
}

.pdf-container .itm-logo img {
  float: right;
}

.pdf-container .pdf-issuer {
  align-self: end;
  font-weight: bold;
  font-size: 1.2em;
  color: #007398;
  float: left;
}

.pdf-container .pdf-title {
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
}

.pdf-container .pdf-body {
  font-size: 1em;
}

.pdf-container .pdf-body p {
  font-family: Arial, Helvetica, sans-serif;
  margin: 10px;
}

.pdf-container .pdf-body h2 {
  font-family: Arial, Helvetica, sans-serif;
}

.pdf-container .ql-container {
  border: 0px;
}

.pdf-container .pdf-body .ql-editor {
  padding: 0px;
  background-color: #fefacc;
  min-height: 100vh;
}

.pdf-container .pdf-body .ql-editor p {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

footer {
  position: absolute;
  bottom: 0px;
  font-size: 0.8em;
  margin-top: 20px;
  background-color: #fff;
  border-top: 1px solid #007398;
  padding-top: 20px;
  color: #48a9c5;
  overflow: hidden;
}

ui-select,
ui-country-select {
  display: block;
  position: relative;
  font-family: titillium-web, sans-serif;
}
ui-select .selected,
ui-country-select .selected {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
  padding: 8px 10px;
  cursor: pointer;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  font-family: titillium-web, sans-serif;
  line-height: 1.4em;
}
ui-select .selected .selected-text img,
ui-country-select .selected .selected-text img {
  display: inline;
  width: 15px;
  height: auto;
}
ui-select .thin,
ui-select .thin.selected,
ui-country-select .thin,
ui-country-select .thin.selected {
  padding: 3px 8px;
}
ui-select .light.selected,
ui-country-select .light.selected {
  border-radius: 5px;
  border: 0px;
  border-bottom: 1px solid #ccc;
  background-color: #ffffff;
  color: #333;
}
ui-select .dark.selected,
ui-country-select .dark.selected {
  color: #fff;
}
ui-select .transparent.light.selected,
ui-country-select .transparent.light.selected {
  border-radius: 5px;
  border: 1px solid #ccc;
}
ui-select :host(.err) .selected,
ui-select :host(.err) .transparent.light.selected,
ui-select :host(.err) .light.selected,
ui-country-select :host(.err) .selected,
ui-country-select :host(.err) .transparent.light.selected,
ui-country-select :host(.err) .light.selected {
  border-bottom-color: #ff0000;
  border-bottom-width: 3px;
}
ui-select .selected .icon,
ui-country-select .selected .icon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #333;
  width: 15px;
  height: 15px;
}
ui-select .selected .icon.thin,
ui-country-select .selected .icon.thin {
  position: absolute;
  top: 3px;
  right: 5px;
  color: #333;
}
ui-select .selected .icon svg,
ui-country-select .selected .icon svg {
  fill: #333;
  width: 15px;
  height: 15px;
}
ui-select .selected .icon.transparent.light,
ui-country-select .selected .icon.transparent.light {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
}
ui-select .selected .icon.transparent.light svg,
ui-country-select .selected .icon.transparent.light svg {
  fill: #fff;
  width: 15px;
  height: 15px;
}
ui-select .selected.highlight,
ui-country-select .selected.highlight {
  animation: highlight 0.4s linear;
}
@keyframes highlight {
  0% {
    background-color: #ffeacd;
  }
  100% {
    background-color: #fff;
  }
}
ui-select .options,
ui-country-select .options {
  display: none;
  background-color: #eeeeee;
  border-radius: 0px 0px 5px 5px;
}
ui-select .options.transparent,
ui-country-select .options.transparent {
  background-color: transparent;
}
ui-select .options.dark,
ui-country-select .options.dark {
  background-color: #333;
  color: #fff;
}
ui-select .options.open,
ui-country-select .options.open {
  z-index: 2000;
  display: inline-block;
  width: auto;
  position: absolute;
  left: 0px;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  max-height: 400px;
  overflow-y: scroll;
}
ui-select .options.open.transparent.light,
ui-country-select .options.open.transparent.light {
  z-index: 2000;
  display: inline-block;
  width: auto;
  position: absolute;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  color: #333;
}
ui-select .options.open.light,
ui-country-select .options.open.light {
  z-index: 2000;
  display: inline-block;
  width: auto;
  position: absolute;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  color: #333;
}
ui-select .option,
ui-country-select .option {
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  cursor: pointer;
}
ui-select .option img,
ui-country-select .option img {
  display: inline;
  width: 15px;
  height: auto;
}
ui-select .option:hover,
ui-select .option.hover,
ui-country-select .option:hover,
ui-country-select .option.hover {
  background-color: #333;
  color: #fff;
}
ui-select .option.transparent:hover,
ui-country-select .option.transparent:hover {
  background-color: #fff;
  color: #333;
}
ui-select .option.transparent,
ui-country-select .option.transparent {
  background-color: transparent;
}
ui-select .option.light,
ui-country-select .option.light {
  color: #333;
}
ui-select .option.open.light,
ui-country-select .option.open.light {
  color: #333;
}
ui-select .option.dark,
ui-country-select .option.dark {
  color: #fff;
  background-color: #333;
}
ui-select .option.dark:hover,
ui-country-select .option.dark:hover {
  background-color: #fff;
  color: #333;
}
ui-select input.hidden-input,
ui-country-select input.hidden-input {
  width: 0px;
  height: 0px;
  padding: 0px;
  margin: 0px;
  border-width: 0px;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: -100;
}

ui-drag-drop-fullscreen {
  display: block;
}
ui-drag-drop-fullscreen .upload-zone {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  color: rgba(0, 0, 0, 0);
}
ui-drag-drop-fullscreen .upload-zone .upload-container {
  width: 40vw;
  margin-left: 30vw;
  margin-right: 30vw;
  margin-top: 10vh;
}
ui-drag-drop-fullscreen .upload-zone.highlight,
ui-drag-drop-fullscreen .upload-zone:hover {
  background-color: rgba(39, 197, 232, 0.3);
  color: #333333;
}
ui-drag-drop-fullscreen .doc-upload input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

ui-drag-drop-row {
  display: block;
}
ui-drag-drop-row .upload-zone {
  display: block;
  position: relative;
  border-radius: 5px;
  border: 1px dotted #27c5e8;
  color: #ccc;
  padding: 5px 0px;
  text-align: center;
}
ui-drag-drop-row .upload-zone.highlight,
ui-drag-drop-row .upload-zone:hover {
  background-color: #27c5e8;
  color: #fff;
}
ui-drag-drop-row .doc-upload input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

itm-drag-drop-test {
  display: block;
  padding: 16px;
  min-height: 300px;
}
itm-drag-drop-test img {
  display: block;
  max-width: 100%;
}
itm-drag-drop-test .menu-bar {
  position: absolute;
  bottom: 2px;
  right: 2px;
}
itm-drag-drop-test .doc-upload input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
itm-drag-drop-test .btn-save {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  background-color: #393939 !important;
  display: none;
  width: auto;
  height: auto;
  padding: 5px;
  background-color: #393939 !important;
  cursor: pointer;
  border-radius: 20px;
  text-align: center;
  font-family: frank-new, sans-serif;
  font-size: 40px;
  border: 0px;
  text-transform: uppercase;
}
itm-drag-drop-test .btn-upload-container {
  font-size: 40px;
  padding-right: 10px;
}

ui-phone-input {
  display: block;
}
ui-phone-input .phone-input {
  display: grid;
  grid-template-columns: 20% 80%;
}
ui-phone-input .phone-input ui-country-select {
  order: -1;
}
ui-phone-input .phone-input .phone-input__flag-container {
  text-align: center;
  font-size: 0.8em;
  border: 1px #393939 solid;
  border-radius: 5px;
  padding: 5px;
  margin-right: 10px;
}
ui-phone-input .phone-input .phone-input__flag-container img,
ui-phone-input .phone-input .phone-input__flag-container svg {
  width: 15px;
  height: auto;
  border-radius: 3px;
}
ui-phone-input .phone-input .phone-input__input-container {
  order: 1;
}
ui-phone-input .phone-input .phone-input__input-container input {
  font-size: 1em;
  padding: 8px 10px;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  height: 20px;
  outline: none;
  border-radius: 5px;
  color: #333333;
  border: 1px #878787 solid;
  background-color: rgba(255, 255, 255, 0.6);
}
ui-phone-input .phone-input .phone-input__input-container input.valid {
  background-color: rgba(0, 255, 0, 0.3);
}
ui-phone-input .phone-input .phone-input__input-container input.not-valid {
  background-color: rgba(255, 0, 0, 0.3);
}
ui-phone-input .phone-input.read-only {
  display: block;
  background-color: #efefef;
  color: #333;
  border: #878787 solid 1px;
  border-radius: 5px;
  padding: 8px 10px;
}

ui-pill-select {
  display: block;
  font-family: titillium-web, sans-serif;
}
ui-pill-select .selected {
  position: relative;
  border-radius: 15px;
  border: 1px solid #d6d6d6;
  padding: 10px 15px;
  cursor: pointer;
  width: calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  font-family: titillium-web, sans-serif;
  line-height: 1.4em;
}
ui-pill-select .selected.inline {
  padding: 5px 15px;
  max-width: 350px;
  max-height: 30px;
}
ui-pill-select .light.selected {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #ccc;
}
ui-pill-select .transparent.light.selected {
  border-radius: 5px;
  border: 1px solid #ccc;
}
ui-pill-select .selected .selected-text i,
ui-pill-select .option i {
  border-right: 1px dotted #ccc;
  padding-right: 10px;
  margin-right: 10px;
  color: #aaa;
}
ui-pill-select .selected .icon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #333;
}
ui-pill-select .selected .icon svg {
  fill: #333;
  width: 15px;
  height: 15px;
}
ui-pill-select .selected .icon.transparent.light {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
}
ui-pill-select .selected .icon.transparent.light svg {
  fill: #fff;
  width: 15px;
  height: 15px;
}
ui-pill-select .selected.highlight {
  animation: highlight 0.4s linear;
}
@keyframes highlight {
  0% {
    background-color: #f7ffcd;
  }
  100% {
    background-color: #fff;
  }
}
ui-pill-select .options {
  display: none;
  background-color: #eeeeee;
  border-radius: 15px 15px 15px 15px;
}
ui-pill-select .options.open {
  z-index: 2000;
  display: inline-block;
  width: auto;
  position: absolute;
}
ui-pill-select .options.open.transparent.light {
  z-index: 2000;
  display: inline-block;
  width: auto;
  position: absolute;
  color: #333;
}
ui-pill-select .option {
  padding: 15px;
  border-bottom: 1px dotted #ccc;
  cursor: pointer;
}
ui-pill-select .option:hover {
  background-color: #333;
  color: #fff;
}
ui-pill-select .option:hover:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
ui-pill-select .option:hover:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
ui-pill-select .option:hover i {
  color: #27c5e8;
}
ui-pill-select .option:first-child:hover {
  border-radius-top-left: 15px;
  border-radius-top-right: 15px;
}
ui-pill-select .option:last-child:hover {
  border-radius-bottom-left: 15px;
  border-radius-bottom-right: 15px;
}

ui-pill-select.inline {
  display: inline-block;
}

profile-picture-upload {
  display: block;
  padding: 16px;
  min-height: 300px;
}
profile-picture-upload img {
  display: block;
  /* This rule is very important, please don't ignore this */
  max-width: 100%;
}
profile-picture-upload .menu-bar {
  position: absolute;
  bottom: 2px;
  right: 2px;
}
profile-picture-upload .doc-upload {
  font-size: 1em;
}
profile-picture-upload .doc-upload input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
profile-picture-upload .btn-crop {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  background-color: #393939 !important;
  width: auto;
  height: auto;
  padding: 5px;
  background-color: #393939 !important;
  cursor: pointer;
  border-radius: 20px;
  text-align: center;
  font-family: frank-new, sans-serif;
  font-size: 1em;
  border: 0px;
  text-transform: uppercase;
}
profile-picture-upload .btn-save {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  background-color: #393939 !important;
  display: none;
  width: auto;
  height: auto;
  padding: 5px;
  background-color: #393939 !important;
  cursor: pointer;
  border-radius: 20px;
  text-align: center;
  font-family: frank-new, sans-serif;
  font-size: 0.8em;
  border: 0px;
  text-transform: uppercase;
}
profile-picture-upload .btn-upload-container {
  font-size: 1.1em;
  padding-right: 10px;
  padding-bottom: 10px;
}
profile-picture-upload i.btn-upload {
  cursor: pointer;
}
profile-picture-upload i.btn-upload:hover {
  color: #27c5e8;
}

ui-tagsmultiselect {
  display: block;
}
ui-tagsmultiselect .ui-container {
  position: relative;
  display: block;
}
ui-tagsmultiselect .ui-container .ui-input {
  display: inline;
  width: calc(100% - 35px);
  width: -webkit-calc(100% - 35px);
  padding: 10px;
  padding-right: 25px;
  border-radius: 5px;
  border: 1px solid #333;
}
ui-tagsmultiselect .ui-container .ui-input:focus {
  outline: 0;
  background-color: #e8fbff;
}
ui-tagsmultiselect .ui-container .input-icon {
  display: inline;
  margin-left: -20px;
}
ui-tagsmultiselect .ui-container .input-icon svg {
  fill: #333;
  width: 10px;
  height: 10px;
}
ui-tagsmultiselect .ui-results {
  display: none;
  background-color: #fff;
  border: 1px solid #e3e3e3;
}
ui-tagsmultiselect .ui-results.show {
  z-index: 2000;
  display: block;
  position: absolute;
}
ui-tagsmultiselect .ui-results .ui-item {
  padding: 15px;
  border-bottom: 1px dotted #333;
  cursor: pointer;
}
ui-tagsmultiselect .ui-results .ui-item:hover {
  background-color: #333;
  color: #fff;
}
ui-tagsmultiselect .ui-results .ui-item:last-of-type {
  border-bottom: 0px;
}
ui-tagsmultiselect .ui-selected {
  display: block;
  margin-top: 10px;
}
ui-tagsmultiselect .ui-selected .selected-tag {
  display: inline-block;
  padding: 10px;
  background-color: #eee;
  border-radius: 10px;
}
ui-tagsmultiselect .ui-selected .selected-tag:hover {
  background-color: #ececec;
}
ui-tagsmultiselect .ui-selected .selected-tag .remove {
  display: block;
  float: right;
  margin-top: 5px;
  cursor: pointer;
}
ui-tagsmultiselect .ui-selected .selected-tag .remove svg {
  display: block;
  width: 15px;
  height: 15px;
  color: #ff0000;
  fill: #ff0000;
  margin-left: 10px;
}

ui-tip {
  display: block;
  position: relative;
}
ui-tip .tip-icon {
  width: 15px;
  height: 15px;
  color: #ccc;
  cursor: pointer;
}
ui-tip .tip-icon:hover svg,
ui-tip .tip-icon:hover svg path {
  fill: #27c5e8;
}
ui-tip .tip-icon svg,
ui-tip .tip-icon svg path {
  fill: #ccc;
}
ui-tip .tip {
  visibility: visible;
  display: block;
  position: absolute;
  max-width: 500px;
  min-width: 150px;
  top: 0px;
  left: 20px;
  background-color: #e8e8e8;
  padding: 5px 15px 10px 15px;
  border-radius: 5px;
}
ui-tip .tip.hid {
  visibility: hidden;
  opacity: 0;
}
ui-tip .tip.fade {
  animation-name: faderIn;
  animation-duration: 0.3s;
}
@keyframes faderIn {
  from {
    margin-top: -15px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
ui-tip .tip .title {
  padding-bottom: 5px;
  border-bottom: 1px dotted #aaa;
  font-weight: 700;
  color: #333;
}
ui-tip .tip .body {
  color: #333;
  padding-top: 5px;
}

ui-column-swap {
  display: block;
}
ui-column-swap .container {
  display: grid;
  grid-template-columns: calc(50% - 10px) calc(50% - 10px);
  grid-template-columns: -webkit-calc(50% - 10px) -webkit-calc(50% - 10px);
  grid-template-columns: -moz-calc(50% - 10px) -moz-calc(50% - 10px);
  column-gap: 20px;
}
ui-column-swap .container .options-col {
  list-style: none;
  padding-left: 0px;
}
ui-column-swap .container .options-col .option-row {
  background-color: #eeeeee;
  padding: 10px;
  margin-bottom: 3px;
  cursor: pointer;
}
ui-column-swap .container .options-col .option-row:hover {
  background-color: #333;
  color: #fff;
}

ui-date-selector {
  display: block;
  font-family: titillium-web, sans-serif;
}
ui-date-selector .ui-container {
  position: relative;
  display: block;
}
ui-date-selector .ui-container.ui-select-day,
ui-date-selector .ui-container.ui-select-month,
ui-date-selector .ui-container.ui-select-year {
  display: grid;
  grid-template-columns: 1fr;
}
ui-date-selector .ui-container.ui-select-day-month,
ui-date-selector .ui-container.ui-select-month-day {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
ui-date-selector .ui-container.ui-select-day-year,
ui-date-selector .ui-container.ui-select-month-year {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
ui-date-selector .ui-container.ui-select-year-day,
ui-date-selector .ui-container.ui-select-year-month {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
ui-date-selector .ui-container.ui-select-day-month-year,
ui-date-selector .ui-container.ui-select-month-day-year {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
}
ui-date-selector .ui-container.ui-select-year-day-month,
ui-date-selector .ui-container.ui-select-year-month-day {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
}

ui-double-range-slider {
  display: block;
}
ui-double-range-slider .container {
  display: block;
  width: 100%;
  padding: 0px;
  position: relative;
  height: 30px;
}
ui-double-range-slider .slider-bg {
  display: block;
  position: absolute;
  left: 0px;
  top: 5px;
  width: 100%;
  height: 4px;
  background-color: #eee;
  border-radius: 10px;
}
ui-double-range-slider .slider {
  display: block;
  position: absolute;
  left: 0px;
  top: 5px;
  width: 100%;
  height: 4px;
  background-color: #27c5e8;
  border-radius: 10px;
}
ui-double-range-slider .handle {
  display: block;
  position: absolute;
  left: 20px;
  top: 0px;
  width: 14px;
  height: 14px;
  background-color: #27c5e8;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.39);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.39);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.39);
  border-radius: 50%;
}
ui-double-range-slider .handle.end {
  left: 50px;
}

ui-editor {
  display: block;
  font-family: titillium-web, sans-serif;
}

ui-number {
  display: block;
  font-family: titillium-web, sans-serif;
}
ui-number .ui-container {
  position: relative;
  display: block;
}
ui-number .ui-container .ui-input {
  width: calc(100% - 35px);
  width: -webkit-calc(100% - 35px);
  padding: 9px 25px 9px 10px;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
  font-size: 1em;
  font-family: titillium-web, sans-serif;
  line-height: 1.4em;
  background-color: transparent;
}
ui-number :host(.err) .ui-container .ui-input {
  border-bottom-color: #ff0000;
  border-bottom-width: 3px;
}
ui-number .ui-container .light.ui-input {
  border: 0px;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
}
ui-number .ui-container .transparent.light.ui-input {
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: transparent;
  color: #fff;
}
ui-number .ui-container .white.ui-input {
  border: 1px solid #333333;
  border-radius: 3px;
  background-color: #ffffff;
}
ui-number :host(.err) .ui-container .ui-input {
  border-bottom-color: #ff0000;
  border-bottom-width: 3px;
}
ui-number .ui-container .ui-input:focus {
  outline: 0;
  background-color: #e8fbff;
}
ui-number .ui-container .input-icon {
  display: inline;
  margin-left: -20px;
}
ui-number .ui-container .input-icon svg {
  fill: #333;
  width: 10px;
  height: 10px;
}

ui-select-info {
  display: block;
  font-family: titillium-web, sans-serif;
}
ui-select-info .selected {
  position: relative;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
  padding: 10px;
  cursor: pointer;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  font-family: titillium-web, sans-serif;
  line-height: 1.4em;
}
ui-select-info .light.selected {
  border-radius: 5px;
  border: 0px;
  border-bottom: 1px solid #ccc;
  background-color: #ffffff;
  color: #333;
}
ui-select-info .transparent.light.selected {
  border-radius: 5px;
  border: 1px solid #ccc;
}
ui-select-info :host(.err) .selected,
ui-select-info :host(.err) .transparent.light.selected,
ui-select-info :host(.err) .light.selected {
  border-bottom-color: #ff0000;
  border-bottom-width: 3px;
}
ui-select-info .selected .description-dialog {
  position: absolute;
  z-index: 5000;
  width: 300px;
  height: auto;
  background-color: #333;
  padding: 10px;
  border-radius: 3px;
  color: #fff;
}
ui-select-info .selected .icon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #333;
}
ui-select-info .selected .icon.selected-description {
  position: absolute;
  top: 10px;
  right: 50px;
  color: #333;
}
ui-select-info .selected .icon svg,
ui-select-info .selected .icon.selected-description svg {
  fill: #333;
  width: 15px;
  height: 15px;
}
ui-select-info .selected .icon.transparent.light {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
}
ui-select-info .selected .icon.transparent.light svg {
  fill: #fff;
  width: 15px;
  height: 15px;
}
ui-select-info .selected.highlight {
  animation: highlight 0.4s linear;
}
@keyframes highlight {
  0% {
    background-color: #ffeacd;
  }
  100% {
    background-color: #fff;
  }
}
ui-select-info .options {
  display: none;
  background-color: #eeeeee;
  border-radius: 0px 0px 5px 5px;
}
ui-select-info .options.transparent {
  background-color: transparent;
}
ui-select-info .options.open {
  z-index: 2000;
  display: inline-block;
  width: auto;
  position: absolute;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  max-height: 400px;
  overflow-y: scroll;
}
ui-select-info .options.open.transparent.light {
  z-index: 2000;
  display: inline-block;
  width: auto;
  position: absolute;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  color: #333;
}
ui-select-info .options.open.light {
  z-index: 2000;
  display: inline-block;
  width: auto;
  position: absolute;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  color: #333;
}
ui-select-info .option {
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  cursor: pointer;
}
ui-select-info .option:hover {
  background-color: #333;
  color: #fff;
}
ui-select-info .option.transparent:hover {
  background-color: #fff;
  color: #333;
}
ui-select-info .option.transparent {
  background-color: transparent;
}
ui-select-info .option.light {
  color: #333;
}
ui-select-info .option.open.light {
  color: #333;
}

ui-tagsmultiselect {
  display: block;
  font-family: titillium-web, sans-serif;
}
ui-tagsmultiselect .ui-container {
  position: relative;
  display: block;
}
ui-tagsmultiselect .ui-container .ui-input {
  display: inline;
  width: calc(100% - 35px);
  width: -webkit-calc(100% - 35px);
  padding: 10px;
  padding-right: 25px;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
  font-family: titillium-web, sans-serif;
  line-height: 1.4em;
}
ui-tagsmultiselect .ui-container .ui-input:focus {
  outline: 0;
  background-color: #e8fbff;
}
ui-tagsmultiselect .ui-container .input-icon {
  display: inline;
  margin-left: -20px;
}
ui-tagsmultiselect .ui-container .input-icon svg {
  fill: #333;
  width: 10px;
  height: 10px;
}
ui-tagsmultiselect .ui-results {
  display: none;
  background-color: #fff;
  border: 1px solid #e3e3e3;
}
ui-tagsmultiselect .ui-results.show {
  z-index: 2000;
  display: block;
  position: absolute;
}
ui-tagsmultiselect .ui-results .ui-item {
  padding: 15px;
  border-bottom: 1px dotted #333;
  cursor: pointer;
}
ui-tagsmultiselect .ui-results .ui-item:hover {
  background-color: #333;
  color: #fff;
}
ui-tagsmultiselect .ui-results .ui-item:last-of-type {
  border-bottom: 0px;
}
ui-tagsmultiselect .ui-selected {
  display: block;
  margin-top: 10px;
}
ui-tagsmultiselect .ui-selected .selected-tag {
  display: inline-block;
  padding: 10px;
  background-color: #eee;
  border-radius: 10px;
}
ui-tagsmultiselect .ui-selected .selected-tag:hover {
  background-color: #ececec;
}
ui-tagsmultiselect .ui-selected .selected-tag .remove {
  display: block;
  float: right;
  margin-top: 5px;
  cursor: pointer;
}
ui-tagsmultiselect .ui-selected .selected-tag .remove svg {
  display: block;
  width: 15px;
  height: 15px;
  color: #ff0000;
  fill: #ff0000;
  margin-left: 10px;
}

ui-text {
  display: block;
  font-family: titillium-web, sans-serif;
}
ui-text .ui-container {
  position: relative;
  display: block;
}
ui-text .ui-container .ui-input {
  width: calc(100% - 35px);
  width: -webkit-calc(100% - 35px);
  padding: 9px 25px 9px 10px;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
  font-size: 1em;
  font-family: titillium-web, sans-serif;
  line-height: 1.4em;
  background-color: transparent;
}
ui-text :host(.err) .ui-container .ui-input {
  border-bottom-color: #ff0000;
  border-bottom-width: 3px;
}
ui-text .ui-container .light.ui-input {
  border: 0px;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
}
ui-text .ui-container .transparent.light.ui-input {
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: transparent;
  color: #fff;
}
ui-text .ui-container .white.ui-input {
  border: 1px solid #333333;
  border-radius: 3px;
  background-color: #ffffff;
}
ui-text :host(.err) .ui-container .ui-input {
  border-bottom-color: #ff0000;
  border-bottom-width: 3px;
}
ui-text .ui-container .ui-input:focus {
  outline: 0;
  background-color: #e8fbff;
}
ui-text .ui-container .input-icon {
  display: inline;
  margin-left: -20px;
}
ui-text .ui-container .input-icon svg {
  fill: #333;
  width: 10px;
  height: 10px;
}
ui-text .check-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #00ff00;
}
ui-text .check-icon.hidden {
  display: none;
}
ui-text .ui-input.check,
ui-text .ui-input.check:focus {
  background-color: rgba(0, 255, 0, 0.2);
}

ui-typemultiselect {
  display: block;
  font-family: titillium-web, sans-serif;
}
ui-typemultiselect .ui-container {
  position: relative;
  display: block;
}
ui-typemultiselect .ui-container .ui-input {
  display: inline;
  width: calc(100% - 35px);
  width: -webkit-calc(100% - 35px);
  padding: 10px;
  padding-right: 25px;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
  font-family: titillium-web, sans-serif;
  line-height: 1.4em;
}
ui-typemultiselect .ui-container .ui-input:focus {
  outline: 0;
  background-color: #e8fbff;
}
ui-typemultiselect .ui-container .input-icon {
  display: inline;
  margin-left: -20px;
}
ui-typemultiselect .ui-container .input-icon svg {
  fill: #333;
  width: 10px;
  height: 10px;
}
ui-typemultiselect .ui-results {
  display: none;
  background-color: #fff;
  border: 1px solid #e3e3e3;
}
ui-typemultiselect .ui-results.show {
  z-index: 2000;
  display: block;
  width: 100%;
}
ui-typemultiselect .ui-results .ui-item {
  padding: 15px;
  border-bottom: 1px dotted #333;
  cursor: pointer;
}
ui-typemultiselect .ui-results .ui-item:hover {
  background-color: #333;
  color: #fff;
}
ui-typemultiselect .ui-results .ui-item:last-of-type {
  border-bottom: 0px;
}
ui-typemultiselect .ui-selected {
  display: block;
}
ui-typemultiselect .ui-selected .selected-item {
  display: block;
  padding: 10px;
  border-bottom: 1px dotted #ececec;
}
ui-typemultiselect .ui-selected .selected-item:hover {
  background-color: #ececec;
  border-bottom: 1px dotted #ddd;
}
ui-typemultiselect .ui-selected .selected-item .remove {
  display: block;
  float: right;
  margin-top: 5px;
  cursor: pointer;
}
ui-typemultiselect .ui-selected .selected-item .remove svg {
  display: block;
  width: 15px;
  height: 15px;
  color: #ff0000;
  fill: #ff0000;
}

ui-typeselect {
  display: block;
  font-family: titillium-web, sans-serif;
}
ui-typeselect .ui-container {
  position: relative;
  display: block;
}
ui-typeselect .ui-container .ui-input {
  width: calc(100% - 35px);
  width: -webkit-calc(100% - 35px);
  padding: 9px 25px 9px 10px;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
  font-size: 1em;
  font-family: titillium-web, sans-serif;
  line-height: 1.4em;
  background-color: transparent;
}
ui-typeselect :host(.err) .ui-container .ui-input {
  border-bottom-color: #ff0000;
  border-bottom-width: 3px;
}
ui-typeselect .ui-container .light.ui-input {
  border: 0px;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
}
ui-typeselect .ui-container .transparent.light.ui-input {
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: transparent;
  color: #fff;
}
ui-typeselect .ui-container .white.ui-input {
  border: 1px solid #333333;
  border-radius: 3px;
  background-color: #ffffff;
}
ui-typeselect .ui-container .dark.ui-input {
  color: #fff;
  background-color: transparent;
}
ui-typeselect .ui-container .dark.ui-input:focus {
  border: 2px solid #27c5e8;
  background-color: transparent;
}
ui-typeselect :host(.err) .ui-container .ui-input {
  border-bottom-color: #ff0000;
  border-bottom-width: 3px;
}
ui-typeselect .ui-container .ui-input:focus {
  outline: 0;
  background-color: #e8fbff;
}
ui-typeselect .ui-container .input-icon {
  position: absolute;
  top: 10px;
  right: 10px;
}
ui-typeselect .ui-container .add-icon {
  position: absolute;
  top: 10px;
  right: 35px;
  cursor: pointer;
}
ui-typeselect .ui-container .add-icon:hover svg {
  fill: #27c5e8;
}
ui-typeselect .ui-container .input-icon svg,
ui-typeselect .ui-container .add-icon svg {
  fill: #333;
  width: 10px;
  height: 10px;
}
ui-typeselect .ui-results {
  display: none;
  background-color: #fff;
  border: 1px solid #e3e3e3;
}
ui-typeselect .ui-results.show {
  z-index: 2000;
  display: inline-block;
  width: auto;
  position: absolute;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  max-height: 400px;
  overflow-y: scroll;
}
ui-typeselect .ui-results.transparent.light.show,
ui-typeselect .ui-results.white.show {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  color: #333;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 2000;
  display: inline-block;
  width: auto;
  position: absolute;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
ui-typeselect .ui-results .ui-item {
  padding: 15px;
  border-bottom: 1px dotted #333;
  cursor: pointer;
}
ui-typeselect .ui-results .ui-item.dark {
  color: #fff;
  background-color: #333;
}
ui-typeselect .ui-results .ui-item.dark:hover {
  background-color: #fff;
  color: #333;
}
ui-typeselect .ui-results .ui-item .select-not-active {
  opacity: 0.5;
}
ui-typeselect .ui-results .ui-item.white {
  color: #333333;
}
ui-typeselect .ui-results .ui-item:hover {
  background-color: #333;
  color: #fff;
}
ui-typeselect .ui-results .ui-item:last-of-type {
  border-bottom: 0px;
}
ui-typeselect .ui-results .add-option {
  padding: 15px;
  background-color: #27c5e8;
  color: #fff;
  cursor: pointer;
  border-radius: 0px 0px 5px 5px;
}
ui-typeselect .ui-results .add-option:hover {
  background-color: #333;
  color: #fff;
}

/*# sourceMappingURL=itm-webapp.css.map */

.student-grid{display:grid;grid-template-areas:"header" "main-content";min-height:100vh;align-content:start}.student-grid header{grid-area:header}.student-grid .main-content{grid-area:main-content;width:70vw;margin-left:15vw;margin-right:15vw}.student-grid header .header-img{display:grid;grid-template-rows:auto;padding-left:15vw;padding-right:15vw}.student-grid header .header-img .header-blur .logo{padding-top:15px}.student-grid header .header-img .header-blur .title{padding-top:35px}.student-grid header .header-img .header-blur .title h1{line-height:100%;margin:0px;margin-bottom:20px;text-transform:uppercase;font-weight:300;color:#fff;font-size:2.3em}.student-grid header .nav-container{border-top:1px dotted #fff}.student-grid header .nav-container .navbar{display:inline-block}.student-grid header .nav-container .login-bar{display:inline-block;float:right;color:#fff;padding-top:20px;padding-bottom:15px}.student-grid header .nav-container .login-bar .greeting{display:inline-block;margin-right:10px;padding-right:10px;border-right:1px dotted #fff}.student-grid header .nav-container .navbar-nav{list-style:none;margin:0px;padding:20px 0px 15px 0px}.student-grid header .nav-container .navbar-nav li{display:inline-block}.student-grid header .nav-container .navbar-nav li a:link,.student-grid header .nav-container .navbar-nav li a:visited{text-decoration:none}.student-grid header .nav-container .navbar-nav li a:hover{text-decoration:none}.ui-grid{display:grid;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.ui-grid-sidebar{display:grid;position:relative;grid-template-columns:300px 10fr;grid-template-rows:auto 100%;height:calc(100vh - 42px);grid-template-areas:"header header" "sidebar main"}.ui-grid-centered{display:grid;position:relative;grid-template-columns:12fr;grid-template-rows:auto 100%;height:calc(100vh - 42px);grid-template-areas:"header" "main-centered"}.ui-grid-sidebar.left{grid-template-columns:300px 10fr;grid-template-areas:"sidebar header" "sidebar main"}.ui-grid-sidebar.left.closed{grid-template-columns:50px auto}.ui-grid-sidebar.right{grid-template-columns:10fr 300px;grid-template-areas:"header sidebar" "main sidebar"}.ui-grid-sidebar.right.closed{grid-template-columns:auto 45px}.ui-item{background-color:#f3f3f3}.ui-header,.ui-header-student{grid-area:header;padding:.5em;margin-bottom:20px;background-color:#fff}.ui-header .logo-container{margin-left:40px;padding-top:10px}.ui-sidebar{position:fixed;height:100vh;grid-area:sidebar;padding:.5em;background-color:#2e2e2e}.ui-main{grid-area:main;padding:.5em;margin-left:40px;margin-right:40px}.ui-main-centered{grid-area:main-centered;padding:0px;height:calc(100% - 135px);height:-webkit-calc(100% - 135px);height:-moz-calc(100% - 135px);background-color:rgba(0,0,0,0)}.col{padding:.5em}.col-full-width{grid-column-start:1;grid-column:full}.columns-1{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(1, 100%);grid-auto-rows:auto}.columns-2{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(2, 50%);grid-auto-rows:auto}.columns-3{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(3, 33.3333333333%);grid-auto-rows:auto}.columns-4{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(4, 25%);grid-auto-rows:auto}.columns-5{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(5, 20%);grid-auto-rows:auto}.columns-6{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(6, 16.6666666667%);grid-auto-rows:auto}.columns-7{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(7, 14.2857142857%);grid-auto-rows:auto}.columns-8{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(8, 12.5%);grid-auto-rows:auto}.columns-9{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(9, 11.1111111111%);grid-auto-rows:auto}.columns-10{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(10, 10%);grid-auto-rows:auto}.columns-11{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(11, 9.0909090909%);grid-auto-rows:auto}.columns-12{display:grid;grid-auto-columns:auto;grid-row-gap:1em;grid-column-gap:1em;grid-template-columns:repeat(12, 8.3333333333%);grid-auto-rows:auto}[class*=columns-2].r1-2{grid-template-columns:1fr 2fr}[class*=columns-2].r75-225{grid-template-columns:.75fr 2.25fr}[class*=columns-2].r05-25{grid-template-columns:.5fr 2.5fr}[class*=columns-].r2-1{grid-template-columns:2fr 1fr}[class*=columns-].r1-2-1{grid-template-columns:1fr 2fr 1fr}body{font-family:titillium-web,sans-serif}.app-loader{display:block;width:30%;margin-left:35%;margin-right:35%;margin-top:10%;text-align:center}.apps-overview{margin-left:20px;padding-top:30px}.apps-overview .app-search{margin-bottom:20px}.apps-overview .app-tile{margin:10px 10px 10px 0px}.apps-overview a.app-tile-link:link,.apps-overview a.app-tile-link:visited{display:inline-block;text-align:center;width:33%;width:-webkit-calc(33% );width:-moz-calc(33% );padding:15px;background-color:#efefef;color:#393939;margin-bottom:5px}.apps-overview a.app-tile-link:hover{color:#fff;background:#31201c;text-decoration:none}.app-container{margin-top:30px;margin-left:15px}a:link,a:visited{color:#48a9c5}.text-xs{font-size:.6em}.text-s{font-size:.8em}.text-m{font-size:1.2em}.text-l{font-size:1.4em}.text-xl{font-size:1.6em}.inline{display:inline-block}.justify-start{justify-self:start}.justify-center{justify-self:center}.justify-end{justify-self:end}.justify-stretch{justify-self:stretch}.align-start{align-self:start}.align-center{align-self:center}.align-end{align-self:end}.align-stretch{align-self:stretch}.align-right{text-align:right}.align-left{text-align:left}.align-center{text-align:center}.rotate-90{transform:rotate(90deg)}.form-container h2,.simulation-container h2,.app-container h2{text-transform:uppercase;font-size:1.3em;font-weight:700;color:#393939;padding-bottom:10px;border-bottom:1px solid #efefef}a.email:link,a.email:visited{font-weight:700;color:#48a9c5;text-decoration:none}a.email:hover{color:#daaa00}.footer{background:#393939;padding-top:30px}.footer a:link,.footer a:visited{color:#878787;font-size:14px}.footer a:hover{color:#48a9c5;text-decoration:none}.footer .footer-header{width:70vw;margin-left:15vw;margin-right:15vw;display:grid;grid-template-columns:50% 50%}.footer .footer-header .social{justify-self:end}.footer .footer-header .social .social-links a:link{font-size:18px}.footer .footer-header .social .social-links li{list-style:none;display:inline;padding-left:0px;margin-right:10px}.footer .footer-links{display:grid;margin-top:40px;margin-left:15vw;margin-right:15vw;grid-template-columns:25% 25% 25% 25%;column-gap:10px}.footer .footer-links ul{padding-left:0px}.footer .footer-links li{list-style:none}.footer .footer-links h4{text-transform:uppercase;color:#ddcba4;font-size:1.2em}.footer .footer-bottom{font-size:.8em;color:#878787;padding:20px 0px 20px 15px}.half-width{width:50% !important}.full-width{display:block;width:100% !important}.width-20p{display:inline-block;width:20%;padding:0px 15px}.width-auto{display:inline-block;width:auto}.display-inline{display:inline}.display-inline-block{display:inline-block}.display-block{display:block}.float-right{float:right}.padding-0{padding:0px !important}.padding-bottom-0{padding-bottom:0px !important}.padding-top-0{padding-top:0px !important}.padding-left-0{padding-left:0px !important}.padding-right-0{padding-right:0px !important}.margin-0{margin:0px !important}.margin-bottom-0{margin-bottom:0px !important}.margin-top-0{margin-top:0px !important}.margin-left-0{margin-left:0px !important}.margin-right-0{margin-right:0px !important}.width-0p{width:0% !important}.padding-5{padding:5px !important}.padding-bottom-5{padding-bottom:5px !important}.padding-top-5{padding-top:5px !important}.padding-left-5{padding-left:5px !important}.padding-right-5{padding-right:5px !important}.margin-5{margin:5px !important}.margin-bottom-5{margin-bottom:5px !important}.margin-top-5{margin-top:5px !important}.margin-left-5{margin-left:5px !important}.margin-right-5{margin-right:5px !important}.width-20p{width:5% !important}.padding-10{padding:10px !important}.padding-bottom-10{padding-bottom:10px !important}.padding-top-10{padding-top:10px !important}.padding-left-10{padding-left:10px !important}.padding-right-10{padding-right:10px !important}.margin-10{margin:10px !important}.margin-bottom-10{margin-bottom:10px !important}.margin-top-10{margin-top:10px !important}.margin-left-10{margin-left:10px !important}.margin-right-10{margin-right:10px !important}.width-40p{width:10% !important}.padding-15{padding:15px !important}.padding-bottom-15{padding-bottom:15px !important}.padding-top-15{padding-top:15px !important}.padding-left-15{padding-left:15px !important}.padding-right-15{padding-right:15px !important}.margin-15{margin:15px !important}.margin-bottom-15{margin-bottom:15px !important}.margin-top-15{margin-top:15px !important}.margin-left-15{margin-left:15px !important}.margin-right-15{margin-right:15px !important}.width-60p{width:15% !important}.padding-20{padding:20px !important}.padding-bottom-20{padding-bottom:20px !important}.padding-top-20{padding-top:20px !important}.padding-left-20{padding-left:20px !important}.padding-right-20{padding-right:20px !important}.margin-20{margin:20px !important}.margin-bottom-20{margin-bottom:20px !important}.margin-top-20{margin-top:20px !important}.margin-left-20{margin-left:20px !important}.margin-right-20{margin-right:20px !important}.width-80p{width:20% !important}.padding-25{padding:25px !important}.padding-bottom-25{padding-bottom:25px !important}.padding-top-25{padding-top:25px !important}.padding-left-25{padding-left:25px !important}.padding-right-25{padding-right:25px !important}.margin-25{margin:25px !important}.margin-bottom-25{margin-bottom:25px !important}.margin-top-25{margin-top:25px !important}.margin-left-25{margin-left:25px !important}.margin-right-25{margin-right:25px !important}.width-100p{width:25% !important}.padding-30{padding:30px !important}.padding-bottom-30{padding-bottom:30px !important}.padding-top-30{padding-top:30px !important}.padding-left-30{padding-left:30px !important}.padding-right-30{padding-right:30px !important}.margin-30{margin:30px !important}.margin-bottom-30{margin-bottom:30px !important}.margin-top-30{margin-top:30px !important}.margin-left-30{margin-left:30px !important}.margin-right-30{margin-right:30px !important}.width-120p{width:30% !important}.padding-35{padding:35px !important}.padding-bottom-35{padding-bottom:35px !important}.padding-top-35{padding-top:35px !important}.padding-left-35{padding-left:35px !important}.padding-right-35{padding-right:35px !important}.margin-35{margin:35px !important}.margin-bottom-35{margin-bottom:35px !important}.margin-top-35{margin-top:35px !important}.margin-left-35{margin-left:35px !important}.margin-right-35{margin-right:35px !important}.width-140p{width:35% !important}.padding-40{padding:40px !important}.padding-bottom-40{padding-bottom:40px !important}.padding-top-40{padding-top:40px !important}.padding-left-40{padding-left:40px !important}.padding-right-40{padding-right:40px !important}.margin-40{margin:40px !important}.margin-bottom-40{margin-bottom:40px !important}.margin-top-40{margin-top:40px !important}.margin-left-40{margin-left:40px !important}.margin-right-40{margin-right:40px !important}.width-160p{width:40% !important}.padding-45{padding:45px !important}.padding-bottom-45{padding-bottom:45px !important}.padding-top-45{padding-top:45px !important}.padding-left-45{padding-left:45px !important}.padding-right-45{padding-right:45px !important}.margin-45{margin:45px !important}.margin-bottom-45{margin-bottom:45px !important}.margin-top-45{margin-top:45px !important}.margin-left-45{margin-left:45px !important}.margin-right-45{margin-right:45px !important}.width-180p{width:45% !important}.padding-50{padding:50px !important}.padding-bottom-50{padding-bottom:50px !important}.padding-top-50{padding-top:50px !important}.padding-left-50{padding-left:50px !important}.padding-right-50{padding-right:50px !important}.margin-50{margin:50px !important}.margin-bottom-50{margin-bottom:50px !important}.margin-top-50{margin-top:50px !important}.margin-left-50{margin-left:50px !important}.margin-right-50{margin-right:50px !important}.width-200p{width:50% !important}.padding-55{padding:55px !important}.padding-bottom-55{padding-bottom:55px !important}.padding-top-55{padding-top:55px !important}.padding-left-55{padding-left:55px !important}.padding-right-55{padding-right:55px !important}.margin-55{margin:55px !important}.margin-bottom-55{margin-bottom:55px !important}.margin-top-55{margin-top:55px !important}.margin-left-55{margin-left:55px !important}.margin-right-55{margin-right:55px !important}.width-220p{width:55% !important}.padding-60{padding:60px !important}.padding-bottom-60{padding-bottom:60px !important}.padding-top-60{padding-top:60px !important}.padding-left-60{padding-left:60px !important}.padding-right-60{padding-right:60px !important}.margin-60{margin:60px !important}.margin-bottom-60{margin-bottom:60px !important}.margin-top-60{margin-top:60px !important}.margin-left-60{margin-left:60px !important}.margin-right-60{margin-right:60px !important}.width-240p{width:60% !important}.padding-65{padding:65px !important}.padding-bottom-65{padding-bottom:65px !important}.padding-top-65{padding-top:65px !important}.padding-left-65{padding-left:65px !important}.padding-right-65{padding-right:65px !important}.margin-65{margin:65px !important}.margin-bottom-65{margin-bottom:65px !important}.margin-top-65{margin-top:65px !important}.margin-left-65{margin-left:65px !important}.margin-right-65{margin-right:65px !important}.width-260p{width:65% !important}.padding-70{padding:70px !important}.padding-bottom-70{padding-bottom:70px !important}.padding-top-70{padding-top:70px !important}.padding-left-70{padding-left:70px !important}.padding-right-70{padding-right:70px !important}.margin-70{margin:70px !important}.margin-bottom-70{margin-bottom:70px !important}.margin-top-70{margin-top:70px !important}.margin-left-70{margin-left:70px !important}.margin-right-70{margin-right:70px !important}.width-280p{width:70% !important}.padding-75{padding:75px !important}.padding-bottom-75{padding-bottom:75px !important}.padding-top-75{padding-top:75px !important}.padding-left-75{padding-left:75px !important}.padding-right-75{padding-right:75px !important}.margin-75{margin:75px !important}.margin-bottom-75{margin-bottom:75px !important}.margin-top-75{margin-top:75px !important}.margin-left-75{margin-left:75px !important}.margin-right-75{margin-right:75px !important}.width-300p{width:75% !important}.padding-80{padding:80px !important}.padding-bottom-80{padding-bottom:80px !important}.padding-top-80{padding-top:80px !important}.padding-left-80{padding-left:80px !important}.padding-right-80{padding-right:80px !important}.margin-80{margin:80px !important}.margin-bottom-80{margin-bottom:80px !important}.margin-top-80{margin-top:80px !important}.margin-left-80{margin-left:80px !important}.margin-right-80{margin-right:80px !important}.width-320p{width:80% !important}.padding-85{padding:85px !important}.padding-bottom-85{padding-bottom:85px !important}.padding-top-85{padding-top:85px !important}.padding-left-85{padding-left:85px !important}.padding-right-85{padding-right:85px !important}.margin-85{margin:85px !important}.margin-bottom-85{margin-bottom:85px !important}.margin-top-85{margin-top:85px !important}.margin-left-85{margin-left:85px !important}.margin-right-85{margin-right:85px !important}.width-340p{width:85% !important}.padding-90{padding:90px !important}.padding-bottom-90{padding-bottom:90px !important}.padding-top-90{padding-top:90px !important}.padding-left-90{padding-left:90px !important}.padding-right-90{padding-right:90px !important}.margin-90{margin:90px !important}.margin-bottom-90{margin-bottom:90px !important}.margin-top-90{margin-top:90px !important}.margin-left-90{margin-left:90px !important}.margin-right-90{margin-right:90px !important}.width-360p{width:90% !important}.padding-95{padding:95px !important}.padding-bottom-95{padding-bottom:95px !important}.padding-top-95{padding-top:95px !important}.padding-left-95{padding-left:95px !important}.padding-right-95{padding-right:95px !important}.margin-95{margin:95px !important}.margin-bottom-95{margin-bottom:95px !important}.margin-top-95{margin-top:95px !important}.margin-left-95{margin-left:95px !important}.margin-right-95{margin-right:95px !important}.width-380p{width:95% !important}.padding-100{padding:100px !important}.padding-bottom-100{padding-bottom:100px !important}.padding-top-100{padding-top:100px !important}.padding-left-100{padding-left:100px !important}.padding-right-100{padding-right:100px !important}.margin-100{margin:100px !important}.margin-bottom-100{margin-bottom:100px !important}.margin-top-100{margin-top:100px !important}.margin-left-100{margin-left:100px !important}.margin-right-100{margin-right:100px !important}.width-400p{width:100% !important}.hidden{display:none}.question-marker{font-size:11px;color:#878787}.ie-warning{display:none;position:absolute;top:40%;padding:20px;background-color:#b33d26;color:#fff;font-size:1.3em;font-weight:300}.ie-warning a:link,.ie-warning a:visited{text-decoration:underline;color:#fff;font-weight:700}.preloader{display:block;width:100%;margin-top:50px;text-align:center}.preloader img{margin-left:auto;margin-right:auto}.dot-s{display:inline-block;width:10px;height:10px;border-radius:50%}.dot-m{display:inline-block;width:20px;height:20px;border-radius:50%}.dot-l{display:inline-block;width:30px;height:30px;border-radius:50%}.caps{text-transform:uppercase}.comma-before::before{content:", "}.comma-before:first-of-type::before{content:" "}.img-placeholder{position:relative;display:block;width:100%;background-color:#efefef;min-height:300px;border-radius:10px;background-image:url("/img/img-bg.svg");background-repeat:no-repeat;background-position:center}.main-container{display:grid;grid-template-columns:15% calc(70% - 30px) 15%;grid-template-columns:15% -webkit-calc(70% - 30px) 15%;grid-template-columns:15% -moz-calc(70% - 30px) 15%;margin:0px;padding:0px;background-color:#fff}.shrink{position:fixed;top:0px;margin-top:0px;width:100%;background-color:#115e67}.shrink .top-bar{display:none}.shrink .header-img{margin:0px;padding:0px;background:none;height:50px;width:100%}.shrink .header-img h1{display:none}.shrink .nav-container{position:absolute;top:20px;left:70px;background-color:rgba(0,0,0,0);flex-wrap:nowrap}.shrink .login{padding:0px 20px 10px 20px;margin-right:70px}.header-img{margin:0px;padding:0px;background:url("../img/header-bg-2021-2.jpg");background-position:center;background-repeat:no-repeat;height:auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.nav-container-mobile{display:none}.navbar-light .navbar-nav .nav-link{color:#fff;padding-left:0px;padding-right:20px;font-weight:300;text-transform:uppercase}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .active>.nav-link:hover{color:#ddcba4}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#fff;font-weight:bold}.navbar-light .navbar-toggler{border:0px}.navbar-light .navbar-toggler-icon{background-image:url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path stroke="rgba(255, 255, 255, 0.5)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/></svg>')}.navbar-toggler-icon{color:#fff}@media only screen and (max-width: 480px){header .app-name{display:block;text-transform:uppercase;font-weight:500;font-size:1.1em;margin:10px 0px 10px 15px;padding:15px 20px 10px 0px;border-right:0px}.header-bg{background-color:#393939;padding-bottom:15px}.header-subnav{background-color:#585858}header .navg{display:inline;font-size:1em;font-weight:200;margin-left:-5px}header .navg ul{display:inline;list-style:none;padding:0px}header .navg ul li{display:inline}header .navg ul li a:link,header .navg ul li a:visited{display:inline-block;padding:15px 20px 10px 20px;color:#fff;text-decoration:none;text-transform:uppercase}header .navg ul li a:hover{background-color:#48a9c5;color:#fff}header .navg ul li a.subnav-active:link,header .navg ul li a.subnav-active:visited{background-color:#48a9c5}header .navg ul li a.subnav-active:hover{background-color:#007398}header .login{display:block;float:left;padding-top:17px}header .login .fas-btn{padding-left:10px;cursor:pointer}header .login .fas-btn:hover{color:#48a9c5}.apps-overview{margin-left:20px;margin-right:20px;padding-top:30px}.apps-overview .app-search{margin-bottom:10px}.apps-overview .app-tile{margin:10px 10px 10px 0px}.apps-overview a.app-tile-link:link,.apps-overview a.app-tile-link:visited{display:inline-block;text-align:center;width:100%;height:auto;padding:15px;background-color:#efefef;color:#393939;margin-bottom:5px}.apps-overview a.app-tile-link:hover{color:#fff;background:#31201c;text-decoration:none}}.sortable-drag,.sortable-ghost{background-color:#48a9c5}.clr-primary-1{color:#e83f80}.clr-primary-2{color:#27c5e8}.clr-secondary-1{color:#0b819c}.clr-secondary-2{color:#e8d610}.clr-secondary-3{color:#9c9013}.bg-clr-primary-1{background-color:#e83f80 !important}.bg-clr-primary-2{background-color:#27c5e8 !important}.bg-clr-secondary-1{background-color:#0b819c !important}.bg-clr-secondary-2{background-color:#e8d610 !important}.bg-clr-secondary-3{background-color:#9c9013 !important}.grey-1{color:#f3f3f3}.grey-2{color:#e8e8e8}.grey-3{color:#8b8b8b}.grey-4{color:#2e2e2e}.bg-grey-1{background-color:#f3f3f3 !important}.bg-grey-2{background-color:#e8e8e8 !important}.bg-grey-3{background-color:#8b8b8b !important}.bg-grey-4{background-color:#2e2e2e !important}.clr-red{color:#ff3636}.clr-orange{color:#ff882d}.clr-yellow-1{color:#ffdc2d}.clr-yellow-2{color:#f8ff2d}.clr-green-1{color:#96ff2d}.clr-green-2{color:#04fc67}.clr-blue-1{color:#04fcfc}.clr-blue-2{color:#04b8fc}.bg-clr-red{background-color:#ff3636 !important}.bg-clr-orange{background-color:#ff882d !important}.bg-clr-yellow-1{background-color:#ffdc2d !important}.bg-clr-yellow-2{background-color:#f8ff2d !important}.bg-clr-green-1{background-color:#96ff2d !important}.bg-clr-green-2{background-color:#04fc67 !important}.bg-clr-blue-1{background-color:#04fcfc !important}.bg-clr-blue-2{background-color:#04b8fc !important}.white{color:#fff}.black{color:#000}.grey-black{color:#31201c}.grey-darker{color:#1c1c1c}.grey-dark{color:#393939}.grey-medium2{color:#585858}.grey-medium{color:#878787}.grey-light{color:#efefef}.sand{color:#ddcba4}.red-dark{color:#802f2d}.red-bright{color:#b33d26}.orange{color:#cf7f00}.yellow-dark{color:#daaa00}.green-dark{color:#949300}.green-bright{color:#658d1b}.blue-light{color:#48a9c5}.blue-dark{color:#007398}.blue-main{color:#115e67}.bg-red-pastel{background-color:#ffcdcd !important}.bg-orange-pastel{background-color:#ffdbcd !important}.bg-orange-pastel2{background-color:#ffe3cd !important}.bg-yellow-pastel{background-color:#ffeacd !important}.bg-yellow-pastel2{background-color:#fef4cc !important}.bg-green-pastel{background-color:#fefacc !important}.bg-green-pastel2{background-color:#f7ffcd !important}.bg-blue-light{background-color:#48a9c5 !important}.bg-blue-dark{background-color:#007398 !important}.bg-blue-main{background-color:#115e67 !important}.bg-sand{background-color:#ddcba4 !important}.bg-red-dark{background-color:#802f2d !important}.bg-red-bright{background-color:#b33d26 !important}.bg-orange{background-color:#cf7f00 !important}.bg-yellow-dark{background-color:#daaa00 !important}.bg-green-dark{background-color:#949300 !important}.bg-green-bright{background-color:#658d1b !important}.bg-grey-black{background-color:#31201c !important}.bg-grey-darker{background-color:#1c1c1c !important}.bg-grey-dark{background-color:#393939 !important}.bg-grey-medium2{background-color:#585858 !important}.bg-grey-medium{background-color:#878787 !important}.bg-grey-light{background-color:#efefef !important}h1,h2,h3,h4,h5,h6{font-family:frank-new,sans-serif;font-weight:300;text-transform:uppercase;margin-top:0px;margin-bottom:20px;line-height:1em;display:inline-block}h1{font-size:3em}h2{font-size:2.5em}h3{font-size:2.25em}h4{font-size:2em}h5{font-size:1.75em}h6{font-size:1.5em}h1.bold,h2.bold,h3.bold,h4.bold,h5.bold,h6.bold{font-weight:700}h1.underline,h2.underline,h3.underline,h4.underline,h5.underline,h6.underline{padding-bottom:10px;border-bottom:1px dotted #2e2e2e}h1.underline-blue,h2.underline-blue,h3.underline-blue,h4.underline-blue,h5.underline-blue,h6.underline-blue{padding-bottom:10px;border-bottom:1px dotted #27c5e8}h1[class*=bg-],h2[class*=bg-],h3[class*=bg-],h4[class*=bg-],h5[class*=bg-],h6[class*=bg-]{padding:10px;border-radius:10px}.bold{font-weight:bold}.center{text-align:center}blockquote{display:block;position:relative}blockquote:before{position:absolute;content:open-quote;font-size:10em;font-family:frank-new,sans-serif;color:#e83f80;margin-left:-0.4em;margin-top:-0.31em}blockquote p{display:inline}button{height:40px;border-radius:20px;text-align:center;font-family:frank-new,sans-serif;font-size:16px;border:0px;text-transform:uppercase;padding-left:15px;padding-right:15px;cursor:pointer}button.small{font-size:12px}button.bold{font-weight:bold}button:focus{outline:0}button:hover{-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,.36);-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,.36);box-shadow:5px 5px 5px 0px rgba(0,0,0,.36);animation:btn-hover .2s linear}button.light,button.dark:hover{background-color:#fff;color:#2e2e2e;border:1px solid #2e2e2e}button.dark,button.light:hover{background-color:#2e2e2e;color:#fff;border:0px}button.clr{color:#fff}button.clr img{padding-right:10px;padding-bottom:3px}button.light.thin,button.dark.thin{height:25px;border-radius:20px}button.light.normal,button.dark.normal{height:40px;border-radius:20px}button.light.fat,button.dark.fat{height:60px;border-radius:30px}button.light.icon,button.dark.icon,button.clr.icon{width:30px;height:30px;padding:5px}button.clr.icon img{max-width:15px;max-height:15px;padding-right:1px;padding-bottom:1px}button.transparent.light,button.transparent.dark{background-color:rgba(0,0,0,0);color:#fff;border:1px solid hsla(0,0%,100%,.4);animation:none;box-shadow:none}button.transparent.light img,button.transparent.dark img{padding-right:5px}button.transparent.dark{color:#393939;border:1px solid #393939}button.transparent.light:hover{background-color:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.4);animation:none;box-shadow:none}button.fullwidth{width:100%}button.btn-confirm{background-color:#04fc67;color:#2e2e2e}button.btn-confirm{background-color:#04fc67;color:#2e2e2e}button.btn-cancel{background-color:#ff3636;color:#fff}@keyframes btn-hover{0%{-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0);-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0);box-shadow:5px 5px 5px 0px rgba(0,0,0,0)}100%{-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,.36);-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,.36);box-shadow:5px 5px 5px 0px rgba(0,0,0,.36)}}.label{font-family:titillium-web,sans-serif}.label.extra-light{font-weight:200}.label.light{font-weight:300}.label.regular{font-weight:400}.label.bold{font-weight:700}.label.small{font-size:.8em}.label.normal{font-size:1em}.label.large{font-size:1.3em}.label[class*=bg-]{padding:.5em;border-radius:3px}label.noborder{border-bottom:0px rgba(0,0,0,0)}label.underline-light{border-bottom:1px dotted #8b8b8b}label.underline-dark{border-bottom:1px dotted #393939}div.underline-light{border-bottom:1px dotted #8b8b8b}div.underline-dark{border-bottom:1px dotted #393939}.tag-pill{display:block;background:#efefef;padding:10px;max-height:20px;border-radius:20px;margin-right:10px}.tag-pill.inline{display:inline}.tag-pill .delete-icon,.tag-pill.inline .delete-icon{display:inline;padding-left:5px;padding-right:5px;font-size:.8em;cursor:pointer;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;transition:all .2s ease-in}.tag-pill .delete-icon:hover,.tag-pill.inline .delete-icon:hover{transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;transform:rotate(360deg)}ui-message-dialog.light,ui-message-dialog.dark,ui-message-dialog-student.light,ui-message-dialog-student.dark,ui-status-message-dialog.light,ui-status-message-dialog.dark,ui-remarks-dialog.light,ui-remarks-dialog.dark,confirm-dialog.light,confirm-dialog.dark,ui-enr-export-dialog.light,ui-enr-export-dialog.dark,ui-file-upload-dialog.light,ui-file-upload-dialog.dark,ui-merge-conversation-dialog.light,ui-merge-conversation-dialog.dark,ui-referee-message-dialog.light,ui-referee-message-dialog.dark,ui-assign-dialog.light,ui-assign-dialog.dark{opacity:1}ui-message-dialog.dark,ui-message-dialog-student.dark{color:#2e2e2e}ui-message-dialog.fade-out,ui-message-dialog.light.fade-out,ui-message-dialog.dark.fade-out,ui-message-dialog-student.fade-out,ui-message-dialog-student.light.fade-out,ui-message-dialog-student.dark.fade-out,ui-status-message-dialog.fade-out,ui-status-message-dialog.light.fade-out,ui-status-message-dialog.dark.fade-out,ui-referee-message-dialog.fade-out,ui-referee-message-dialog.light.fade-out,ui-referee-message-dialog.dark.fade-out,ui-remarks-dialog.fade-out,ui-remarks-dialog.light.fade-out,ui-remarks-dialog.dark.fade-out,confirm-dialog.fade-out,confirm-dialog.light.fade-out,confirm-dialog.dark.fade-out ui-enr-export-dialog.fade-out,ui-enr-export-dialog.light.fade-out,ui-enr-export-dialog.dark.fade-out,ui-file-upload-dialog.fade-out,ui-file-upload-dialog.light.fade-out,ui-file-upload-dialog.dark.fade-out,ui-merge-conversation-dialog.fade-out,ui-merge-conversation-dialog.light.fade-out,ui-merge-conversation-dialog.dark.fade-out,ui-assign-dialog.fade-out,ui-assign-dialog.light.fade-out,ui-assign-dialog.dark.fade-out{animation:fade-out .2s linear}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}confirm-dialog.light .confirm-dialog,confirm-dialog.dark .confirm-dialog,ui-remarks-dialog.light .confirm-dialog,ui-remarks-dialog.dark .confirm-dialog,.course-enrollments.overlay,ui-enr-export-dialog.light .export-dialog,ui-enr-export-dialog.dark .export-dialog,ui-file-upload-dialog.light .export-dialog,ui-file-upload-dialog.dark .export-dialog,ui-merge-conversation-dialog.light .export-dialog,ui-merge-conversation-dialog.dark .export-dialog,ui-assign-dialog.light .export-dialog,ui-assign-dialog.dark .export-dialog{z-index:1006;display:block;position:fixed;background-color:#f3f3f3;border-radius:5px;padding:1em;width:30vw;height:auto;left:35vw;top:10vh;transform:translateY(-100px);-webkit-transform:translateY(-100px);border-bottom:3px solid #8b8b8b;text-align:center;-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,.3);-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,.3);box-shadow:5px 5px 5px 0px rgba(0,0,0,.3)}ui-message-dialog.light .message-dialog,ui-message-dialog.dark .message-dialog,ui-message-dialog-student.light .message-dialog,ui-message-dialog-student.dark .message-dialog,ui-status-message-dialog.light .message-dialog,ui-status-message-dialog.dark .message-dialog,ui-referee-message-dialog.light .message-dialog,ui-referee-message-dialog.dark .message-dialog,ui-remarks-dialog.light .remark-dialog,ui-remarks-dialog.dark .remark-dialog,ui-enr-export-dialog.light .export-dialog,ui-enr-export-dialog.dark .export-dialog,ui-file-upload-dialog.light .export-dialog,ui-file-upload-dialog.dark .export-dialog,ui-merge-conversation-dialog.light .export-dialog,ui-merge-conversation-dialog.dark .export-dialog{z-index:1006;display:block;position:absolute;background-color:#f3f3f3;border-radius:5px;padding:1.5em;width:70vw;height:auto;left:15vw;top:10vh;transform:translateY(-100px);-webkit-transform:translateY(-100px);border-bottom:3px solid #8b8b8b;text-align:left;-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,.3);-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,.3);box-shadow:5px 5px 5px 0px rgba(0,0,0,.3)}ui-enr-export-dialog.light .export-dialog,ui-enr-export-dialog.dark .export-dialog,ui-merge-conversation-dialog.light .export-dialog,ui-merge-conversation-dialog.dark .export-dialog{width:40vw;height:auto;left:30vw}confirm-dialog.dark .confirm-dialog,ui-remarks-dialog.dark .export-dialog{background-color:#2e2e2e;border-bottom:3px solid #8b8b8b;color:#fff}ui-message-dialog.light .message-dialog.slide-in,ui-message-dialog.dark .message-dialog.slide-in,ui-message-dialog-student.light .message-dialog.slide-in,ui-message-dialog-student.dark .message-dialog.slide-in,ui-status-message-dialog.light .message-dialog.slide-in,ui-status-message-dialog.dark .message-dialog.slide-in,ui-referee-message-dialog.light .message-dialog.slide-in,ui-referee-message-dialog.dark .message-dialog.slide-in,ui-remarks-dialog.light .remark-dialog.slide-in,ui-remarks-dialog.dark .remark-dialog.slide-in,confirm-dialog.light .confirm-dialog.slide-in,confirm-dialog.dark .confirm-dialog.slide-in,ui-enr-export-dialog.light .export-dialog.slide-in,ui-enr-export-dialog.dark .export-dialog.slide-in,ui-file-upload-dialog.light .export-dialog.slide-in,ui-file-upload-dialog.dark .export-dialog.slide-in,ui-merge-conversation-dialog.light .export-dialog.slide-in,ui-merge-conversation-dialog.dark .export-dialog.slide-in,ui-assign-dialog.light .export-dialog.slide-in,ui-assign-dialog.dark .export-dialog.slide-in{animation:slide-in .3s forwards}ui-message-dialog.light .message-dialog.scale-out,ui-message-dialog.dark .message-dialog.scale-out,ui-message-dialog-student.light .message-dialog.scale-out,ui-message-dialog-student.dark .message-dialog.scale-out,ui-status-message-dialog.light .message-dialog.scale-out,ui-status-message-dialog.dark .message-dialog.scale-out,ui-referee-message-dialog.light .message-dialog.scale-out,ui-referee-message-dialog.dark .message-dialog.scale-out,ui-remarks-dialog.light .remark-dialog.scale-out,ui-remarks-dialog.dark .remark-dialog.scale-out,confirm-dialog.light .confirm-dialog.scale-out,confirm-dialog.dark .confirm-dialog.scale-out,ui-enr-export-dialog.light .confirm-dialog.scale-out,ui-enr-export-dialog.dark .confirm-dialog.scale-out,ui-file-upload-dialog.light .confirm-dialog.scale-out,ui-file-upload-dialog.dark .confirm-dialog.scale-out,ui-merge-conversation-dialog.light .confirm-dialog.scale-out,ui-merge-conversation-dialog.dark .confirm-dialog.scale-out,ui-assign-dialog.light .confirm-dialog.scale-out,ui-assign-dialog.dark .confirm-dialog.scale-out{transform:scale(1);animation:scale-out .15s linear}.dialog-bg,ui-message-dialog.light .dialog-bg,ui-message-dialog.dark .dialog-bg,ui-message-dialog-student.light .dialog-bg,ui-message-dialog-student.dark .dialog-bg,ui-status-message-dialog.light .dialog-bg,ui-status-message-dialog.dark .dialog-bg,ui-referee-message-dialog.light .dialog-bg,ui-referee-message-dialog.dark .dialog-bg,ui-remarks-dialog.light .dialog-bg,ui-remarks-dialog.dark .dialog-bg,confirm-dialog.light .dialog-bg,confirm-dialog.dark .dialog-bg,ui-enr-export-dialog.light .dialog-bg,ui-enr-export-dialog.dark .dialog-bg,ui-file-upload-dialog.light .dialog-bg,ui-file-upload-dialog.dark .dialog-bg,ui-merge-conversation-dialog.light .dialog-bg,ui-merge-conversation-dialog.dark .dialog-bg,ui-assign-dialog.light .dialog-bg,ui-assign-dialog.dark .dialog-bg{z-index:1005;display:block;position:fixed;top:0px;left:0px;background-color:rgba(0,0,0,.3);height:100vh;width:100vw;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}ui-message-dialog.light .dialog-bg,ui-message-dialog-student.light .dialog-bg,ui-status-message-dialog.light .dialog-bg,ui-referee-message-dialog.light .dialog-bg,ui-remarks-dialog.light .dialog-bg,ui-enr-export-dialog.light .dialog-bg,ui-file-upload-dialog.light .dialog-bg,ui-merge-conversation-dialog.light .dialog-bg,ui-assign-dialog.light .dialog-bg{background-color:hsla(0,0%,100%,.8)}@keyframes slide-in{100%{transform:translateY(0px)}}@-webkit-keyframes slide-in{100%{transform:translateY(0px)}}@keyframes scale-out{100%{transform:scale(0.7)}}@-webkit-keyframes scale-out{100%{transform:scale(0.7)}}ui-message-dialog.dark input,ui-message-dialog-student.dark input{color:#393939}ui-message-dialog.dark .ql-toolbar,ui-message-dialog-student.dark .ql-toolbar{border-top-right-radius:5px;border-top-left-radius:5px;color:#393939}ui-message-dialog.dark .ql-snow .ql-stroke,ui-message-dialog-student.dark .ql-snow .ql-stroke{stroke:#393939}ui-message-dialog.dark .ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill,ui-message-dialog-student.dark .ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#393939}ui-message-dialog.dark .ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before,ui-message-dialog.dark .ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before,ui-message-dialog-student.dark .ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before,ui-message-dialog-student.dark .ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{color:#393939}ui-message-dialog.dark .ql-container,ui-message-dialog-student.dark .ql-container{border-bottom-right-radius:5px;border-bottom-left-radius:5px}ui-message-dialog.dark .msg-quill .ql-editor,ui-message-dialog-student.dark .msg-quill .ql-editor{min-height:250px}ui-message-dialog button.msg-send,ui-message-dialog-student button.msg-send{float:right;color:#fff}.tip{display:block}.tip.inline{display:inline-block;margin-left:10px}generic-dialog .generic-dialog{position:absolute;width:40vw;left:30vw;top:10%;min-height:5vh;background-color:#fff;border-radius:5px;z-index:9006;padding:20px}.version-dialog{display:grid;justify-content:center;justify-items:center;grid-template-columns:1fr;row-gap:20px;padding:10px}.version-dialog p{margin:5px}.version-dialog button{margin-top:20px;background-color:#27c5e8;color:#fff}.ui-tip ui-tip .tip-icon{width:15px;height:15px;color:#ccc;cursor:pointer}.ui-tip ui-tip .tip-icon:hover svg,.ui-tip ui-tip .tip-icon:hover svg path{fill:#27c5e8}.ui-tip ui-tip .tip-icon svg,.ui-tip ui-tip .tip-icon svg path{fill:#ccc}.ui-tip.inline{display:inline-block}.ui-tip ui-tip .tip{z-index:3000;visibility:visible;display:block;position:absolute;max-width:20vw;min-width:150px;top:-5000px;left:-10000px;background-color:#e8e8e8;padding:5px 15px 10px 15px;border-radius:5px}.ui-tip ui-tip .tip.hid{visibility:hidden;opacity:0}.ui-tip ui-tip .tip.fade{animation-name:faderIn;animation-duration:.3s}@keyframes faderIn{from{margin-top:-15px;opacity:0}to{margin-top:0px;opacity:1}}.ui-tip ui-tip .tip .title{padding-bottom:5px;border-bottom:1px dotted #aaa;font-weight:700}.ui-tip ui-tip .tip .body{padding-top:5px;color:#393939}.tooltip{display:none;position:absolute;background-color:#2e2e2e;color:#fff;padding:5px;border-radius:3px;z-index:1000;margin-left:30px}.separator{display:block}.separator.hor{display:inline-block}.separator.vert{display:block}.separator.hor.p10{width:10px;height:1px}.separator.vert.p10{height:10px;width:1px}.separator.hor.p20{width:20px;height:1px}.separator.vert.p20{height:20px;width:1px}.separator.hor.p30{width:30px;height:1px}.separator.vert.p30{height:30px;width:1px}.separator.hor.p40{width:40px;height:1px}.separator.vert.p40{height:40px;width:1px}.separator.hor.p50{width:50px;height:1px}.separator.vert.p50{height:50px;width:1px}.separator.hor.p60{width:60px;height:1px}.separator.vert.p60{height:60px;width:1px}.separator.hor.p70{width:70px;height:1px}.separator.vert.p70{height:70px;width:1px}.separator.hor.p80{width:80px;height:1px}.separator.vert.p80{height:80px;width:1px}.separator.hor.p90{width:90px;height:1px}.separator.vert.p90{height:90px;width:1px}.separator.hor.p100{width:100px;height:1px}.separator.vert.p100{height:100px;width:1px}.separator.hor.p110{width:110px;height:1px}.separator.vert.p110{height:110px;width:1px}.separator.hor.p120{width:120px;height:1px}.separator.vert.p120{height:120px;width:1px}.separator.hor.p130{width:130px;height:1px}.separator.vert.p130{height:130px;width:1px}.separator.hor.p140{width:140px;height:1px}.separator.vert.p140{height:140px;width:1px}.separator.hor.p150{width:150px;height:1px}.separator.vert.p150{height:150px;width:1px}.separator.hor.p160{width:160px;height:1px}.separator.vert.p160{height:160px;width:1px}.separator.hor.p170{width:170px;height:1px}.separator.vert.p170{height:170px;width:1px}.separator.hor.p180{width:180px;height:1px}.separator.vert.p180{height:180px;width:1px}.separator.hor.p190{width:190px;height:1px}.separator.vert.p190{height:190px;width:1px}.separator.hor.p200{width:200px;height:1px}.separator.vert.p200{height:200px;width:1px}.separator.hor.p210{width:210px;height:1px}.separator.vert.p210{height:210px;width:1px}.separator.hor.p220{width:220px;height:1px}.separator.vert.p220{height:220px;width:1px}.separator.hor.p230{width:230px;height:1px}.separator.vert.p230{height:230px;width:1px}.separator.hor.p240{width:240px;height:1px}.separator.vert.p240{height:240px;width:1px}.separator.hor.p250{width:250px;height:1px}.separator.vert.p250{height:250px;width:1px}.separator.hor.p260{width:260px;height:1px}.separator.vert.p260{height:260px;width:1px}.separator.hor.p270{width:270px;height:1px}.separator.vert.p270{height:270px;width:1px}.separator.hor.p280{width:280px;height:1px}.separator.vert.p280{height:280px;width:1px}.separator.hor.p290{width:290px;height:1px}.separator.vert.p290{height:290px;width:1px}.separator.hor.p300{width:300px;height:1px}.separator.vert.p300{height:300px;width:1px}input,select{border:0px;border:1px solid #d6d6d6;padding:10px 10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);outline:none;border-radius:5px;background-color:rgba(0,0,0,0);color:#393939;font-size:1em;line-height:1.4em}input.err{border-bottom-color:red;border-bottom-width:3px}input[type=text]:disabled{background:#efefef}input[type=radio]{display:inline-block;width:auto}input:focus,select:focus{background-color:hsla(0,0%,100%,.1)}.input-with-prefix{display:grid;grid-template-columns:auto 1fr}.input-with-prefix .prefix{padding:10px;background-color:#393939;color:#fff;border-top-left-radius:5px;border-bottom-left-radius:5px;line-height:1em}.input-with-prefix input{border-top-left-radius:0px;border-bottom-left-radius:0px;margin-bottom:0px}.input-switch,.input-switch-s{font-size:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2em;height:1em;background:#ddd;border:0px;border-radius:1em;position:relative;cursor:pointer;outline:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin-bottom:-10px}div.inline-checkbox{display:grid;grid-template-columns:50px auto;column-gap:10px}.input-switch-s{font-size:20px;margin-bottom:-5px}.input-switch:checked,.input-switch-s:checked{background:#48a9c5}.input-switch:after,.input-switch-s:after{position:absolute;content:"";width:1em;height:1em;border-radius:50%;background:#fff;-webkit-box-shadow:0 0 .25em rgba(0,0,0,.3);box-shadow:0 0 .25em rgba(0,0,0,.3);-webkit-transform:scale(0.7);transform:scale(0.7);left:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.input-switch:checked:after,.input-switch-s:checked:after{left:calc(100% - 1em)}label{display:block;font-weight:700;font-size:1em;padding-bottom:5px}label .optional{font-weight:300;font-size:.9em;color:#878787}label.uppercase{text-transform:uppercase}.fas-btn{cursor:pointer}button.btn-save{display:block;width:100%;padding:10px;background-color:#48a9c5;color:#fff;border:0px;cursor:pointer}button.btn-save:hover{background-color:#393939}button.btn-add{display:block;width:100%;padding:10px;background-color:#fff;color:#393939;border:1px dotted #878787;cursor:pointer}button.btn-add:hover{background-color:#393939;color:#fff}div.btn-add{display:block;width:100%;padding:10px;background-color:#fff;color:#393939;border:1px dotted #878787;cursor:pointer}div.btn-add:hover{background-color:#393939;color:#fff}button.btn-search{color:#48a9c5;background-color:rgba(0,0,0,0);border-style:none;padding:10px;margin-left:-35px}button.btn-search:hover{color:#393939;background-color:rgba(0,0,0,0);border-style:none;padding:10px}button.add-row{background-color:#27c5e8;border-radius:50%;width:30px;height:30px;padding:5px}button.add-row:hover{background-color:#393939}div.btn-delete-item,div.btn-attend-item,div.btn-edit-item{display:block;float:right;color:#393939;border:0px;cursor:pointer;margin:0px 10px}div.btn-delete-item:hover,div.btn-attend-item:hover,div.btn-edit-item:hover{color:#b33d26}.input-extra-small{width:12.5%}.input-small{width:25%}.input-medium{width:50%}.input-large{width:75%}.input-extra-large{width:100%}.input-33{width:33%}.input-66{width:66%}.input-light{border:0px;border-bottom:1px solid #e8e8e8;font-size:.9em}.div-table-inline{display:inline}.div-table-row{display:inline-block;vertical-align:top;position:relative}.div-table-cell{display:inline-block;position:relative;top:0px}textarea{border:1px solid #48a9c5;padding:15px;border-radius:5px}.textarea-xs{height:75px}.textarea-s{height:150px}.textarea-m{height:250px}.textarea-l{height:350px}.textarea-xl{height:500px}.textarea-container-s,.textarea-container-m,.textarea-container-l,.textarea-container-xl{display:block;margin-bottom:30px}.textarea-container-xs .ck-editor__editable{min-height:75px}.textarea-container-s .ck-editor__editable{min-height:150px}.textarea-container-m .ck-editor__editable{min-height:250px}.textarea-container-l .ck-editor__editable{min-height:350px}.textarea-container-xl .ck-editor__editable{min-height:500px}.form-error{border-bottom:1px solid #b33d26}.slider-value{display:inline-block;background-color:#f3f3f3;border-radius:5px;padding:5px 10px;font-weight:700}.editor-small,.quill.editor-small{height:200px}.editor-medium,.quill.editor-medium{height:350px}.editor-large,.quill.editor-large{height:600px}.editor-full,.quill.editor-full{height:100%}.ql-toolbar{border-top-right-radius:5px;border-top-left-radius:5px}.ql-container{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.err.ql-container{border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-color:red;border-bottom-width:3px}.select-dual{display:grid;grid-template-columns:auto auto 5%;align-items:center}.select-single{display:grid;grid-template-columns:95% 5%;align-items:center}.input-success{animation-name:inputSuccess;animation-duration:2s;animation-direction:normal;animation-iteration-count:1}.input-fail{animation-name:inputFail;animation-duration:2s;animation-direction:normal;animation-iteration-count:1}.component-error{border-radius:5px;border:1px solid red}@keyframes inputSuccess{0%{background-color:#96ff2d}100%{background-color:rgba(0,0,0,0)}}@keyframes inputFail{0%{background-color:#ff3636}100%{background-color:rgba(0,0,0,0)}}.tabulator{font-size:.9em;background-color:rgba(0,0,0,0);border:0px}.tabulator .tabulator-header{color:#8b8b8b;border-bottom:1px dotted #e8e8e8;background-color:rgba(0,0,0,0);font-weight:500}.tabulator .tabulator-header .tabulator-col,.tabulator .tabulator-header .tabulator-col.tabulator-sortable{border-right:0px solid #e8e8e8;cursor:pointer;background:rgba(0,0,0,0);background-color:rgba(0,0,0,0);border-radius:5px}.tabulator .tabulator-header .tabulator-col:hover,.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover{background-color:#27c5e8;color:#fff}.tabulator-row{border-radius:5px}.tabulator-row .tabulator-cell{padding:10px}.tabulator-row.tabulator-row-even .tabulator-cell{border-right:1px dotted #fff}.tabulator-row.tabulator-row-odd .tabulator-cell{border-right:1px dotted #e8e8e8}ul.subnav.hidden{display:none}ul.subnav li.nav-item{padding-left:1.2em;font-weight:200;font-size:1em}ul.subnav ul.subnav li.nav-item{padding-left:2.6em;font-size:.8em}ul.subnav ul.subnav ul.subnav li.nav-item{padding-left:3.6em;font-size:.7em}ul.navbar-nav .subnav-toggle{cursor:pointer}ul.navbar-nav li.nav-item.active a.nav-link:link,ul.navbar-nav li.nav-item.active a.nav-link:visited{color:#fff}ul.navbar-nav li.nav-item a.nav-link:link,ul.subnav li.nav-item a.nav-link:link,ul.navbar-nav li.nav-item a.nav-link:visited,ul.subnav li.nav-item a.nav-link:visited{text-decoration:none;color:#f3f3f3}ul.navbar-nav li.nav-item a.nav-link:hover,ul.subnav li.nav-item a.nav-link:hover{color:#27c5e8}.nav-close{display:block;position:relative}.nav-open{display:none}.nav-close img{position:absolute;top:5px;right:5px;cursor:pointer;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.nav-open img{cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.nav-close img:hover{-webkit-transform:rotate(360deg) scale(1.1);transform:rotate(360deg) scale(1.1)}.nav-open img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.navbar-content-open,.navbar-content{display:block;margin-top:0px;padding-top:0px}.navbar-content-open .login{display:block;position:absolute;width:100%;color:#fff;bottom:.5em;margin-bottom:20px;left:.5em;padding-top:.5em;border-top:1px dotted #e8e8e8}.notifications{display:inline-block}.notifications a:link,.notifications a:visited{color:#fff;text-decoration:none}.notifications .search{display:inline-block;width:200px;margin-bottom:0px;margin-right:10px;border:0px;border-radius:0px;border-bottom:1px solid #e8e8e8;font-size:.9em}.notification-mail,.notification-bell,.logout{position:relative;display:inline-block;margin-right:15px;font-size:20px;cursor:pointer}.notification-mail .alert,.notification-bell .alert{position:absolute;right:-9px;top:-5px;width:17px;height:17px;background-color:#ff3636;border-radius:10px;font-size:.6em;font-weight:bold;text-align:center;line-height:1.25em;padding-left:2px;padding-right:3px}.notification-mail:hover,.notification-bell:hover,.logout:hover{color:#27c5e8}.general-settings{display:inline-block;font-size:20px;cursor:pointer}.general-settings:hover{color:#27c5e8}ul.tabs{list-style-type:none;overflow:hidden;margin:0;padding:0;display:block;border-bottom:1px solid #efefef}ul.tabs li.tab{display:block;float:left;background:#fafafa;text-transform:uppercase;color:#9d9d9d;padding:10px;border-left:1px solid #c8c8c8;cursor:pointer}ul.tabs li.tab:first-of-type{border-top-left-radius:5px;border-left:0px}ul.tabs li.tab:last-of-type{border-top-right-radius:5px}ul.tabs li.tab.active{background:#f3f3f3;color:#393939}ul.tabs li.tab:hover{background-color:#393939;color:#fff}.page-location{display:grid;align-content:center;font-size:.8em;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #e8e8e8;text-transform:uppercase;color:#8b8b8b}.page-location .location{align-content:center}.page-location .location i{font-size:.8em;padding:0px 5px;color:#2e2e2e}.role-row{display:grid;grid-template-columns:calc(50% - 10px) calc(50% - 10px) 20px;grid-template-columns:-webkit-calc(50% - 10px) -webkit-calc(50% - 10px) 20px;grid-template-columns:-moz-calc(50% - 10px) -moz-calc(50% - 10px) 20px;padding:5px 10px;border-bottom:1px dotted #e8e8e8}.url-row{display:grid;grid-template-columns:calc(100% - 120px) 100px 20px;grid-template-columns:-webkit-calc(100% - 120px) 100px 20px;grid-template-columns:-moz-calc(100% - 120px) 100px 20px;padding:5px 10px;border-bottom:1px dotted #e8e8e8}.recommendation-row{display:grid;grid-template-columns:calc(100% - 20px) 20px;grid-template-columns:-webkit-calc(100% - 20px) 20px;grid-template-columns:-moz-calc(100% - 20px) 20px;padding:5px 10px;border-bottom:1px dotted #e8e8e8}.role-row:nth-of-type(even),.recommendation-row:nth-of-type(even),.url-row:nth-of-type(even){background-color:#efefef}.role-row:nth-of-type(odd),.recommendation-row:nth-of-type(odd),.url-row:nth-of-type(odd){padding-left:0px}.select-result{margin-top:15px}.academiccalendar-row{display:grid;grid-template-columns:50% 30% 10% 10%;padding:5px 0px;border-bottom:1px dotted #e8e8e8}.modeofstudy-row{display:grid;grid-template-columns:25% 15% 15% 10% 30% 5%;padding:5px 0px;border-bottom:1px dotted #e8e8e8}div.row-icon{justify-self:end;align-self:center;font-size:.8em;cursor:pointer;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;transition:all .2s ease-in}div.row-icon:hover{transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;transform:rotate(360deg)}.corecredit-row{display:grid;grid-template-columns:20% 50% 20% 10%;padding:5px 0px;border-bottom:1px dotted #e8e8e8}div.description-delete{display:inline-block;margin-left:20px}div.description-delete i:hover{color:#ff3636}.spinner{width:50px;text-align:center;color:#fff}.spinner>div{width:10px;height:10px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner.light>div{background-color:#393939}.spinner.dark>div{background-color:#fff}.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.dashboard-grid{display:grid;grid-template-columns:100%;row-gap:10px;margin-top:20px}.dashboard-applications .applications-container .enrollment-row,.my-applications-overview .applications-container .enrollment-row{display:grid;grid-template-columns:40% auto 25% calc(10% - 10px);grid-template-columns:40% auto 25% -webkit-calc(10% - 10px);grid-template-columns:40% auto 25% -moz-calc(10% - 10px);border-bottom:1px dotted #878787;padding:10px 0px;cursor:pointer}.dashboard-applications .applications-container .enrollment-row:hover,.my-applications-overview .applications-container .enrollment-row:hover{background-color:rgba(240,240,240,.6)}.dashboard-applications .applications-container .enrollment-row .status-pill,.my-applications-overview .applications-container .enrollment-row .status-pill{height:30px;border-radius:15px;text-align:center;padding:0px 10px;line-height:1.8em;color:#393939;margin:0px 10px}.dashboard-applications .applications-container .enrollment-row .actions,.my-applications-overview .applications-container .enrollment-row .actions{display:grid;grid-template-columns:50% 50%;column-gap:10px}.dashboard-applications .applications-container .enrollment-row .actions .enr-edit,.dashboard-applications .application-scontainer .enrollment-row .actions .enr-delete,.my-applications-overview .applications-container .enrollment-row .actions .enr-edit,.my-applications-overview .applications-container .enrollment-row .actions .enr-delete{cursor:pointer}.dashboard-applications .applications-container .enrollment-row .actions .enr-edit:hover,.my-applications-overview .applications-container .enrollment-row .actions .enr-edit:hover{color:#27c5e8}.dashboard-applications .applications-container .enrollment-row .actions .enr-delete:hover,.my-applications-overview .applications-container .enrollment-row .actions .enr-delete:hover{color:#ff3636}.dashboard-grid .dashboard-conversations .conversations-container .conversations-item{display:block;border-bottom:1px dotted #f3f3f3;padding-bottom:10px;margin-bottom:10px;cursor:pointer}.dashboard-grid .dashboard-conversations .conversations-container .conversations-item:hover{background-color:#f3f3f3;padding-left:10px}.dashboard-grid .dashboard-conversations .conversations-container .conversations-item .subject{font-weight:700}.dashboard-grid .dashboard-conversations .conversations-container .conversations-item .student{font-size:.8em}.course-create-container{display:block;margin-left:10%;margin-right:10%}.course-edit-container,.enrollment-steps,.visit-steps{display:grid;grid-template-columns:20% 80%}.course-edit-container .step-block{padding:20px 10px;border-radius:5px}.course-edit-container .step-block:nth-of-type(even){background-color:#efefef}.course-edit-container .step-block h6{font-size:24px}.btn-next-container{display:grid;justify-content:center;padding-top:20px;border-top:1px solid #27c5e8;margin-left:20%;margin-right:10%;margin-bottom:80px}.btn-next-container .btn-next{display:grid;justify-content:center;align-content:center;width:30px;height:30px;border-radius:50%;background-color:#27c5e8;color:#fff;cursor:pointer}.btn-next-container .btn-next:hover{background-color:#393939}.course-sidebar .sidebar-step,.enrollment-sidebar .sidebar-step,.visit-sidebar .sidebar-step{display:block;margin-bottom:10px}.course-sidebar .sidebar-step .step-label,.enrollment-sidebar .sidebar-step .step-label,.visit-sidebar .sidebar-step .step-label{display:inline-block;font-weight:300;cursor:pointer}.course-sidebar .sidebar-step .step-label i,.enrollment-sidebar .sidebar-step .step-label i,.visit-sidebar .sidebar-step .step-label i{color:#8b8b8b;min-width:30px}.course-sidebar .sidebar-step .step-label:hover,.enrollment-sidebar .sidebar-step .step-label:hover,.visit-sidebar .sidebar-step .step-label:hover{color:#27c5e8}.course-sidebar .sidebar-step .step-label.active,.enrollment-sidebar .sidebar-step .step-label.active,.visit-sidebar .sidebar-step .step-label.active{font-weight:700}.course-sidebar .sidebar-step .step-label.active i,.enrollment-sidebar .sidebar-step .step-label.active i,.visit-sidebar .sidebar-step .step-label.active i{color:#27c5e8}.course-sidebar .sidebar-step .step-label.err i,.enrollment-sidebar .sidebar-step .step-label.err i,.visit-sidebar .sidebar-step .step-label.err i{color:#ff3636}.course-sidebar .sidebar-step .sidebar{margin-top:15px;margin-bottom:15px}.course-title h4{font-size:24px}.course-title h5{font-size:18px}.course-title i{font-size:16px;color:#27c5e8;cursor:pointer;margin-left:10px}.course-title i:hover{color:#393939}.course-enrollments.overlay{max-height:60vh;overflow-y:scroll;margin-top:100px}.content-block-btn{font-family:frank-new,sans-serif;font-size:.8em;padding:10px 10px;margin-right:40px;border-bottom:1px solid #e8e8e8;cursor:pointer}.content-block-btn:hover{background-color:#f3f3f3}.content-block-btn:last-of-type{border-bottom:0px}.content-block-btn i{color:#efefef;margin-right:10px}.content-block-btn:hover i{color:#48a9c5}.content-block-btn.selected{font-weight:700}.course-sidebar .sidebar-step .sidebar button.sidebar{width:auto;font-size:.8em}.header-edit{position:absolute;bottom:10px;right:10px}.header-edit i{font-size:.8em}.header-edit:hover{background-color:#27c5e8 !important}.quill-course-btn{border:0px !important;padding:5px 10px !important;width:auto !important;font-size:.8em !important;background-color:#27c5e8 !important;color:#fff !important}.quill-course-select{display:block;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);padding:10px;border:1px solid #e8e8e8;background-color:#f3f3f3}.document-row-header,.document-row{display:grid;grid-template-columns:80% 10% 10%}.document-row{padding:10px 0px;border-top:1px dotted #efefef}.course-log{display:block;margin-top:5px;margin-right:10%;margin-left:20%;margin-bottom:50px;border-top:1px dotted #e8e8e8}.course-log .log-row{display:grid;grid-template-columns:20% 80%;padding:5px 0px;font-size:.8em;color:#8b8b8b;border-bottom:1px dotted #e8e8e8}.course-log .log-row:hover{background-color:#e8e8e8;color:#2e2e2e}.course-log .log-row .log-who{justify-self:end}.log-toggle{display:block;margin-right:10%;margin-left:20%;font-size:.8em;text-transform:uppercase;padding:5px 10px;border-radius:10px;background-color:#e8e8e8;color:#8b8b8b;cursor:pointer}.log-toggle.margin{margin-bottom:50px}.log-toggle:hover{background-color:#2e2e2e;color:#fff}.enrollment-header{display:grid;grid-template-columns:160px auto;column-gap:20px;margin-top:40px;grid-template-areas:"picture details" "picture actions"}.enrollment-header .profile-picture{grid-area:picture;width:160px;height:160px;background-image:url("/img/profile-dummy.jpg");border-radius:50%;overflow:hidden}.enrollment-header .profile-picture img{width:160px;height:160px}.enrollment-header .profile-details{grid-area:details;padding-top:20px}.enrollment-header .profile-actions{grid-area:actions}.enrollment-stepd{grid-template-columns:20% 70% 10%}.enrollment-steps .errs{display:block;margin-bottom:20px}.enrollment-steps .errs .step-err{display:inline-block;background-color:#ffe6e6;padding:5px 10px;border-radius:5px;margin-right:5px;margin-bottom:5px}.step-container h6{display:block}.step-container h6 div.new-msg{display:inline-block;float:right;cursor:pointer}.step-container h6 div.new-msg:hover{color:#27c5e8}.doc-download,.doc-delete{cursor:pointer}.doc-download:hover{color:#27c5e8}.justify-end{justify-self:end}.doc-row-result .doc-row{display:grid;grid-template-columns:80% 20%;margin-top:5px;padding:10px;background-color:#f3f3f3;color:#393939;border-radius:5px}.doc-row-result .doc-row i{margin-left:10px}.msg-bg{position:fixed;z-index:1010;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}.msg-bg .msg-dialog{margin:10% auto;background-color:#fff;padding:15px;border-radius:3px;z-index:1010;width:60vw;min-height:50vh}.msg-bg .success{margin:10% auto;background-color:#658d1b;color:#fff;padding:15px;border-radius:20px;z-index:1010;width:20vw;min-height:auto;text-align:center}.msg-bg .msg-dialog .msg-close{position:absolute;right:5px;top:5px}.msg-bg .msg-dialog .msg-send{display:block;margin:10px auto}.howto ol{padding-left:15px}.howto ol li{margin-bottom:15px}button.document-download{border-radius:5px;width:100%;background-color:#efefef;color:#393939;padding:10px;text-transform:none}.readonly{pointer-events:none}.course-create-container{display:block;margin-left:10%;margin-right:10%}.course-edit-container{display:grid;grid-template-columns:20% 70% 10%}.course-edit-container .step-block{padding:20px 10px;border-radius:5px}.course-edit-container .step-block:nth-of-type(even){background-color:#efefef}.course-edit-container .step-block h6{font-size:24px}.btn-next-container{display:grid;justify-content:center;padding-top:20px;border-top:1px solid #27c5e8;margin-left:20%;margin-right:10%;margin-bottom:80px}.btn-next-container .btn-next{display:grid;justify-content:center;align-content:center;width:30px;height:30px;border-radius:50%;background-color:#27c5e8;color:#fff;cursor:pointer}.btn-next-container .btn-next:hover{background-color:#393939}.course-sidebar .sidebar-step{display:block;margin-bottom:10px}.course-sidebar .sidebar-step .step-label{display:inline-block;font-weight:300;cursor:pointer}.course-sidebar .sidebar-step .step-label:hover{color:#27c5e8}.course-sidebar .sidebar-step .step-label.active{font-weight:700}.course-sidebar .sidebar-step .sidebar{margin-top:15px;margin-bottom:15px}.course-title h4{font-size:24px}.course-title h5{font-size:18px}.course-title i{font-size:16px;color:#27c5e8;cursor:pointer;margin-left:10px}.course-title i:hover{color:#393939}.course-enrollments.overlay{max-height:60vh;overflow-y:scroll;margin-top:100px}.content-block-btn{font-family:frank-new,sans-serif;font-size:.8em;padding:10px 10px;margin-right:40px;border-bottom:1px solid #e8e8e8;cursor:pointer}.content-block-btn:hover{background-color:#f3f3f3}.content-block-btn:last-of-type{border-bottom:0px}.content-block-btn i{color:#efefef;margin-right:10px}.content-block-btn:hover i{color:#48a9c5}.content-block-btn.selected{font-weight:700}.course-sidebar .sidebar-step .sidebar button.sidebar{width:auto;font-size:.8em}.header-edit{position:absolute;bottom:10px;right:10px}.header-edit i{font-size:.8em}.header-edit:hover{background-color:#27c5e8 !important}.quill-course-btn{border:0px !important;padding:5px 10px !important;width:auto !important;font-size:.8em !important;background-color:#27c5e8 !important;color:#fff !important}.quill-course-select{display:block;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);padding:10px;border:1px solid #e8e8e8;background-color:#f3f3f3}.document-row-header,.document-row{display:grid;grid-template-columns:80% 10% 10%}.document-row{padding:10px 0px;border-top:1px dotted #efefef}.course-log{display:block;margin-top:5px;margin-right:10%;margin-left:20%;margin-bottom:50px;border-top:1px dotted #e8e8e8}.course-log .log-row{display:grid;grid-template-columns:20% 80%;padding:5px 0px;font-size:.8em;color:#8b8b8b;border-bottom:1px dotted #e8e8e8}.course-log .log-row:hover{background-color:#e8e8e8;color:#2e2e2e}.course-log .log-row .log-who{justify-self:end}.log-toggle{display:block;margin-right:10%;margin-left:20%;font-size:.8em;text-transform:uppercase;padding:5px 10px;border-radius:10px;background-color:#e8e8e8;color:#8b8b8b;cursor:pointer}.log-toggle.margin{margin-bottom:50px}.log-toggle:hover{background-color:#2e2e2e;color:#fff}.messaging-sidebar{color:#393939}.messaging-main{margin-left:40px}.messaging-sidebar button.new-conversation,.messaging-main button.new-conversation{display:block;padding:10px;width:100%}.messaging-sidebar .sidebar-title{padding-bottom:10px;border-bottom:1px dotted #878787}.messaging-sidebar .conversation-tile{display:grid;grid-template-columns:70% 30%;padding:10px 0px;border-bottom:1px dotted #393939;background-color:#fff;cursor:pointer}.messaging-sidebar .conversation-tile.unread{background-color:#ffeacd;padding:10px}.messaging-sidebar .conversation-list.dimmed .conversation-tile{opacity:.4}.messaging-sidebar .conversation-list .conversation-tile:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.messaging-sidebar .conversation-list .conversation-tile:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.messaging-sidebar .conversation-list.dimmed .conversation-tile.selected{opacity:1}.messaging-sidebar .conversation-list.dimmed .conversation-tile:hover{opacity:1}.messaging-sidebar .conversation-tile:hover{background-color:#e8fbff}.messaging-sidebar .conversation-tile.selected{background-color:#e8fbff;padding:10px;border-bottom:2px solid #27c5e8}.messaging-sidebar .conversation-tile .title{font-weight:700}.messaging-sidebar .conversation-tile .from{font-size:.8em}.messaging-sidebar .conversation-tile .timestamp{font-size:.8em;color:rgba(30,30,30,.6)}.messaging-sidebar .conversation-tile .actions i{color:#8b8b8b;margin-right:5px;cursor:pointer}.messaging-sidebar .conversation-tile .actions i:hover{color:#27c5e8}.messaging-sidebar .conversation-tile .actions img{cursor:pointer}.messaging-sidebar .conversation-tile .actions img:hover{fill:#27c5e8}.messaging-main .conversation-editor .ql-container{height:250px}.messaging-main .conversation-view .ql-container{height:250px;border-bottom-right-radius:0px;border-bottom-left-radius:0px}.messaging-main .conversation-view .ql-container .ql-editor{background-color:#fff;color:#393939}.messaging-main .conversation-view .ql-toolbar{border-top-left-radius:0px;border-top-right-radius:0px;border:none;background-color:hsla(0,0%,100%,.2)}.messaging-main .conversation-view .subject{font-family:frank-new,sans-serif;font-size:1.5em;padding:10px 0px;border-bottom:1px dotted #e8e8e8}.messaging-main .conversation-view .subject i{float:right;margin-right:10px;color:#393939;cursor:pointer}.messaging-main .conversation-view .subject i:hover{color:#27c5e8}.messaging-main .conversation-view .subject .student{display:inline;float:right;font-family:titillium-web,sans-serif;font-size:.6em;margin-top:10px}.messaging-main .conversation-view .messages,.messaging-main .conversation-view .message-reply{display:block}.messaging-main .conversation-view .message-reply .reply-send-btn{display:block;width:100%;border-radius:0px;padding:10px 0px;border-bottom:3px solid #27c5e8;background-color:#393939;color:#fff;cursor:pointer;animation:none;box-shadow:none}.messaging-main .conversation-view .message-reply .reply-send-btn:hover{background-color:#27c5e8;color:#fff;box-shadow:none}.messaging-main .conversation-view .messages .message{display:block;width:100%;padding:5px 15px;background-color:rgba(240,240,240,.5);color:#393939;margin-bottom:1px;float:right;border-left:4px solid #e8d610;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.messaging-main .conversation-view .messages:hover .message{opacity:.5}.messaging-main .conversation-view .messages:hover .message:hover{opacity:1}.messaging-main .conversation-view .messages .message.incoming{border-left:4px solid #27c5e8}.messaging-main .conversation-view .message:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.messaging-main .conversation-view .messages .message .details{display:block;padding:5px 0px}.messaging-main .conversation-view .messages .message .details .sender,.messaging-main .conversation-view .messages .message .details .date{display:inline;float:right;font-size:.8em;color:#8b8b8b;padding-left:10px}.messaging-main .conversation-view .message-reply .ql-toolbar.ql-snow{display:block;float:none}.dev-notice{display:block;width:100%;font-weight:bold;color:#393939;text-align:center;text-transform:uppercase;background-color:#ff8c8c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 20 20'%3E%3Cg fill-opacity='0.32'%3E%3Cpolygon fill='%23ffbfbf' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon fill='%23ffbfbf' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E")}.dev-notice.dev{background-color:#8fd0ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 20 20'%3E%3Cg fill-opacity='0.32'%3E%3Cpolygon fill='%238aa0ff' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon fill='%238aa0ff' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E")}.dashboard-notifications .notifications-list .notification-row,.notification-dialog .notification-row{display:grid;grid-template-columns:70% 15% 15%;padding:15px 0px;color:#393939;cursor:pointer;border-bottom:1px dotted #878787}.dashboard-notifications .notifications-list .notification-row:hover,.notification-dialog .notification-row:hover{font-weight:700}.dashboard-notifications .notifications-list .notification-row i,.notification-dialog .notification-row i{color:rgba(0,0,0,.5);cursor:pointer}.dashboard-notifications .notifications-list .body{padding:15px;color:#393939;margin-bottom:10px;border-bottom:1px dotted #878787}.notification-dialog{display:block;position:absolute;width:20vw;right:35px;top:50px;border-radius:3px;padding:15px;color:#393939;font-size:.9em;background-color:#fff;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.3);box-shadow:0px 0px 5px 0px rgba(0,0,0,.3)}.notification-dialog .notification-row{display:grid;grid-template-columns:70% 15% 15%;border-bottom:1px dotted #8b8b8b;padding:5px 0px}.notification-dialog .body{padding-left:15px;border-bottom:1px dotted #878787}.notification-dialog .notification-row i{cursor:pointer;font-size:.8em;color:#393939}.notification-dialog .notification-row i:hover{color:#27c5e8}.notification-dialog .notification-row:last-child{border-bottom:none}.course-create-container{display:block;margin-left:10%;margin-right:10%}.course-edit-container{display:grid;grid-template-columns:20% 70% 10%}.course-edit-container .step-block{padding:20px 10px;border-radius:5px}.course-edit-container .step-block:nth-of-type(even){background-color:#efefef}.course-edit-container .step-block h6{font-size:24px}.btn-next-container{display:grid;justify-content:center;padding-top:20px;border-top:1px solid #27c5e8;margin-left:20%;margin-right:10%;margin-bottom:80px}.btn-next-container .btn-next{display:grid;justify-content:center;align-content:center;width:30px;height:30px;border-radius:50%;background-color:#27c5e8;color:#fff;cursor:pointer}.btn-next-container .btn-next:hover{background-color:#393939}.course-sidebar .sidebar-step{display:block;margin-bottom:10px}.course-sidebar .sidebar-step .step-label{display:inline-block;font-weight:300;cursor:pointer}.course-sidebar .sidebar-step .step-label:hover{color:#27c5e8}.course-sidebar .sidebar-step .step-label.active{font-weight:700}.course-sidebar .sidebar-step .sidebar{margin-top:15px;margin-bottom:15px}.course-title h4{font-size:24px}.course-title h5{font-size:18px}.course-title i{font-size:16px;color:#27c5e8;cursor:pointer;margin-left:10px}.course-title i:hover{color:#393939}.course-enrollments.overlay{max-height:60vh;overflow-y:scroll;margin-top:100px}.content-block-btn{font-family:frank-new,sans-serif;font-size:.8em;padding:10px 10px;margin-right:40px;border-bottom:1px solid #e8e8e8;cursor:pointer}.content-block-btn:hover{background-color:#f3f3f3}.content-block-btn:last-of-type{border-bottom:0px}.content-block-btn i{color:#efefef;margin-right:10px}.content-block-btn:hover i{color:#48a9c5}.content-block-btn.selected{font-weight:700}.course-sidebar .sidebar-step .sidebar button.sidebar{width:auto;font-size:.8em}.header-edit{position:absolute;bottom:10px;right:10px}.header-edit i{font-size:.8em}.header-edit:hover{background-color:#27c5e8 !important}.quill-course-btn{border:0px !important;padding:5px 10px !important;width:auto !important;font-size:.8em !important;background-color:#27c5e8 !important;color:#fff !important}.quill-course-select{display:block;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);padding:10px;border:1px solid #e8e8e8;background-color:#f3f3f3}.document-row-header,.document-row{display:grid;grid-template-columns:80% 10% 10%}.document-row{padding:10px 0px;border-top:1px dotted #efefef}.course-log{display:block;margin-top:5px;margin-right:10%;margin-left:20%;margin-bottom:50px;border-top:1px dotted #e8e8e8}.course-log .log-row{display:grid;grid-template-columns:20% 80%;padding:5px 0px;font-size:.8em;color:#8b8b8b;border-bottom:1px dotted #e8e8e8}.course-log .log-row:hover{background-color:#e8e8e8;color:#2e2e2e}.course-log .log-row .log-who{justify-self:end}.log-toggle{display:block;margin-right:10%;margin-left:20%;font-size:.8em;text-transform:uppercase;padding:5px 10px;border-radius:10px;background-color:#e8e8e8;color:#8b8b8b;cursor:pointer}.log-toggle.margin{margin-bottom:50px}.log-toggle:hover{background-color:#2e2e2e;color:#fff}.ql-editor blockquote{display:block;position:relative}.ql-editor blockquote:before{position:absolute;content:open-quote;font-size:1em;font-family:frank-new,sans-serif;color:#393939;margin-left:0em;margin-top:0em}.ql-editor blockquote p{display:inline}.quill-character-count{border:1px solid #ccc;border-width:0px 1px 1px 1px;color:#aaa;padding:5px 15px;text-align:right}.calendar-controls{display:grid;grid-template-columns:80% 20%}.dashboard-calendar .calendar-controls{margin-bottom:10px}.dashboard-calendar .calendar-controls .calendar-settings{font-size:.8em;color:#e8e8e8;justify-self:end}.dashboard-calendar .calendar-controls .calendar-settings i{cursor:pointer}.dashboard-calendar .calendar-details i{display:grid;grid-template-columns:50% 50%}.dashboard-calendar .calendar-details{margin-bottom:15px;background-color:#f3f3f3;border-radius:3px;padding:10px}.dashboard-calendar .calendar-controls .calendar-settings i:hover{color:#27c5e8}.calendar-controls button.calendar-ui{display:inline;margin-right:10px}.dashboard-calendar .calendar-controls button.calendar-ui{font-size:.7em;height:20px}.calendar-controls .calendar-view{display:inline;margin-right:10px}.calendar-controls select.view-select,.calendar-controls select.course-select{display:inline}.year-calendar{height:calc(100vh - 250px);height:-webkit-calc(100vh - 250px);height:-moz-calc(100vh - 250px)}.document-records{padding:10px}.document-item:first-of-type{margin-left:15px}.document-item{display:inline-block;width:25%;margin-right:10px;padding:10px}.doc-type{display:inline-block;font-size:.9em;color:#878787;margin-bottom:10px}.doc-upload-name{position:relative;border-width:1px 0px 0px 0px;border-style:dotted;border-color:#878787;padding:15px 0px}.doc-upload-name .name{overflow-wrap:break-word;width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px)}.doc-actions{position:absolute;right:5px;top:15px}.doc-actions i{cursor:pointer}.doc-actions i:hover{color:#b33d26}.btn-upload-container .drop-file{width:100%;border:1px dotted #878787;padding:5px;text-align:center}.doc-required{position:absolute;top:-15px;left:-10px;font-size:1.5em}.drop-highlight{background-color:#48a9c5 !important}.record-tile h3{font-size:1.1em;font-weight:bold}.uploaded{background:#efefef}.not-uploaded{background:#efefef}.record-tile{flex:0 0 calc(50% - 10px);flex:0 0 -webkit-calc(50.0% - 10px);flex:0 0 -moz-calc(50.0% - 10px);position:relative;height:auto;background-color:#efefef;margin:10px 20px 10px 0px;box-shadow:rgba(0,0,0,.3) 2px 2px 10px;padding:10px}.record-tile:nth-of-type(even){margin-right:0px}.doc-tile{display:inline-block;position:relative;width:calc(50% - 20px);width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px);height:auto;background-color:#efefef;margin:10px;box-shadow:rgba(0,0,0,.3) 2px 2px 10px;padding:15px}.doc-tile .doc-progress{position:relative;width:100%;margin:10px 0px 10px}.doc-tile .doc-progress .progress-bg,.doc-tile .doc-progress .progress-bar{position:absolute;top:0;left:0;width:100%;min-height:5px;background-color:#fff}.doc-tile .doc-progress .progress-bar{background-color:#cf7f00}.application-form h3{display:block;width:100%;padding:10px 10px 5px 10px;font-size:1.2em;background-color:#393939;font-weight:100;text-transform:uppercase;color:#fff}h3.popup{background:none;color:#393939;text-transform:uppercase}#application-documents-intro ul{list-style:none;padding-left:0px}#application-documents-intro ul li{border-top:1px dotted #878787;border-right:1px dotted #878787}#application-documents-intro ul li:last-child{border-bottom:1px dotted #878787}#application-documents-intro ul li i{padding:10px;border-left:1px dotted #878787;border-right:1px dotted #878787;min-width:40px;text-align:center;margin-right:10px}#application-documents ul{list-style:none;padding:0}#application-documents ul li{padding-left:1.2em}#application-documents ul li:before{content:"";font-family:FontAwesome;display:inline-block;margin-left:-1em;margin-bottom:.8em;width:1em;font-size:1.2em;font-weight:bold;color:#daaa00}#application-documents ol{margin:0 0 1.5em;padding:0;counter-reset:item}#application-documents ol>li{margin:0;padding:0 0 0 2em;text-indent:-1em;list-style-type:none;counter-increment:item}#application-documents ol>li:before{display:inline-block;width:1em;padding-right:.5em;font-weight:bold;text-align:right;content:counter(item)}.document-container{margin-bottom:50px}.document-container .vault-table-header{display:grid;grid-template-columns:50% 20% 20% 10%;border-bottom:1px dotted #878787;background-color:#efefef;padding:5px 0px;color:#878787}.document-container .vault-row{display:grid;grid-template-columns:50% 20% 20% 10%;border-bottom:1px dotted #878787;padding:5px 0px}.document-container .vault-row .vault-actions{text-align:right}.document-container .vault-row .vault-actions i{cursor:pointer}.document-container .vault-row .vault-actions i:hover{color:#27c5e8}.enrollment-header{display:grid;grid-template-columns:75% 25%}.enrollment-title{margin-bottom:0px}.enrollment-deadline{justify-self:end;align-self:center;padding:10px;border-radius:5px;margin-right:20px}.enrollment-progress{display:block;position:relative;margin-bottom:30px}.enrollment-progress .progress-bg{position:absolute;top:0px;left:0px;width:100%;height:5px;border-radius:5px;background-color:#efefef}.enrollment-progress .progress-bar{position:absolute;top:0px;left:0px;height:5px;border-radius:5px;background-color:#27c5e8}.btn-view-description{display:block;background:#393939;padding:10px;color:#fff;cursor:pointer}.btn-view-description i{float:right;margin-top:3px}.btn-view-description:hover{background:#48a9c5;color:#fff}.education-records,.employment-records,.referees-table,.funding-table{background-color:#efefef;border-radius:5px}.education-records .edu-row,.employment-records .emp-row,.referees-table .ref-row,.funding-table .funding-row{display:grid;grid-template-columns:calc(40% - 30px) 25% 25% 10%;grid-template-columns:-webkit-calc(40% - 30px) 25% 25% 10%;grid-template-columns:-moz-calc(40% - 30px) 25% 25% 10%;column-gap:10px;padding:10px;border-bottom:1px dotted #fff;cursor:pointer}.education-records .edu-row:last-child,.employment-records .emp-row:last-child,.referees-table .ref-row:last-child,.funding-table .funding-row:last-child{border-bottom:none}.education-records .edu-row:hover,.employment-records .emp-row:hover,.referees-table .ref-row:hover,.funding-table .funding-row:hover{background-color:#27c5e8;color:#fff}.education-records .edu-row:hover a:link,.employment-records .emp-row:hover a:link,.referees-table .ref-row:hover a:link,.funding-table .funding-row:hover a:link{color:#fff}.funding-table .funding-row{display:grid;grid-template-columns:calc(40% - 50px) 16% 17% 17% 10%;grid-template-columns:-webkit-calc(40% - 50px) 16% 17% 17% 10%;grid-template-columns:-moz-calc(40% - 50px) 16% 17% 17% 10%;padding:10px;border-bottom:1px dotted #fff}.education-records .edu-row .actions i,.employment-records .emp-row .actions i,.referees-table .ref-row .actions i,.funding-table .funding-row .actions i{padding-right:5px;cursor:pointer}.education-records .edu-row .actions i:hover,.employment-records .emp-row .actions i:hover,.referees-table .ref-row .actions i:hover,.funding-table .funding-row .actions i:hover{color:#27c5e8}.education-records .edu-row .actions i:last-child,.employment-records .emp-row .actions i:last-child,.referees-table .ref-row .actions i:last-child,.funding-table .funding-row .actions i:last-child{padding-right:0px}.funding-total-amount{font-size:1.7em;font-weight:bold;line-height:1em;text-align:center}.funding-form{display:grid;grid-template-columns:20% 20% 30% 20% auto;column-gap:10px}.pill-white{padding:10px 20px;background-color:#fff;color:#393939;border-radius:20px;justify-items:center}.pill-white label{font-size:.8em;font-weight:normal;padding-bottom:0px}.edit-close{float:right;cursor:pointer}.edit-close:hover{color:#27c5e8}.new-record .btn-edit{display:block;margin-top:20px;text-align:center;border-radius:15px;padding-top:3px;height:30px;width:100%;background-color:#27c5e8;color:#fff;cursor:pointer}.new-record .btn-edit:hover{background-color:#fff;color:#393939}.documents-container{display:grid;grid-template-columns:calc(50% - 5px) calc(50% - 5px);grid-template-columns:-webkit-calc(50% - 5px) -webkit-calc(50% - 5px);grid-template-columns:-moz-calc(50% - 5px) -moz-calc(50% - 5px);column-gap:10px}.documents-container .upload-tile{padding:15px;background-color:#fff;border-radius:5px;color:#393939;margin-bottom:10px}.documents-container .upload-tile .doc-info{margin-bottom:10px;margin-top:10px}i.download-template{cursor:pointer}i.download-template:hover{color:#27c5e8}.col-2-span{grid-column:1/span 2}.enrollment-finish-step .error-step{padding:10px;background-color:#ffcdcd;border-radius:5px;margin-bottom:10px;cursor:pointer}.enrollment-finish-step .error-step:hover{background-color:#ffeaea}.enrollment-finish-step .error-step label{cursor:pointer}.enrollment-finish-step .error-step .error-list .err-field{display:inline;margin-right:5px;cursor:pointer}.enrollment-finish-step .error-step .error-list .err-field::after{content:","}.enrollment-finish-step .error-step .error-list .err-field:last-child:after{content:""}ui-timeline .scheduler-container .months,ui-timeline .scheduler-container .scheduler-row{display:grid;grid-template-columns:20% 80%}ui-timeline .scheduler-container .months .cols{display:grid;grid-template-columns:repeat(12, 1fr);margin-left:1px;color:#878787;font-size:.8em}ui-timeline .scheduler-container .months .cols div{padding:5px 0px}ui-timeline .scheduler-container .scheduler-row .label{border-bottom:1px solid #fff;padding:10px;background-color:#efefef}ui-timeline .scheduler-container .scheduler-row .label .txt{font-weight:700}ui-timeline .scheduler-container .scheduler-row .label .date{font-size:.9em;color:#878787;padding-top:5px}ui-timeline .scheduler-container .scheduler-row .timeline{background-image:url("/img/uiux/schedule-months-bg.svg");background-repeat:no-repeat;background-size:cover;padding:auto 0px;border-bottom:1px solid #efefef}ui-timeline .scheduler-container .scheduler-row .timeline .frame{height:15px;width:250px;border-radius:7.5px;background-color:#27c5e8}button.enrollment-submit{display:block;margin-top:20px;width:100%;background-color:#27c5e8;color:#fff}button.enrollment-submit:hover{background-color:#393939;color:#fff}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{border-radius:5px;background-color:hsla(0,0%,100%,.2)}body::-webkit-scrollbar-thumb{background-color:#393939;outline:none;border-radius:5px}.student-container{margin:0px;padding:0px;color:#fff}.student-container .student-header-container{padding-bottom:15px;background-color:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.student-header-container-fixed{z-index:1000;position:fixed;width:100vw;padding-bottom:15px;background-color:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.student-header-container-fixed .student-header-grid{background-color:rgba(0,0,0,0);padding:0px;display:grid;grid-template-columns:217px auto auto;color:#fff}.student-header-container-fixed .student-header-grid .student-header{display:grid;grid-template-columns:100%}.student-header-container-fixed .student-header-grid .student-header .navbar{padding-left:50px}.student-header-container-fixed .student-header-grid .notifications{color:#fff;align-self:center}.student-header-container-fixed .student-header-grid .notifications .notification-mail i,.student-header-container-fixed .student-header-grid .notifications .notification-bell i,.student-header-container-fixed .student-header-grid .notifications .notification-settings i{color:#fff}.student-container .student-header{display:grid;grid-template-columns:100%}.student-container .student-header .greeting{max-height:30px;margin-top:15px;padding-left:50px;font-size:1.8em}.student-container .student-header .navbar{padding-left:50px}.student-container .notifications{color:#fff;align-self:center}.student-container .notifications .notification-mail i,.student-container .notifications .notification-bell i,.student-container .notifications .notification-settings i{color:#fff}.student-view{width:calc(80vw - 40px);margin-left:10vw;margin-right:10vw;margin-top:125px;padding:20px;min-height:calc(100vh - 155px);min-height:-webkit-calc(100vh - 155px);min-height:-moz-calc(100vh - 155px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile-picture-container{display:grid;grid-template-columns:30% 70%;column-gap:20px}.profile-picture-container .img-container img.profile-pic{width:100%;height:auto}.profile-picture-container .img-container{position:relative}.profile-picture-container .img-container .profile-pic{overflow:hidden;mask-image:url("/img/profile_mask.svg");mask-size:300px 300px;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("/img/profile_mask.svg");-webkit-mask-size:300px 300px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.profile-picture-container .img-container .pic-edit-btn{position:absolute;right:20px;top:20px;background-color:#393939;width:36px;height:36px;color:#fff;border-radius:50%;text-align:center;cursor:pointer;border:2px solid #fff}.profile-picture-container .img-container .pic-edit-btn i{margin-top:10px}.profile-picture-container .img-container .pic-edit-btn i:hover{color:#27c5e8}.password-display{display:grid;grid-template-columns:auto 10%;font-size:1.3em;font-weight:bold;background-color:#efefef;border-radius:3px;padding:10px;margin:10px 0px}.password-display .password-copy{border-left:1px dotted #878787;cursor:pointer;justify-self:end;padding:0px 10px 0px 20px}.password-display .password-copy:hover{color:#27c5e8}.password-display.copied{background-color:#efefef;animation-name:copyConfirm;animation-duration:.5s}@keyframes copyConfirm{from{background-color:#96ff2d}to{background-color:#efefef}}.password-instructions{display:grid;grid-template-columns:50px auto;background-color:#fefacc;padding:10px;border-radius:3px}.password-instructions .alert-icon{font-size:30px;padding:5px;color:#878787}.section-toggle .toggle-icon{cursor:pointer}.core-courses .core-row{display:grid;grid-template-columns:15% 75% 10%;padding:5px 0px;border-bottom:1px dotted #8b8b8b}.core-courses .core-row button.row-button{text-transform:uppercase;font-size:.7em;padding:7px;height:auto}.thesis{display:grid;grid-template-columns:90% 10%;padding:5px 0px;border-bottom:1px dotted #8b8b8b}.thesis-title{display:inline}.core-courses .core-row .ects,.thesis .ects,.ects,.core-total,.recommended-select .selected-ects .ects,.advanced-total .ects,.program-total .ects,.exempt-row .ects,.advanced-row .ects{font-weight:700}.core-courses .core-row .exempt-title,.core-courses .core-row .exempt-ects{color:#e8e8e8}.recommended-select{display:grid;grid-template-columns:100%}.recommended-select .selected-courses .advanced-row{display:grid;grid-template-columns:60% 25% 10% 5%;padding:10px 0px;border-bottom:1px dotted #8b8b8b}.recommended-select .selected-courses .advanced-row:last-child{border-bottom:0px}.recommended-select .recommended-courses .advanced-course{display:inline-block;padding:5px 10px;border-radius:3px;background-color:#e8e8e8;cursor:pointer;margin-bottom:5px;margin-right:5px}.recommended-select .selected-courses .advanced-course{display:inline-block;margin-right:0px}.recommended-select .selected-ects{display:grid;grid-template-columns:100%;margin-top:20px;align-content:start}.recommended-select .selected-ects .ects{margin-top:10px}.recommended-select .recommended-courses .advanced-course:hover,.recommended-select .selected-courses .advanced-course:hover{background-color:#27c5e8;color:#fff}.advanced-total,.program-total{border-top:1px dotted #8b8b8b;padding-right:15px;padding-top:10px}.exempt-add{display:grid;grid-template-columns:20% 20% 20% 20% 15% 5%;column-gap:5px}.exempts .exempt-row{display:grid;grid-template-columns:40% 15% 20% 20% 5%;padding:10px 0px;border-bottom:1px dotted #8b8b8b}.exempts .exempt-row:last-child{border-bottom:0px}.exempts .exempt-row .exempt-delete,.recommended-select .selected-courses .advanced-row .advanced-delete{cursor:pointer;transform:rotate(0deg)}.exempts .exempt-row .exempt-delete:hover,.recommended-select .selected-courses .advanced-row .advanced-delete:hover{animation:rotation 1 .3s linear}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.studyplan-timeline-container{display:grid;grid-template-columns:100%}.studyplan-timeline-container .timeline-courses{background-image:url("/img/uiux/schedule-months-bg.svg");background-size:100%;min-height:60px}.studyplan-timeline-container .months,.studyplan-timeline-container .scheduler-row{display:grid;grid-template-columns:100%}.studyplan-timeline-container .months .cols{display:grid;grid-template-columns:repeat(12, 1fr);margin-left:1px;color:#e8e8e8;font-size:.8em}.studyplan-timeline-container .months .cols div{padding:5px 0px}.studyplan-timeline-container .timeline-courses .course-line{position:relative;display:block;margin-top:10px}.studyplan-timeline-container .timeline-courses .course-line .course-line-el{position:absolute;top:0px;left:0px;min-height:10px;border-radius:15px;padding:5px 0px;font-size:.7em;text-transform:uppercase;font-weight:700;cursor:pointer}.studyplan-timeline-container .timeline-courses .course-line .course-line-el.core{background-color:#e8e8e8;color:#fff}.studyplan-timeline-container .timeline-courses .course-line .course-line-el.advanced{background-color:#27c5e8;color:#fff}.studyplan-timeline-container .timeline-courses .course-line .course-line-el.overlap{background-color:#ff3636}.studyplan-timeline-container .timeline-courses .tooltip-dialog{position:absolute;max-width:20vw;padding:10px;border-radius:5px;background-color:#393939;color:#fff}.ects-header{color:#8b8b8b;font-size:.7em;margin:0px}.part-time-notice{display:block;padding:5px;margin-top:-1em;border-radius:5px;background-color:#f3f3f3;font-size:.8em;color:#878787}.timeline-legend div{display:inline;color:#878787;font-size:.8em;padding-right:10px;padding-left:10px;border-right:1px dotted #878787}.timeline-legend div:first-child{padding-left:0px}.timeline-legend div:last-child{border-right:0px}.timeline-legend .icon{display:inline-block;width:10px;height:10px;border-radius:5px;margin-right:5px}.timeline-legend .icon.core{background-color:#e8e8e8}.timeline-legend .icon.advanced{background-color:#27c5e8}.timeline-legend .icon.conflict{background-color:#ff3636}.scholarship-row,.travel-doc-row{font-weight:bold}.scholarship-contract-row,.travel-doc-row,.itinerary-row{display:grid;grid-template-columns:95% 5%;font-weight:bold;border-bottom:1px solid #efefef;padding:5px 0px}.itinerary-row{display:grid;grid-template-columns:20% 25% 30% 25%;font-weight:normal}.scholarship-contract-row .contract-download,.travel-doc-row .travel-download,.itinerary-row .boarding-download{cursor:pointer}.scholarship-contract-row .contract-download:hover,.travel-doc-row .travel-download:hover,.itinerary-row .boarding-download:hover{color:#27c5e8}.balance-sheet .balance-sheet-header{display:grid;grid-template-columns:70% 30%;margin-bottom:10px}.balance-sheet .balance-sheet-header .actions{justify-self:end}.balance-sheet h6{margin-bottom:0px}.balance-sheet .balance-table{background-color:#efefef;border-radius:5px;margin-bottom:20px}.balance-sheet .balance-table-header .balance-row.header{display:grid;grid-template-columns:3% 32% 30% 10% 15% 10%;align-items:center;padding:0px;color:#fff}.balance-sheet .balance-table-header .balance-row.header div{padding:5px;background-color:rgba(0,0,0,.3);border-right:1px solid #efefef}.balance-sheet .balance-table-header .balance-row.header div:last-child{border-right:0px}.balance-sheet .balance-table-header .balance-row.header div:first-child{border-left:1px solid #efefef}.balance-sheet .balance-table .balance-row{display:grid;grid-template-columns:3% 32% 30% 10% 15% 10%;align-items:center;padding:0px;border-bottom:1px dotted #393939;cursor:pointer}.balance-sheet .balance-table .balance-row div{padding:5px}.balance-sheet .balance-table .balance-row .amount{background-color:#fefacc}.balance-sheet .balance-table .balance-row .amount.negative{background-color:#ffcdcd}.balance-sheet .balance-table .balance-row:nth-child(odd){background-color:hsla(0,0%,100%,.3)}.balance-sheet .balance-table .balance-row:hover{background-color:#fff}.balance-sheet .balance-table .balance-row:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.balance-sheet .balance-table .balance-row:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:0px}.balance-sheet .balance-record{display:grid;grid-template-columns:25% 25% 25% 25%}.balance-sheet .white-container{padding:10px;background-color:#fff;border-radius:5px}.balance-sheet .tooltip-dialog{position:absolute;max-width:20vw;padding:10px;border-radius:5px;background-color:#393939;color:#fff}.balance-sheet .balance-record .balance-type,.balance-sheet .balance-record .balance-date,.balance-sheet .balance-record .balance-amount,.balance-sheet .balance-record .balance-imputationnr{padding-right:10px}.employment-full-row{background-color:#efefef;padding:10px;border-radius:5px;margin-bottom:20px}.payload-alert{background-color:#ffd5d5;border-radius:5px;padding:10px}.passport-container .uploaded-documents .doc-row{display:grid;grid-template-columns:90% 10%;border-bottom:1px dotted #878787;padding:5px 0px}.passport-container .uploaded-documents .doc-row .actions{text-align:right}.passport-container .uploaded-documents .doc-row .actions i{cursor:pointer}.passport-container .uploaded-documents .doc-row .actions i:hover{color:#27c5e8}@media(min-width: 768px)and (max-width: 1024px){.course-sidebar{z-index:2000;margin-left:-15px;margin-right:-15px;padding:0px 15px 0px 15px;display:block;width:calc(100% + 30px);width:-webkit-calc(100% + 30px);width:-moz-calc(100% + 30px);background-color:#fff}.course-sidebar .sidebar-type{display:block;text-transform:uppercase;cursor:pointer;margin-bottom:10px}.course-sidebar .sidebar-type.active{font-weight:700;color:#fff;background-color:#393939;padding:5px 5px 0px 5px;width:100%}.course-container{width:100%}.course-tile,.calendar-item{position:relative;width:calc(50% - 20px);width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px);margin:0px 20px 20px 0px;padding:15px;background-color:#efefef;display:block}.course-page-img{width:calc(100% - 15px);width:-moz-calc(100% - 15px);width:-webkit-calc(100% - 15px)}.course-howto-img{display:none}.course-page-descr .course-info-block,.course-page-descr .course-page-rationale{margin-top:20px;column-count:1;-moz-column-count:1;-webkit-column-count:1}.application-overview{margin-bottom:20px}.enrollment-tile{display:block;float:left;width:calc(50% - 20px);width:-moz-calc(50% - 20px);width:-webkit-calc(50% - 20px);margin:0px 20px 20px 0px;padding:15px;background-color:#efefef;cursor:pointer}}@media(min-width: 768px)and (max-width: 1024px)and (orientation: landscape){.course-sidebar{z-index:2000;margin-left:-15px;margin-right:-15px;padding:0px 15px 0px 15px;display:block;width:calc(100% + 30px);width:-webkit-calc(100% + 30px);width:-moz-calc(100% + 30px);background-color:#fff}.course-sidebar .sidebar-type{display:block;text-transform:uppercase;cursor:pointer;margin-bottom:10px}.course-sidebar .sidebar-type.active{font-weight:700;color:#fff;background-color:#393939;padding:5px 5px 0px 5px;width:100%}.course-container{width:100%}.course-tile,.calendar-item{position:relative;width:calc(50% - 20px);width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px);margin:0px 20px 20px 0px;padding:15px;background-color:#efefef;display:block}.course-page-img{width:calc(100% - 15px);width:-moz-calc(100% - 15px);width:-webkit-calc(100% - 15px)}.course-howto-img{display:none}.course-page-descr .course-info-block,.course-page-descr .course-page-rationale{margin-top:20px;column-count:1;-moz-column-count:1;-webkit-column-count:1}.enrollment-tile{display:block;float:left;width:calc(50% - 20px);width:-moz-calc(50% - 20px);width:-webkit-calc(50% - 20px);margin:0px 20px 20px 0px;padding:15px;background-color:#efefef;cursor:pointer}}@media(min-width: 487px)and (max-width: 767px){.course-sidebar{z-index:2000;margin-left:-15px;margin-right:-15px;padding:0px 15px 0px 15px;display:block;width:calc(100% + 30px);width:-webkit-calc(100% + 30px);width:-moz-calc(100% + 30px);background-color:#fff}.course-sidebar .sidebar-type{display:block;text-transform:uppercase;cursor:pointer;margin-bottom:10px}.course-sidebar .sidebar-type.active{font-weight:700;color:#fff;background-color:#393939;padding:5px 5px 0px 5px;width:100%}.course-container{width:100%}.course-tile,.calendar-item{position:relative;width:calc(50% - 20px);width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px);margin:0px 0px 20px 0px;padding:15px;background-color:#efefef;display:block}.course-page-img{width:calc(100% - 15px);width:-moz-calc(100% - 15px);width:-webkit-calc(100% - 15px)}.course-howto-img{display:block}.course-page-descr .course-info-block,.course-page-descr .course-page-rationale{margin-top:20px;column-count:1;-moz-column-count:1;-webkit-column-count:1}.enrollment-tile{display:block;float:left;width:100%;margin:0px 20px 20px 0px;padding:15px;background-color:#efefef;cursor:pointer}}@media(min-width: 320px)and (max-width: 486px){.nav-container{display:none}.nav-container-mobile{display:block}.nav-container-mobile .nav-mobile.nav-toggle{display:block;min-width:50px;min-height:50px;border-radius:50%;background-color:#fff;position:fixed;bottom:20px;right:20px;z-index:1000;text-align:center;-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,.3);-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,.3);box-shadow:0px 0px 20px 0px rgba(0,0,0,.3)}.nav-container-mobile .nav-mobile.nav-toggle img{padding-top:17px}.nav-container-mobile .nav-mobile.nav-list{display:none;z-index:1000;width:100vw;height:100vh;margin:0px;position:fixed;top:0px;left:0px;background-color:rgba(17,94,103,.9);backdrop-filter:blur(10px);text-align:center}.nav-container-mobile .nav-mobile.nav-list.slide{animation-duration:.25s;animation-name:navSlideIn;display:block}.nav-container-mobile .nav-mobile.nav-list.fade{animation-duration:.15s;animation-name:navSlideOut;transform:scale(1);display:block}@keyframes navSlideIn{from{top:100%}to{top:0%}}@keyframes navSlideOut{from{top:0%}to{top:100%}}.nav-container-mobile .nav-mobile.nav-list .logo{margin-top:20px}.nav-container-mobile .nav-mobile.nav-list ul.nav-items{list-style:none;padding-top:15vh;padding-left:0px;margin:0px}.nav-container-mobile .nav-mobile.nav-list ul.nav-items li.nav-item{font-size:1.8em;margin-bottom:15px;border-bottom:1px dotted hsla(0,0%,100%,.3)}.nav-container-mobile .nav-mobile.nav-list ul.nav-items li.nav-item:first-child{padding-top:15px;border-top:1px dotted hsla(0,0%,100%,.3)}.nav-container-mobile .nav-mobile.nav-list ul.nav-items li.nav-item a:link,.nav-container-mobile .nav-mobile.nav-list ul.nav-items li.nav-item a:visited{text-decoration:none;color:#fff;text-transform:uppercase;font-weight:300;font-style:normal}.nav-container-mobile .nav-mobile.nav-list .login-bar{color:#fff;margin-top:40px}.nav-container-mobile .nav-mobile.nav-list .login-bar .greeting{color:#fff;margin-bottom:20px}.nav-container-mobile .nav-mobile.nav-list .login-bar .notifications{color:#fff}.nav-container-mobile .nav-mobile.nav-list .login-bar .notifications a:link,.nav-container-mobile .nav-mobile.nav-list .login-bar .notifications i{color:#fff;cursor:pointer;text-decoration:none}.nav-container-mobile .nav-mobile.nav-list .nav-info{margin-top:100px}.nav-container-mobile .nav-mobile.nav-list .nav-info a:link,.nav-container-mobile .nav-mobile.nav-list .nav-info a:visited{display:block;color:#fff;text-decoration:none;padding-bottom:10px}.nav-container-mobile .nav-mobile.nav-list .nav-close{position:absolute;bottom:80px;left:calc(50% + 20px);left:-webkit-calc(50% + 20px);left:-moz-calc(50% + 20px)}.nav-container-mobile .nav-mobile.nav-list .nav-close img{margin-bottom:40px}.main-container{display:block;padding-left:10px;padding-right:10px;grid-template-columns:none;background:none;margin:0px}.type-block,.year-block{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-auto-rows:1fr;row-gap:20px;margin-bottom:30px}footer{display:none}.student-grid{display:block}.student-grid header{display:block;position:sticky;top:0px;left:0px;padding:0px;z-index:2000}.student-grid header .header-img{display:block;padding:0px;background-color:#115e67}.student-grid header .header-img.shrink{background-image:none;background-color:rgba(17,94,103,.9);backdrop-filter:blur(10px)}.student-grid header .header-img .header-shrink{padding:15px}.student-grid header .header-img .header-blur{padding-bottom:15px}.student-grid header .header-img .header-blur .logo,.student-grid header .header-img .header-blur .title h1{text-align:center}.student-grid header .header-img .header-blur.shrink{animation-name:headerShrink;animation-duration:.2s;background-color:rgba(0,0,0,0);transform:scale(0)}.student-grid header .header-img .header-shrink{text-align:center;padding:10px;transform:scale(0)}.student-grid header .header-img .header-blur.grow,.student-grid header .header-img .header-shrink.grow{animation-name:headerGrow;animation-duration:.2s;background-color:rgba(0,0,0,0);transform:scale(1)}@keyframes headerShrink{from{transform:scale(1)}to{transform:scale(0)}}@keyframes headerGrow{from{transform:scale(0)}to{transform:scale(1)}}.student-grid header .header-img .header-blur .logo,.student-grid header .header-img .header-blur .logo img{z-index:1003}.student-grid header .header-img .header-blur .logo img{padding-bottom:20px}.student-grid header .header-img .header-blur .title{padding-top:5px}.course-header{display:grid;grid-template-columns:100%;row-gap:20px}.course-header .img{display:grid;align-content:end;height:250px;width:100%;border-radius:5px}.courses-grid{grid-template-columns:repeat(1, 100%)}.navbar-light{text-align:right}.shrink .nav-container{left:0px;background:#115e67}.shrink .login{margin-right:0px;float:right}.course-sidebar{z-index:2000;margin-left:-15px;margin-right:-15px;padding:0px 15px 0px 15px;display:block;width:calc(100% + 30px);width:-webkit-calc(100% + 30px);width:-moz-calc(100% + 30px);background-color:#fff}.course-sidebar .sidebar-type{display:block;text-transform:uppercase;cursor:pointer;margin-bottom:10px}.course-sidebar .sidebar-type.active{font-weight:700;color:#fff;background-color:#393939;padding:5px 5px 0px 5px;width:100%}.course-container{width:100%}.course-page-img{width:calc(100% - 15px);width:-moz-calc(100% - 15px);width:-webkit-calc(100% - 15px)}.course-howto-img{display:none}.course-page-descr .course-info-block,.course-page-descr .course-page-rationale{margin-top:20px;column-count:1;-moz-column-count:1;-webkit-column-count:1}.enrollment-tile{display:block;float:left;width:100%;margin:0px 20px 20px 0px;padding:15px;background-color:#efefef;cursor:pointer}.dashboard-applications .applications-container .enrollment-row.mobile-row,.my-applications-overview .applications-container .enrollment-row.mobile-row{display:grid;grid-template-columns:repeat(3, 33.33%);grid-template-areas:"title title title" "status date actions";background-color:#efefef;border-radius:5px;margin-bottom:10px;padding:10px;cursor:pointer}.dashboard-applications .applications-container .enrollment-row.mobile-row .status-pill,.my-applications-overview .applications-container .enrollment-row.mobile-row .status-pill{grid-area:status;height:30px;border-radius:15px;text-align:center;line-height:1.8em;color:#393939;margin:0px}.dashboard-applications .applications-container .enrollment-row.mobile-row .title,.my-applications-overview .applications-container .enrollment-row.mobile-row .title{grid-area:title;font-size:1.2em;padding:5px 0px;border-bottom:1px dotted #878787;margin-bottom:10px}.dashboard-applications .applications-container .enrollment-row.mobile-row .date,.my-applications-overview .applications-container .enrollment-row.mobile-row .date{grid-area:date}.dashboard-applications .applications-container .enrollment-row.mobile-row .actions,.my-applications-overview .applications-container .enrollment-row.mobile-row .actions{grid-area:actions;display:grid;grid-template-columns:50% 50%;column-gap:10px}.dashboard-applications .applications-container .enrollment-row.mobile-row .actions .enr-edit,.dashboard-applications .application-scontainer .enrollment-row.mobile-row .actions .enr-delete,.my-applications-overview .applications-container .enrollment-row.mobile-row .actions .enr-edit,.my-applications-overview .applications-container .enrollment-row.mobile-row .actions .enr-delete{cursor:pointer}.dashboard-applications .applications-container .enrollment-row.mobile-row .actions .enr-edit:hover,.my-applications-overview .applications-container .enrollment-row.mobile-row .actions .enr-edit:hover{color:#27c5e8}.dashboard-applications .applications-container .enrollment-row.mobile-row .actions .enr-delete:hover,.my-applications-overview .applications-container .enrollment-row.mobile-row .actions .enr-delete:hover{color:#ff3636}.enrollment-steps{display:grid;grid-template-columns:100%}.enrollment-steps .enrollment-sidebar{display:grid;grid-auto-flow:column;grid-template-columns:auto;justify-content:space-between;margin-bottom:20px}.enrollment-steps .enrollment-sidebar .sidebar-step{display:inline}.enrollment-steps .enrollment-sidebar .sidebar-step .step-label{display:none}.education-records .edu-row.mobile-row,.employment-records .emp-row.mobile-row,.referees-table .ref-row.mobile-row,.funding-table .funding-row.mobile-row.mobile-row{display:grid;grid-template-columns:calc(50% - 20px) 40% 10%;grid-template-columns:-webkit-calc(50% - 20px) 40% 10%;grid-template-columns:-moz-calc(50% - 20px) 40% 10%;padding:10px;background-color:#efefef;border-radius:5px;margin-bottom:10px}.education-records .edu-row.mobile-row .title,.employment-records .emp-row.mobile-row .title,.referees-table .ref-row.mobile-row .title,.funding-table .funding-row.mobile-row .title{grid-column-start:1;grid-column-end:5;font-weight:700;padding:5px 0px;border-bottom:1px dotted #878787;margin-bottom:5px}.education-records .edu-row.mobile-row .actions i,.employment-records .emp-row.mobile-row .actions i,.referees-table .ref-row.mobile-row .actions i,.funding-table .funding-row.mobile-row .actions i{padding-right:5px;cursor:pointer}.education-records .edu-row.mobile-row .actions i:last-child,.employment-records .emp-row.mobile-row .actions i:last-child,.referees-table .ref-row.mobile-row .actions i:last-child,.funding-table .funding-row.mobile-row .actions i:last-child{padding-right:0px}.documents-container{grid-template-columns:repeat(1, 100%);row-gap:10px}confirm-dialog.light .confirm-dialog,confirm-dialog.dark .confirm-dialog,ui-remarks-dialog.light .confirm-dialog,ui-remarks-dialog.dark .confirm-dialog,.course-enrollments.overlay,ui-enr-export-dialog.light .export-dialog,ui-enr-export-dialog.dark .export-dialog,ui-file-upload-dialog.light .export-dialog,ui-file-upload-dialog.dark .export-dialog,ui-merge-conversation-dialog.light .export-dialog,ui-merge-conversation-dialog.dark .export-dialog,ui-assign-dialog.light .export-dialog,ui-assign-dialog.dark .export-dialog{z-index:2002;display:block;position:fixed;background-color:#f3f3f3;border-radius:5px;padding:1em;width:calc(90vw - 2em);width:-webkit-calc(90vw - 2em);width:-moz-calc(90vw - 2em);height:auto;left:5vw;top:20vh;transform:translateY(-100px);-webkit-transform:translateY(-100px);border-bottom:3px solid #8b8b8b;text-align:center;-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,.3);-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,.3);box-shadow:5px 5px 5px 0px rgba(0,0,0,.3)}.dialog-bg,ui-message-dialog.light .dialog-bg,ui-message-dialog.dark .dialog-bg,ui-status-message-dialog.light .dialog-bg,ui-status-message-dialog.dark .dialog-bg,ui-referee-message-dialog.light .dialog-bg,ui-referee-message-dialog.dark .dialog-bg,ui-remarks-dialog.light .dialog-bg,ui-remarks-dialog.dark .dialog-bg,confirm-dialog.light .dialog-bg,confirm-dialog.dark .dialog-bg,ui-enr-export-dialog.light .dialog-bg,ui-enr-export-dialog.dark .dialog-bg,ui-file-upload-dialog.light .dialog-bg,ui-file-upload-dialog.dark .dialog-bg,ui-merge-conversation-dialog.light .dialog-bg,ui-merge-conversation-dialog.dark .dialog-bg,ui-assign-dialog.light .dialog-bg,ui-assign-dialog.dark .dialog-bg{z-index:2001;display:block;position:fixed;top:0px;left:0px;background-color:rgba(0,0,0,.3);height:100vh;width:100vw;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}ui-message-dialog.light .message-dialog,ui-message-dialog.dark .message-dialog,ui-status-message-dialog.light .message-dialog,ui-status-message-dialog.dark .message-dialog,ui-referee-message-dialog.light .message-dialog,ui-referee-message-dialog.dark .message-dialog,ui-remarks-dialog.light .remark-dialog,ui-remarks-dialog.dark .remark-dialog,ui-enr-export-dialog.light .export-dialog,ui-enr-export-dialog.dark .export-dialog,ui-file-upload-dialog.light .export-dialog,ui-file-upload-dialog.dark .export-dialog,ui-merge-conversation-dialog.light .export-dialog,ui-merge-conversation-dialog.dark .export-dialog{z-index:2002;display:block;position:absolute;background-color:#f3f3f3;border-radius:5px;padding:1em;width:calc(90vw - 2em);width:-webkit-calc(90vw - 2em);width:-moz-calc(90vw - 2em);height:auto;left:5vw;top:10vh;transform:translateY(-100px);-webkit-transform:translateY(-100px);border-bottom:3px solid #8b8b8b;text-align:left;-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,.3);-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,.3);box-shadow:5px 5px 5px 0px rgba(0,0,0,.3)}.columns-2{grid-template-columns:repeat(1, 100%)}}.practical-timeline-course-container{display:grid;grid-template-columns:100%}.practical-timeline-container{display:grid;grid-template-columns:20% 80%}.practical-timeline-container .timeline-courses,.practical-timeline-course-container .timeline-courses{background-image:url("/img/uiux/schedule-months-bg.svg");background-size:100%;min-height:30px}.practical-timeline-container .titles .label{border-bottom:1px solid #fff;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.practical-timeline-container .titles .core{background-color:#efefef}.practical-timeline-container .titles .advanced{background-color:#27c5e8}.practical-timeline-container .scheduler-row,.practical-timeline-course-container .scheduler-row{min-height:33px}.months-course{display:grid;grid-template-columns:100%}.months{display:grid;grid-template-columns:20% 80%}.months .cols,.months-course .cols{display:grid;grid-template-columns:repeat(12, 1fr);margin-left:1px;color:#2e2e2e;font-size:.8em}.practical-timeline-container .months .cols div,.practical-timeline-course-container .months-course .cols div{padding:5px 0px}.practical-timeline-container .timeline-courses .course-line,.practical-timeline-course-container .timeline-courses .course-line{position:relative;display:block;margin-top:10px}.practical-timeline-container .timeline-courses .course-line .course-line-el,.practical-timeline-course-container .timeline-courses .course-line .course-line-el{position:absolute;top:0px;left:0px;min-height:10px;border-radius:15px;padding:5px 0px;font-size:.7em;text-transform:uppercase;font-weight:700;cursor:pointer}.practical-timeline-container .timeline-courses .course-line .course-line-el.core,.practical-timeline-course-container .timeline-courses .course-line .course-line-el.core{background-color:#e8e8e8;color:#fff}.practical-timeline-container .timeline-courses .course-line .course-line-el.advanced{background-color:#27c5e8;color:#fff}.practical-timeline-container .timeline-courses .course-line .course-line-el.face,.practical-timeline-course-container .timeline-courses .course-line .course-line-el.face{background-color:#3f88c5;color:#fff}.practical-timeline-container .timeline-courses .course-line .course-line-el.distance,.practical-timeline-course-container .timeline-courses .course-line .course-line-el.distance{background-color:#006c67;color:#fff}.practical-timeline-container .timeline-courses .course-line .course-line-el.blended,.practical-timeline-course-container .timeline-courses .course-line .course-line-el.blended{background-color:#f194b4}.practical-timeline-container .timeline-courses .course-line .course-line-el.hybrid,.practical-timeline-course-container .timeline-courses .course-line .course-line-el.hybrid{background-color:#ffb100}.practical-timeline-container .timeline-courses .course-line .course-line-el.overlap,.practical-timeline-course-container .timeline-courses .course-line .course-line-el.overlap{background-color:#ff3636}.practical-timeline-container .tooltip-dialog,.practical-timeline-course-container .tooltip-dialog{position:absolute;max-width:20vw;padding:10px;border-radius:5px;background-color:#393939;color:#fff}.ects-header{color:#8b8b8b;font-size:.7em;margin:0px}.part-time-notice{display:block;padding:5px;margin-top:-1em;border-radius:5px;background-color:#f3f3f3;font-size:.8em;color:#878787}.timeline-footer{margin-top:20px;display:grid;grid-template-columns:20% 80%}.timeline-footer .timeline-legend div{display:inline;color:#878787;font-size:.8em;padding-right:10px;padding-left:10px;border-right:1px dotted #878787}.timeline-footer .timeline-legend div:first-child{padding-left:0px}.timeline-footer .timeline-legend div:last-child{border-right:0px}.timeline-footer .timeline-legend .icon{display:inline-block;width:10px;height:10px;border-radius:5px;margin-right:5px}.timeline-footer .timeline-legend .icon.face{background-color:#3f88c5}.timeline-footer .timeline-legend .icon.distance{background-color:#006c67}.timeline-footer .timeline-legend .icon.blended{background-color:#f194b4}.timeline-footer .timeline-legend .icon.hybrid{background-color:#ffb100}.timeline-footer .timeline-legend .icon.overlap{background-color:#ff3636}.hybrid-courses .hybrid-row{display:grid;grid-template-columns:40% 20% 20% 20%;padding:1px 0px;border-bottom:1px dotted #8b8b8b}.hybrid-courses .hybrid-row-short{display:grid;grid-template-columns:25% 30% 45%;padding:1px 0px;border-bottom:1px dotted #8b8b8b}.hybrid-courses .hybrid-row .hybrid-col,.hybrid-courses .hybrid-row-short .hybrid-col{text-transform:uppercase;padding:20px;height:auto}