@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Overlock:400,700");@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,600");@import url("https://fonts.googleapis.com/css?family=Architects+Daughter&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700");




/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget{list-style:none}
.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}
@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}
@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}
@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}
.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}
.bootstrap-datetimepicker-widget .list-unstyled{margin:0}
.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}
.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}
.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}
.bootstrap-datetimepicker-widget button[data-action]{padding:6px}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}
.bootstrap-datetimepicker-widget .picker-switch{text-align:center}
.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}
.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}
.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}
.bootstrap-datetimepicker-widget table{width:100%;margin:0}
.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}
.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}
.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}
.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}
.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}
.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}
.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}
.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}
.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}
.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}
.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}
.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}
.bootstrap-datetimepicker-widget table td.today{position:relative}
.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}
.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}
.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}
.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}
.bootstrap-datetimepicker-widget table td span:hover{background:#eee}
.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}
.bootstrap-datetimepicker-widget table td span.old{color:#777}
.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}
.bootstrap-datetimepicker-widget.wider{width:21em}
.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}
.input-group.date .input-group-addon{cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-standard.css" rel="stylesheet" />
*/
:root {
  --dt-row-selected: 13, 110, 253;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 228, 228, 228;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-header-align-items: center;
  --dt-header-vertical-align: middle;
  --dt-html-background: white;
}
:root.dark {
  --dt-html-background: rgb(33, 37, 41);
}
table.dataTable tbody td.dt-control {
  text-align: center;
  cursor: pointer;
}
table.dataTable tbody td.dt-control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}
table.dataTable tbody tr.dt-hasChild td.dt-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}
table.dataTable tfoot:empty {
  display: none;
}
html.dark table.dataTable td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable td.dt-control:before,
:root[data-theme=dark] table.dataTable td.dt-control:before {
  border-left-color: rgba(255, 255, 255, 0.5);
}
html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-left-color: transparent;
}
div.dt-scroll {
  width: 100%;
}
div.dt-scroll-body thead tr,
div.dt-scroll-body tfoot tr {
  height: 0;
}
div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body tfoot tr td {
  height: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}
div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  position: absolute;
  display: block;
  bottom: 50%;
  content: "\25B2";
  content: "\25B2"/"";
}
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  position: absolute;
  display: block;
  top: 50%;
  content: "\25BC";
  content: "\25BC"/"";
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  position: relative;
  width: 12px;
  height: 24px;
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: 0.125;
  line-height: 9px;
  font-size: 0.8em;
}
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc {
  cursor: pointer;
}
table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(0, 0, 0, 0.05);
  outline-offset: -2px;
}
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.6;
}
table.dataTable thead > tr > th.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) span.dt-column-order:empty, table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) span.dt-column-order:empty,
table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after,
table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
  display: none;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead > tr > th div.dt-column-header,
table.dataTable thead > tr > th div.dt-column-footer,
table.dataTable thead > tr > td div.dt-column-header,
table.dataTable thead > tr > td div.dt-column-footer,
table.dataTable tfoot > tr > th div.dt-column-header,
table.dataTable tfoot > tr > th div.dt-column-footer,
table.dataTable tfoot > tr > td div.dt-column-header,
table.dataTable tfoot > tr > td div.dt-column-footer {
  display: flex;
  justify-content: space-between;
  align-items: var(--dt-header-align-items);
  gap: 4px;
}
table.dataTable thead > tr > th div.dt-column-header span.dt-column-title,
table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title,
table.dataTable thead > tr > td div.dt-column-header span.dt-column-title,
table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title,
table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title,
table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title,
table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title,
table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title {
  flex-grow: 1;
}
table.dataTable thead > tr > th div.dt-column-header span.dt-column-title:empty,
table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title:empty,
table.dataTable thead > tr > td div.dt-column-header span.dt-column-title:empty,
table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title:empty,
table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title:empty,
table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title:empty,
table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title:empty,
table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title:empty {
  display: none;
}
div.dt-scroll-body > table.dataTable > thead > tr > th,
div.dt-scroll-body > table.dataTable > thead > tr > td {
  overflow: hidden;
}
:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(255, 255, 255, 0.05);
}
div.dt-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -22px;
  text-align: center;
  padding: 2px;
  z-index: 10;
}
div.dt-processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}
div.dt-processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(13, 110, 253);
  background: rgb(var(--dt-row-selected));
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
div.dt-processing > div:last-child > div:nth-child(1) {
  left: 8px;
  animation: datatables-loader-1 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(2) {
  left: 8px;
  animation: datatables-loader-2 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(3) {
  left: 32px;
  animation: datatables-loader-2 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(4) {
  left: 56px;
  animation: datatables-loader-3 0.6s infinite;
}
@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable th,
table.dataTable td {
  box-sizing: border-box;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: right;
}
table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-date div.dt-column-footer {
  flex-direction: row-reverse;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-left div.dt-column-header,
table.dataTable th.dt-left div.dt-column-footer,
table.dataTable td.dt-left div.dt-column-header,
table.dataTable td.dt-left div.dt-column-footer {
  flex-direction: row;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-right div.dt-column-header,
table.dataTable th.dt-right div.dt-column-footer,
table.dataTable td.dt-right div.dt-column-header,
table.dataTable td.dt-right div.dt-column-footer {
  flex-direction: row-reverse;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-justify div.dt-column-header,
table.dataTable th.dt-justify div.dt-column-footer,
table.dataTable td.dt-justify div.dt-column-header,
table.dataTable td.dt-justify div.dt-column-footer {
  flex-direction: row;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable th.dt-empty,
table.dataTable td.dt-empty {
  text-align: center;
  vertical-align: top;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  text-align: left;
  vertical-align: var(--dt-header-vertical-align);
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-left div.dt-column-header,
table.dataTable thead th.dt-head-left div.dt-column-footer,
table.dataTable thead td.dt-head-left div.dt-column-header,
table.dataTable thead td.dt-head-left div.dt-column-footer,
table.dataTable tfoot th.dt-head-left div.dt-column-header,
table.dataTable tfoot th.dt-head-left div.dt-column-footer,
table.dataTable tfoot td.dt-head-left div.dt-column-header,
table.dataTable tfoot td.dt-head-left div.dt-column-footer {
  flex-direction: row;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-right div.dt-column-header,
table.dataTable thead th.dt-head-right div.dt-column-footer,
table.dataTable thead td.dt-head-right div.dt-column-header,
table.dataTable thead td.dt-head-right div.dt-column-footer,
table.dataTable tfoot th.dt-head-right div.dt-column-header,
table.dataTable tfoot th.dt-head-right div.dt-column-footer,
table.dataTable tfoot td.dt-head-right div.dt-column-header,
table.dataTable tfoot td.dt-head-right div.dt-column-footer {
  flex-direction: row-reverse;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-justify div.dt-column-header,
table.dataTable thead th.dt-head-justify div.dt-column-footer,
table.dataTable thead td.dt-head-justify div.dt-column-header,
table.dataTable thead td.dt-head-justify div.dt-column-footer,
table.dataTable tfoot th.dt-head-justify div.dt-column-header,
table.dataTable tfoot th.dt-head-justify div.dt-column-footer,
table.dataTable tfoot td.dt-head-justify div.dt-column-header,
table.dataTable tfoot td.dt-head-justify div.dt-column-footer {
  flex-direction: row;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
/*! Bootstrap 5 integration for DataTables
 *
 * ©2020 SpryMedia Ltd, all rights reserved.
 * License: MIT datatables.net/license/mit
 */
table.table.dataTable {
  clear: both;
  margin-bottom: 0;
  max-width: none;
  border-spacing: 0;
}
table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: none;
}
table.table.dataTable > :not(caption) > * > * {
  background-color: var(--bs-table-bg);
}
table.table.dataTable > tbody > tr {
  background-color: transparent;
}
table.table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
  color: rgb(255, 255, 255);
  color: rgb(var(--dt-row-selected-text));
}
table.table.dataTable > tbody > tr.selected a {
  color: rgb(228, 228, 228);
  color: rgb(var(--dt-row-selected-link));
}
table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
}
table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
}
table.table.dataTable.table-hover > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
}
table.table.dataTable.table-hover > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
}
div.dt-container div.dt-layout-start > *:not(:last-child) {
  margin-right: 1em;
}
div.dt-container div.dt-layout-end > *:not(:first-child) {
  margin-left: 1em;
}
div.dt-container div.dt-layout-full {
  width: 100%;
}
div.dt-container div.dt-layout-full > *:only-child {
  margin-left: auto;
  margin-right: auto;
}
div.dt-container div.dt-layout-table > div {
  display: block !important;
}
@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-start > *:not(:last-child) {
    margin-right: 0;
  }
  div.dt-container div.dt-layout-end > *:not(:first-child) {
    margin-left: 0;
  }
}
div.dt-container {
  position: relative;
}
div.dt-container div.dt-length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
div.dt-container div.dt-length select {
  width: auto;
  display: inline-block;
  margin-right: 0.5em;
}
div.dt-container div.dt-search {
  text-align: right;
}
div.dt-container div.dt-search label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}
div.dt-container div.dt-search input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}
div.dt-container div.dt-paging {
  margin: 0;
}
div.dt-container div.dt-paging ul.pagination {
  margin: 2px 0;
  flex-wrap: wrap;
}
div.dt-container div.dt-row {
  position: relative;
}
div.dt-scroll-head table.dataTable {
  margin-bottom: 0 !important;
}
div.dt-scroll-body {
  border-bottom-color: var(--bs-border-color);
  border-bottom-width: var(--bs-border-width);
  border-bottom-style: solid;
}
div.dt-scroll-body > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dt-scroll-body > table > tbody > tr:first-child {
  border-top-width: 0;
}
div.dt-scroll-body > table > thead > tr {
  border-width: 0 !important;
}
div.dt-scroll-body > table > tbody > tr:last-child > * {
  border-bottom: none;
}
div.dt-scroll-foot > .dt-scroll-footInner {
  box-sizing: content-box;
}
div.dt-scroll-foot > .dt-scroll-footInner > table {
  margin-top: 0 !important;
  border-top: none;
}
div.dt-scroll-foot > .dt-scroll-footInner > table > tfoot > tr:first-child {
  border-top-width: 0 !important;
}
@media screen and (max-width: 767px) {
  div.dt-container div.dt-length,
  div.dt-container div.dt-search,
  div.dt-container div.dt-info,
  div.dt-container div.dt-paging {
    text-align: center;
  }
  div.dt-container .row {
    --bs-gutter-y: 0.5rem;
  }
  div.dt-container div.dt-paging ul.pagination {
    justify-content: center !important;
  }
}
table.dataTable.table-sm > thead > tr th.dt-orderable-asc, table.dataTable.table-sm > thead > tr th.dt-orderable-desc, table.dataTable.table-sm > thead > tr th.dt-ordering-asc, table.dataTable.table-sm > thead > tr th.dt-ordering-desc,
table.dataTable.table-sm > thead > tr td.dt-orderable-asc,
table.dataTable.table-sm > thead > tr td.dt-orderable-desc,
table.dataTable.table-sm > thead > tr td.dt-ordering-asc,
table.dataTable.table-sm > thead > tr td.dt-ordering-desc {
  padding-right: 0.25rem;
}
table.dataTable.table-sm > thead > tr th.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-desc span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-orderable-asc span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-orderable-desc span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-ordering-asc span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-ordering-desc span.dt-column-order {
  right: 0.25rem;
}
table.dataTable.table-sm > thead > tr th.dt-type-date span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-type-numeric span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-type-date span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-type-numeric span.dt-column-order {
  left: 0.25rem;
}
div.dt-scroll-head table.table-bordered {
  border-bottom-width: 0;
}
div.table-responsive > div.dt-container > div.row {
  margin: 0;
}
div.table-responsive > div.dt-container > div.row > div[class^=col-]:first-child {
  padding-left: 0;
}
div.table-responsive > div.dt-container > div.row > div[class^=col-]:last-child {
  padding-right: 0;
}
:root[data-bs-theme=dark] {
  --dt-row-hover: 255, 255, 255;
  --dt-row-stripe: 255, 255, 255;
  --dt-column-ordering: 255, 255, 255;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  margin-right: 0.5em;
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 0.333em;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 75%;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 2.5em;
}
div.dtr-modal div.dtr-modal-content h2 {
  margin-top: 0;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
html.dark table.dataTable > tbody > tr > td.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control:before {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}
html.dark table.dataTable > tbody > tr > td.dtr-control.arrow-right::before,
html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control.arrow-right::before {
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}
html.dark table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before,
html.dark table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top-color: rgba(255, 255, 255, 0.5) !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
html.dark table.dataTable > tbody > tr.child ul.dtr-details > li,
html[data-bs-theme=dark] table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom-color: rgb(64, 67, 70);
}
html.dark div.dtr-modal div.dtr-modal-display,
html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display {
  background-color: rgb(33, 37, 41);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
div.dtr-bs-modal table.table tr:first-child td {
  border-top: none;
}
table.dataTable.table-bordered th.dtr-control.dtr-hidden + *,
table.dataTable.table-bordered td.dtr-control.dtr-hidden + * {
  border-left-width: 1px;
}
@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
div.dataTables_wrapper {
  position: relative;
}
div.dt-buttons {
  position: initial;
}
div.dt-buttons .dt-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border-radius: 0.75em;
  box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 2003;
  overflow: hidden;
}
div.dt-button-info h2 {
  padding: 2rem 2rem 1rem 2rem;
  margin: 0;
  font-weight: normal;
}
div.dt-button-info > div {
  padding: 1em 2em 2em 2em;
}
div.dtb-popover-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 2003;
}
button.dtb-hide-drop {
  display: none !important;
}
div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0.5em 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.dt-button-collection-title:empty {
  display: none;
}
span.dt-button-spacer {
  display: inline-block;
  margin: 0.5em;
  white-space: nowrap;
}
span.dt-button-spacer.bar {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  vertical-align: middle;
  padding-left: 0.5em;
}
span.dt-button-spacer.bar:empty {
  height: 1em;
  width: 1px;
  padding-left: 0;
}
div.dt-button-collection .dt-button-active {
  padding-right: 3em;
}
div.dt-button-collection .dt-button-active:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 1em;
  display: inline-block;
  content: "\2713";
  color: inherit;
}
div.dt-button-collection .dt-button-active.dt-button-split {
  padding-right: 0;
}
div.dt-button-collection .dt-button-active.dt-button-split:after {
  display: none;
}
div.dt-button-collection .dt-button-active.dt-button-split > *:first-child {
  padding-right: 3em;
}
div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 1em;
  display: inline-block;
  content: "\2713";
  color: inherit;
}
div.dt-button-collection .dt-button-active-a a {
  padding-right: 3em;
}
div.dt-button-collection .dt-button-active-a a:after {
  position: absolute;
  right: 1em;
  display: inline-block;
  content: "\2713";
  color: inherit;
}
div.dt-button-collection span.dt-button-spacer {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
  margin: 0.5em 0;
}
div.dt-button-collection span.dt-button-spacer:empty {
  height: 0;
  width: 100%;
}
div.dt-button-collection span.dt-button-spacer.bar {
  border-left: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 0;
}
@media print {
  table.dataTable tr > * {
    box-shadow: none !important;
  }
}
div.dt-buttons div.btn-group {
  position: initial;
}
div.dt-buttons span.dt-button-spacer.empty {
  margin: 1px;
}
div.dt-buttons span.dt-button-spacer.bar:empty {
  height: inherit;
}
div.dt-buttons .btn.processing {
  color: rgba(0, 0, 0, 0.2);
}
div.dt-buttons .btn.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid rgb(40, 40, 40);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}
div.dt-button-collection {
  position: absolute;
  min-width: 200px;
  margin-top: 4px;
  z-index: 2002;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow);
}
div.dt-button-collection div.dt-button-collection-title {
  padding: 0.75em 0 0.25em;
}
div.dt-button-collection .dropdown-menu {
  position: relative;
  display: block;
  width: 100%;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
div.dt-button-collection .dt-button {
  position: relative;
}
div.dt-button-collection .dt-button.dropdown-toggle::after {
  position: absolute;
  right: 12px;
  top: 14px;
}
div.dt-button-collection div.dt-button-split {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
div.dt-button-collection div.dt-button-split > *:first-child {
  min-width: auto;
  flex: 1 0 50px;
}
div.dt-button-collection div.dt-button-split button:last-child {
  min-width: 33px;
  flex: 0;
  background: transparent;
  border: none;
  line-height: 1rem;
  color: var(--bs-dropdown-link-color);
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  overflow: visible;
}
div.dt-button-collection div.dt-button-split button:last-child:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
div.dt-button-collection.fixed {
  position: fixed;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 5px;
  background-color: white;
  padding: 0.5em;
}
div.dt-button-collection.fixed.two-column {
  margin-left: -200px;
}
div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}
div.dt-button-collection.fixed.columns {
  margin-left: -409px;
}
@media screen and (max-width: 1024px) {
  div.dt-button-collection.fixed.columns {
    margin-left: -308px;
  }
}
@media screen and (max-width: 640px) {
  div.dt-button-collection.fixed.columns {
    margin-left: -203px;
  }
}
@media screen and (max-width: 460px) {
  div.dt-button-collection.fixed.columns {
    margin-left: -100px;
  }
}
div.dt-button-collection.fixed > :last-child {
  max-height: 100vh;
  overflow: auto;
}
div.dt-button-collection.two-column > :last-child, div.dt-button-collection.three-column > :last-child, div.dt-button-collection.four-column > :last-child {
  display: block !important;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
div.dt-button-collection.two-column > :last-child > *, div.dt-button-collection.three-column > :last-child > *, div.dt-button-collection.four-column > :last-child > * {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
div.dt-button-collection.two-column {
  width: 400px;
}
div.dt-button-collection.two-column > :last-child {
  padding-bottom: 1px;
  -moz-column-count: 2;
       column-count: 2;
}
div.dt-button-collection.three-column {
  width: 450px;
}
div.dt-button-collection.three-column > :last-child {
  padding-bottom: 1px;
  -moz-column-count: 3;
       column-count: 3;
}
div.dt-button-collection.four-column {
  width: 600px;
}
div.dt-button-collection.four-column > :last-child {
  padding-bottom: 1px;
  -moz-column-count: 4;
       column-count: 4;
}
div.dt-button-collection .dt-button {
  border-radius: 0;
}
div.dt-button-collection.columns {
  width: auto;
}
div.dt-button-collection.columns > :last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  width: 818px;
  padding-bottom: 1px;
}
div.dt-button-collection.columns > :last-child .dt-button {
  min-width: 200px;
  flex: 0 1;
  margin: 0;
}
div.dt-button-collection.columns.dtb-b3 > :last-child, div.dt-button-collection.columns.dtb-b2 > :last-child, div.dt-button-collection.columns.dtb-b1 > :last-child {
  justify-content: space-between;
}
div.dt-button-collection.columns.dtb-b3 .dt-button {
  flex: 1 1 32%;
}
div.dt-button-collection.columns.dtb-b2 .dt-button {
  flex: 1 1 48%;
}
div.dt-button-collection.columns.dtb-b1 .dt-button {
  flex: 1 1 100%;
}
@media screen and (max-width: 1024px) {
  div.dt-button-collection.columns > :last-child {
    width: 612px;
  }
}
@media screen and (max-width: 640px) {
  div.dt-button-collection.columns > :last-child {
    width: 406px;
  }
  div.dt-button-collection.columns.dtb-b3 .dt-button {
    flex: 0 1 32%;
  }
}
@media screen and (max-width: 460px) {
  div.dt-button-collection.columns > :last-child {
    width: 200px;
  }
}
div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
  }
  div.dt-buttons a.btn {
    float: none;
  }
}
div.dt-button-info {
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color-translucent);
}
:root[data-bs-theme=dark] div.dt-button-collection.fixed {
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color-translucent);
}
@font-face {
  font-family: "SSStandard";
  src: url("/fonts/ss-standard.eot");
  src: url("/fonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("/fonts/ss-standard.woff") format("woff"), url("/fonts/ss-standard.ttf") format("truetype"), url("/fonts/ss-standard.svg#SSStandard") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^=ss-] {
  -ms-zoom: 1;
}
.ss-icon, .ss-icon.ss-standard,
[class^=ss-]:before, [class*=" ss-"]:before,
[class^=ss-].ss-standard:before, [class*=" ss-"].ss-standard:before,
[class^=ss-].right:after, [class*=" ss-"].right:after,
[class^=ss-].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
[class^=ss-].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: "";
}
.ss-cursor:before, .ss-cursor.right:after {
  content: "\e001";
}
.ss-crosshair:before, .ss-crosshair.right:after {
  content: "⌖";
}
.ss-search:before, .ss-search.right:after {
  content: "🔎";
}
.ss-zoomin:before, .ss-zoomin.right:after {
  content: "\e002";
}
.ss-zoomout:before, .ss-zoomout.right:after {
  content: "\e003";
}
.ss-view:before, .ss-view.right:after {
  content: "👀";
}
.ss-attach:before, .ss-attach.right:after {
  content: "📎";
}
.ss-link:before, .ss-link.right:after {
  content: "🔗";
}
.ss-move:before, .ss-move.right:after {
  content: "\e070";
}
.ss-write:before, .ss-write.right:after {
  content: "✎";
}
.ss-writingdisabled:before, .ss-writingdisabled.right:after {
  content: "\e071";
}
.ss-erase:before, .ss-erase.right:after {
  content: "✐";
}
.ss-compose:before, .ss-compose.right:after {
  content: "📝";
}
.ss-lock:before, .ss-lock.right:after {
  content: "🔒";
}
.ss-unlock:before, .ss-unlock.right:after {
  content: "🔓";
}
.ss-key:before, .ss-key.right:after {
  content: "🔑";
}
.ss-backspace:before, .ss-backspace.right:after {
  content: "⌫";
}
.ss-ban:before, .ss-ban.right:after {
  content: "🚫";
}
.ss-trash:before, .ss-trash.right:after {
  content: "\e0d0";
}
.ss-target:before, .ss-target.right:after {
  content: "◎";
}
.ss-tag:before, .ss-tag.right:after {
  content: "\e100";
}
.ss-bookmark:before, .ss-bookmark.right:after {
  content: "🔖";
}
.ss-flag:before, .ss-flag.right:after {
  content: "⚑";
}
.ss-like:before, .ss-like.right:after {
  content: "👍";
}
.ss-dislike:before, .ss-dislike.right:after {
  content: "👎";
}
.ss-heart:before, .ss-heart.right:after {
  content: "♥";
}
.ss-halfheart:before, .ss-halfheart.right:after {
  content: "\e1a0";
}
.ss-star:before, .ss-star.right:after {
  content: "⋆";
}
.ss-halfstar:before, .ss-halfstar.right:after {
  content: "\e1a1";
}
.ss-sample:before, .ss-sample.right:after {
  content: "\e200";
}
.ss-crop:before, .ss-crop.right:after {
  content: "\e201";
}
.ss-layers:before, .ss-layers.right:after {
  content: "\e202";
}
.ss-fill:before, .ss-fill.right:after {
  content: "\e240";
}
.ss-stroke:before, .ss-stroke.right:after {
  content: "\e241";
}
.ss-phone:before, .ss-phone.right:after {
  content: "📞";
}
.ss-phonedisabled:before, .ss-phonedisabled.right:after {
  content: "\e300";
}
.ss-rss:before, .ss-rss.right:after {
  content: "\e310";
}
.ss-facetime:before, .ss-facetime.right:after {
  content: "\e320";
}
.ss-reply:before, .ss-reply.right:after {
  content: "↩";
}
.ss-send:before, .ss-send.right:after {
  content: "\e350";
}
.ss-mail:before, .ss-mail.right:after {
  content: "✉";
}
.ss-inbox:before, .ss-inbox.right:after {
  content: "📥";
}
.ss-chat:before, .ss-chat.right:after {
  content: "💬";
}
.ss-ellipsischat:before, .ss-ellipsischat.right:after {
  content: "\e399";
}
.ss-ellipsis:before, .ss-ellipsis.right:after {
  content: "…";
}
.ss-user:before, .ss-user.right:after {
  content: "👤";
}
.ss-femaleuser:before, .ss-femaleuser.right:after {
  content: "👧";
}
.ss-users:before, .ss-users.right:after {
  content: "👥";
}
.ss-cart:before, .ss-cart.right:after {
  content: "\e500";
}
.ss-creditcard:before, .ss-creditcard.right:after {
  content: "💳";
}
.ss-dollarsign:before, .ss-dollarsign.right:after {
  content: "💲";
}
.ss-barchart:before, .ss-barchart.right:after {
  content: "📊";
}
.ss-piechart:before, .ss-piechart.right:after {
  content: "\e570";
}
.ss-box:before, .ss-box.right:after {
  content: "📦";
}
.ss-home:before, .ss-home.right:after {
  content: "⌂";
}
.ss-buildings:before, .ss-buildings.right:after {
  content: "🏢";
}
.ss-warehouse:before, .ss-warehouse.right:after {
  content: "\e602";
}
.ss-globe:before, .ss-globe.right:after {
  content: "🌎";
}
.ss-navigate:before, .ss-navigate.right:after {
  content: "\e670";
}
.ss-compass:before, .ss-compass.right:after {
  content: "\e671";
}
.ss-signpost:before, .ss-signpost.right:after {
  content: "\e672";
}
.ss-map:before, .ss-map.right:after {
  content: "\e673";
}
.ss-location:before, .ss-location.right:after {
  content: "\e6d0";
}
.ss-pin:before, .ss-pin.right:after {
  content: "📍";
}
.ss-database:before, .ss-database.right:after {
  content: "\e7a0";
}
.ss-hdd:before, .ss-hdd.right:after {
  content: "\e7b0";
}
.ss-music:before, .ss-music.right:after {
  content: "♫";
}
.ss-mic:before, .ss-mic.right:after {
  content: "🎤";
}
.ss-volume:before, .ss-volume.right:after {
  content: "🔈";
}
.ss-lowvolume:before, .ss-lowvolume.right:after {
  content: "🔉";
}
.ss-highvolume:before, .ss-highvolume.right:after {
  content: "🔊";
}
.ss-airplay:before, .ss-airplay.right:after {
  content: "\e800";
}
.ss-camera:before, .ss-camera.right:after {
  content: "📷";
}
.ss-picture:before, .ss-picture.right:after {
  content: "🌄";
}
.ss-video:before, .ss-video.right:after {
  content: "📹";
}
.ss-play:before, .ss-play.right:after {
  content: "▶";
}
.ss-pause:before, .ss-pause.right:after {
  content: "\e8a0";
}
.ss-stop:before, .ss-stop.right:after {
  content: "■";
}
.ss-record:before, .ss-record.right:after {
  content: "●";
}
.ss-rewind:before, .ss-rewind.right:after {
  content: "⏪";
}
.ss-fastforward:before, .ss-fastforward.right:after {
  content: "⏩";
}
.ss-skipback:before, .ss-skipback.right:after {
  content: "⏮";
}
.ss-skipforward:before, .ss-skipforward.right:after {
  content: "⏭";
}
.ss-eject:before, .ss-eject.right:after {
  content: "⏏";
}
.ss-repeat:before, .ss-repeat.right:after {
  content: "🔁";
}
.ss-replay:before, .ss-replay.right:after {
  content: "↺";
}
.ss-shuffle:before, .ss-shuffle.right:after {
  content: "🔀";
}
.ss-book:before, .ss-book.right:after {
  content: "📕";
}
.ss-openbook:before, .ss-openbook.right:after {
  content: "📖";
}
.ss-notebook:before, .ss-notebook.right:after {
  content: "📓";
}
.ss-newspaper:before, .ss-newspaper.right:after {
  content: "📰";
}
.ss-grid:before, .ss-grid.right:after {
  content: "\e9a0";
}
.ss-rows:before, .ss-rows.right:after {
  content: "\e9a1";
}
.ss-columns:before, .ss-columns.right:after {
  content: "\e9a2";
}
.ss-thumbnails:before, .ss-thumbnails.right:after {
  content: "\e9a3";
}
.ss-filter:before, .ss-filter.right:after {
  content: "\e9b0";
}
.ss-desktop:before, .ss-desktop.right:after {
  content: "💻";
}
.ss-laptop:before, .ss-laptop.right:after {
  content: "\ea00";
}
.ss-tablet:before, .ss-tablet.right:after {
  content: "\ea01";
}
.ss-cell:before, .ss-cell.right:after {
  content: "📱";
}
.ss-battery:before, .ss-battery.right:after {
  content: "🔋";
}
.ss-highbattery:before, .ss-highbattery.right:after {
  content: "\ea10";
}
.ss-mediumbattery:before, .ss-mediumbattery.right:after {
  content: "\ea11";
}
.ss-lowbattery:before, .ss-lowbattery.right:after {
  content: "\ea12";
}
.ss-emptybattery:before, .ss-emptybattery.right:after {
  content: "\ea13";
}
.ss-lightbulb:before, .ss-lightbulb.right:after {
  content: "💡";
}
.ss-downloadcloud:before, .ss-downloadcloud.right:after {
  content: "\eb00";
}
.ss-download:before, .ss-download.right:after {
  content: "\eb01";
}
.ss-uploadcloud:before, .ss-uploadcloud.right:after {
  content: "\eb40";
}
.ss-upload:before, .ss-upload.right:after {
  content: "\eb41";
}
.ss-fork:before, .ss-fork.right:after {
  content: "\eb80";
}
.ss-merge:before, .ss-merge.right:after {
  content: "\eb81";
}
.ss-transfer:before, .ss-transfer.right:after {
  content: "⇆";
}
.ss-refresh:before, .ss-refresh.right:after {
  content: "↻";
}
.ss-sync:before, .ss-sync.right:after {
  content: "\eb82";
}
.ss-loading:before, .ss-loading.right:after {
  content: "\eb83";
}
.ss-wifi:before, .ss-wifi.right:after {
  content: "\eb84";
}
.ss-connection:before, .ss-connection.right:after {
  content: "\eb85";
}
.ss-file:before, .ss-file.right:after {
  content: "📄";
}
.ss-folder:before, .ss-folder.right:after {
  content: "📁";
}
.ss-quote:before, .ss-quote.right:after {
  content: "“";
}
.ss-text:before, .ss-text.right:after {
  content: "\ed00";
}
.ss-font:before, .ss-font.right:after {
  content: "\ed01";
}
.ss-print:before, .ss-print.right:after {
  content: "⎙";
}
.ss-fax:before, .ss-fax.right:after {
  content: "📠";
}
.ss-list:before, .ss-list.right:after {
  content: "\ed50";
}
.ss-layout:before, .ss-layout.right:after {
  content: "\eda0";
}
.ss-action:before, .ss-action.right:after {
  content: "\ee00";
}
.ss-redirect:before, .ss-redirect.right:after {
  content: "↪";
}
.ss-expand:before, .ss-expand.right:after {
  content: "⤢";
}
.ss-contract:before, .ss-contract.right:after {
  content: "\ee01";
}
.ss-help:before, .ss-help.right:after {
  content: "❓";
}
.ss-info:before, .ss-info.right:after {
  content: "ℹ";
}
.ss-alert:before, .ss-alert.right:after {
  content: "⚠";
}
.ss-caution:before, .ss-caution.right:after {
  content: "⛔";
}
.ss-logout:before, .ss-logout.right:after {
  content: "\ee02";
}
.ss-plus:before, .ss-plus.right:after {
  content: "+";
}
.ss-hyphen:before, .ss-hyphen.right:after {
  content: "-";
}
.ss-check:before, .ss-check.right:after {
  content: "✓";
}
.ss-delete:before, .ss-delete.right:after {
  content: "␡";
}
.ss-settings:before, .ss-settings.right:after {
  content: "⚙";
}
.ss-dashboard:before, .ss-dashboard.right:after {
  content: "\f000";
}
.ss-notifications:before, .ss-notifications.right:after {
  content: "🔔";
}
.ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after {
  content: "🔕";
}
.ss-clock:before, .ss-clock.right:after {
  content: "⏲";
}
.ss-stopwatch:before, .ss-stopwatch.right:after {
  content: "⏱";
}
.ss-calendar:before, .ss-calendar.right:after {
  content: "📅";
}
.ss-addcalendar:before, .ss-addcalendar.right:after {
  content: "\f070";
}
.ss-removecalendar:before, .ss-removecalendar.right:after {
  content: "\f071";
}
.ss-checkcalendar:before, .ss-checkcalendar.right:after {
  content: "\f072";
}
.ss-deletecalendar:before, .ss-deletecalendar.right:after {
  content: "\f073";
}
.ss-plane:before, .ss-plane.right:after {
  content: "✈";
}
.ss-briefcase:before, .ss-briefcase.right:after {
  content: "💼";
}
.ss-cloud:before, .ss-cloud.right:after {
  content: "☁";
}
.ss-droplet:before, .ss-droplet.right:after {
  content: "💧";
}
.ss-flask:before, .ss-flask.right:after {
  content: "\f4c0";
}
.ss-up:before, .ss-up.right:after {
  content: "⬆";
}
.ss-upright:before, .ss-upright.right:after {
  content: "⬈";
}
.ss-right:before, .ss-right.right:after {
  content: "➡";
}
.ss-downright:before, .ss-downright.right:after {
  content: "⬊";
}
.ss-down:before, .ss-down.right:after {
  content: "⬇";
}
.ss-downleft:before, .ss-downleft.right:after {
  content: "⬋";
}
.ss-left:before, .ss-left.right:after {
  content: "⬅";
}
.ss-upleft:before, .ss-upleft.right:after {
  content: "⬉";
}
.ss-navigateup:before, .ss-navigateup.right:after {
  content: "\f500";
}
.ss-navigateright:before, .ss-navigateright.right:after {
  content: "▻";
}
.ss-navigatedown:before, .ss-navigatedown.right:after {
  content: "\f501";
}
.ss-navigateleft:before, .ss-navigateleft.right:after {
  content: "◅";
}
.ss-directup:before, .ss-directup.right:after {
  content: "▴";
}
.ss-directright:before, .ss-directright.right:after {
  content: "▹";
}
.ss-dropdown:before, .ss-dropdown.right:after {
  content: "▾";
}
.ss-directleft:before, .ss-directleft.right:after {
  content: "◃";
}
.ss-retweet:before, .ss-retweet.right:after {
  content: "\f600";
}
/* Legacy classes */
.ss-volumelow:before, .ss-volumelow.right:after {
  content: "🔉";
}
.ss-volumehigh:before, .ss-volumehigh.right:after {
  content: "🔊";
}
.ss-batteryhigh:before, .ss-batteryhigh.right:after {
  content: "\ea10";
}
.ss-batterymedium:before, .ss-batterymedium.right:after {
  content: "\ea11";
}
.ss-batterylow:before, .ss-batterylow.right:after {
  content: "\ea12";
}
.ss-batteryempty:before, .ss-batteryempty.right:after {
  content: "\ea13";
}
.ss-clouddownload:before, .ss-clouddownload.right:after {
  content: "\eb00";
}
.ss-cloudupload:before, .ss-cloudupload.right:after {
  content: "\eb40";
}
.ss-calendaradd:before, .ss-calendaradd.right:after {
  content: "\f070";
}
.ss-calendarremove:before, .ss-calendarremove.right:after {
  content: "\f071";
}
.ss-calendarcheck:before, .ss-calendarcheck.right:after {
  content: "\f072";
}
.ss-calendardelete:before, .ss-calendardelete.right:after {
  content: "\f073";
}
.container {
  max-width: 100% !important;
}
.--theme-london {
  background: #FF0000;
  color: #FFFFFF;
}
body, html {
  background: #fff;
  font-family: "Lato";
  letter-spacing: 0.5pt;
  font-weight: 300;
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.card-header, .card-body {
  width: 340px;
  margin-left: calc(50vw - 180px);
}
.card-header {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
a {
  color: rgb(45, 98, 185);
}
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url("modules/Jcrop.gif");
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}
.word-wrap {
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.mce-content-body .mce-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  background: transparent;
  text-decoration: none;
  color: black;
  font-family: Arial;
  font-size: 11px;
  text-shadow: none;
  float: none;
  position: static;
  width: auto;
  height: auto;
  white-space: nowrap;
  cursor: inherit;
  line-height: normal;
  font-weight: normal;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  box-sizing: content-box;
  direction: ltr;
  max-width: none;
}
.mce-object {
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(modules/img/object.gif) no-repeat center;
}
.mce-preview-object {
  display: inline-block;
  position: relative;
  margin: 0 2px 0 2px;
  line-height: 0;
  border: 1px solid gray;
}
.mce-preview-object[data-mce-selected="2"] .mce-shim {
  display: none;
}
.mce-preview-object .mce-shim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
figure.align-left {
  float: left;
}
figure.align-right {
  float: right;
}
figure.image.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
figure.image {
  display: inline-block;
  border: 1px solid gray;
  margin: 0 2px 0 1px;
  background: #f5f2f0;
}
figure.image img {
  margin: 8px 8px 0 8px;
}
figure.image figcaption {
  margin: 6px 8px 6px 8px;
  text-align: center;
}
.mce-toc {
  border: 1px solid gray;
}
.mce-toc h2 {
  margin: 4px;
}
.mce-toc li {
  list-style-type: none;
}
.mce-pagebreak {
  cursor: default;
  display: block;
  border: 0;
  width: 100%;
  height: 5px;
  border: 1px dashed #666;
  margin-top: 15px;
  page-break-before: always;
}
@media print {
  .mce-pagebreak {
    border: 0;
  }
}
.mce-item-anchor {
  cursor: default;
  display: inline-block;
  -webkit-user-select: all;
  -webkit-user-modify: read-only;
  -moz-user-select: all;
  -moz-user-modify: read-only;
  user-select: all;
  user-modify: read-only;
  width: 9px !important;
  height: 9px !important;
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(modules/img/anchor.gif) no-repeat center;
}
.mce-nbsp, .mce-shy {
  background: #AAA;
}
.mce-shy::after {
  content: "-";
}
.mce-match-marker {
  background: #AAA;
  color: #fff;
}
.mce-match-marker-selected {
  background: #3399ff;
  color: #fff;
}
.mce-spellchecker-word {
  border-bottom: 2px solid rgba(208, 2, 27, 0.5);
  cursor: default;
}
.mce-spellchecker-grammar {
  border-bottom: 2px solid #008000;
  cursor: default;
}
.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
  border: 1px dashed #BBB;
}
td[data-mce-selected], th[data-mce-selected] {
  background-color: #2276d2 !important;
}
.mce-edit-focus {
  outline: 1px dotted #333;
}
.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
  outline: 2px solid #2276d2;
}
.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
  outline: 2px solid #2276d2;
}
.mce-content-body *[contentEditable=false][data-mce-selected] {
  outline: 2px solid #2276d2;
}
.mce-content-body.mce-content-readonly *[contentEditable=true]:focus, .mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
  outline: none;
}
.mce-content-body *[data-mce-selected=inline-boundary] {
  background: #bfe6ff;
}
.mce-content-body .mce-item-anchor[data-mce-selected] {
  background: #D5D5D5 url(modules/img/anchor.gif) no-repeat center;
}
.mce-content-body hr {
  cursor: default;
}
.mce-content-body table {
  -webkit-nbsp-mode: normal;
}
.ephox-snooker-resizer-bar {
  background-color: #2276d2;
  opacity: 0;
}
.ephox-snooker-resizer-cols {
  cursor: col-resize;
}
.ephox-snooker-resizer-rows {
  cursor: row-resize;
}
.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  opacity: 0.2;
}
.mce-content-body {
  line-height: 1.3;
}
/* ============================
   LIBRARY (Frontend + BKND)
   ============================ */
/* ---- common root: matches both ---- */
#library-page-holder,
#main-content {
  --lib-gap: 12px;
}
/* wrapper padding */
#library-page-holder .info-page-wrapper,
#main-content {
  box-sizing: border-box;
}
/* header */
#library-page-holder .info-page-wrapper > h2,
#main-content > h2.library-head {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 12px;
  padding: 10px 10px;
  border-radius: 5px 5px 0 0;
  background: #3c8ccb;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.2em;
  text-align: left;
}
/* delete icon inside header */
#library-page-holder .info-page-wrapper > h2 em.ss-delete,
#main-content > h2.library-head em.ss-delete {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}
/* editor bar (BKND) */
#library-page-holder .editor-action-bar {
  position: absolute;
  top: 18px;
  right: 16px;
  z-index: 200;
}
#library-page-holder #editor-list {
  position: absolute;
  right: 0;
  top: 34px;
  width: 200px;
  background: #fff;
  padding: 10px;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}
#library-page-holder #editor-list.u-hidden {
  display: none;
}
/* ---- search wrapper ---- */
#library-page-holder .docket-search-wrapper,
#main-content .docket-search-wrapper,
#main-content > .docket-search-wrapper,
#library-page-holder .info-page-wrapper > .docket-search-wrapper {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 12px;
}
/* searchbar */
#library-page-holder .searchbar,
#main-content .searchbar {
  position: relative;
  float: left;
  width: 80%;
  margin-left: 20%;
  height: 40px;
  border: 1px solid rgba(60, 140, 203, 0.35);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
#library-page-holder .searchbar > span,
#main-content .searchbar > span {
  position: relative;
  float: left;
  width: calc(100% - 96px);
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  font-size: 1.2em;
  outline: none;
}
#library-page-holder .searchbar > em.ss-search,
#main-content .searchbar > em.ss-search {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: rgba(60, 140, 203, 0.12);
  color: #3c8ccb;
}
#library-page-holder .searchbar > em#search-loader,
#main-content .searchbar > em#search-loader {
  position: absolute;
  right: 48px;
  top: 0;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  display: none;
}
#library-page-holder .searchbar > em#search-loader.loading,
#main-content .searchbar > em#search-loader.loading {
  display: block;
}
/* ---- results wrapper ---- */
#library-page-holder #library-results-wrapper,
#main-content #library-results-wrapper {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 0 14px;
  border-radius: 0 0 10px 10px;
  min-height: 55vh;
  box-sizing: border-box;
}
/* list reset */
#library-page-holder .library-items-list,
#main-content .library-items-list {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
/* pagination pages */
#library-page-holder .library-pagination,
#main-content .library-pagination {
  display: none;
}
#library-page-holder .library-pagination.lib-active,
#main-content .library-pagination.lib-active {
  display: block;
}
/* “table header row” (first .library-item in the list) */
#library-page-holder .library-pagination > .library-items-list > .library-item:first-child,
#main-content .library-pagination > .library-items-list > .library-item:first-child {
  background: rgba(60, 140, 203, 0.1);
  border-radius: 10px;
  margin-bottom: 10px;
}
/* library item container */
#library-page-holder .library-item,
#main-content .library-item {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
#library-page-holder .library-item > ul,
#main-content .library-item > ul {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* cells */
#library-page-holder .library-item > ul > li,
#main-content .library-item > ul > li {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 12px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
#library-page-holder .library-item > ul > li:last-child,
#main-content .library-item > ul > li:last-child {
  border-bottom: none;
}
/* label styling for mobile “card” view */
#library-page-holder .library-title::before,
#main-content .library-title::before {
  content: "Title";
  font-weight: 700;
  display: block;
  opacity: 0.55;
  font-size: 12px;
  margin-bottom: 4px;
}
#library-page-holder .library-author::before,
#main-content .library-author::before {
  content: "Author";
  font-weight: 700;
  display: block;
  opacity: 0.55;
  font-size: 12px;
  margin-bottom: 4px;
}
#library-page-holder .library-edition::before,
#main-content .library-edition::before {
  content: "Shelf";
  font-weight: 700;
  display: block;
  opacity: 0.55;
  font-size: 12px;
  margin-bottom: 4px;
}
#library-page-holder .library-subject::before,
#main-content .library-subject::before {
  content: "Subject";
  font-weight: 700;
  display: block;
  opacity: 0.55;
  font-size: 12px;
  margin-bottom: 4px;
}
#library-page-holder .library-status::before,
#main-content .library-status::before {
  content: "Status";
  font-weight: 700;
  display: block;
  opacity: 0.55;
  font-size: 12px;
  margin-bottom: 4px;
}
/* tools area */
#library-page-holder .library-tools button,
#main-content .library-tools button {
  border: 1px solid rgba(60, 140, 203, 0.35);
  background: rgba(60, 140, 203, 0.08);
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
}
/* status pill */
#library-page-holder .library-status,
#main-content .library-status {
  font-weight: 700;
}
#library-page-holder .library-status:empty,
#main-content .library-status:empty {
  display: none;
}
/* more info block */
#library-page-holder .more-book-info,
#main-content .more-book-info {
  display: none;
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.02);
}
#library-page-holder .more-book-info.open,
#main-content .more-book-info.open {
  display: block;
}
#library-page-holder .more-book-info ul,
#main-content .more-book-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#library-page-holder .more-book-info ul li,
#main-content .more-book-info ul li {
  width: 100%;
  float: left;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
#library-page-holder .more-book-info ul li:last-child,
#main-content .more-book-info ul li:last-child {
  border-bottom: none;
}
/* book actions overlay */
#library-page-holder .book-actions-list,
#main-content .book-actions-list {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
  z-index: 9999;
}
#library-page-holder .book-actions-list.open-menu,
#main-content .book-actions-list.open-menu {
  display: block;
}
#library-page-holder .book-actions-list > ul,
#main-content .book-actions-list > ul {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(320px, 100vw - 28px);
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}
#library-page-holder .book-actions-list > ul > li,
#main-content .book-actions-list > ul > li {
  width: 100%;
  float: left;
  padding: 12px 10px;
  border-radius: 10px;
  cursor: pointer;
}
#library-page-holder .book-actions-list > ul > li:hover,
#main-content .book-actions-list > ul > li:hover {
  background: rgba(60, 140, 203, 0.1);
}
/* pagination footer */
#library-page-holder .pagination,
#main-content .pagination {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  text-align: center;
}
#library-page-holder .pagination > li,
#main-content .pagination > li {
  display: inline-block;
  margin: 0 6px;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid rgba(60, 140, 203, 0.25);
  cursor: pointer;
}
#library-page-holder .pagination > li.lib-active,
#main-content .pagination > li.lib-active {
  background: rgba(60, 140, 203, 0.1);
  font-weight: 700;
}
/* ---- hide empty shelf/subject via class (recommended) ---- */
#library-page-holder .library-edition.is-empty,
#main-content .library-edition.is-empty,
#library-page-holder .library-subject.is-empty,
#main-content .library-subject.is-empty {
  display: none;
}
/* ============================
   DESKTOP TABLE MODE
   ============================ */
@media (min-width: 860px) {
  /* turn cards into table rows */
  #library-page-holder .library-item,
  #main-content .library-item {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
  /* header row stays distinct */
  #library-page-holder .library-pagination > .library-items-list > .library-item:first-child,
  #main-content .library-pagination > .library-items-list > .library-item:first-child {
    border-radius: 10px;
  }
  /* row becomes horizontal */
  #library-page-holder .library-item > ul > li,
  #main-content .library-item > ul > li {
    width: auto;
    border-bottom: none;
    padding: 10px 10px;
  }
  /* remove mobile labels */
  #library-page-holder .library-title::before,
  #library-page-holder .library-author::before,
  #library-page-holder .library-edition::before,
  #library-page-holder .library-subject::before,
  #library-page-holder .library-status::before,
  #main-content .library-title::before,
  #main-content .library-author::before,
  #main-content .library-edition::before,
  #main-content .library-subject::before,
  #main-content .library-status::before {
    display: none;
  }
  /* fixed widths like your old layout, but cleaner */
  #library-page-holder .library-title,
  #main-content .library-title {
    width: 32%;
  }
  #library-page-holder .library-author,
  #main-content .library-author {
    width: 22%;
  }
  #library-page-holder .library-edition,
  #main-content .library-edition {
    width: 10%;
  }
  #library-page-holder .library-subject,
  #main-content .library-subject {
    width: 18%;
  }
  #library-page-holder .library-status,
  #main-content .library-status {
    width: 6%;
  }
  #library-page-holder .library-tools,
  #main-content .library-tools {
    width: 12%;
  }
  /* keep tools aligned */
  #library-page-holder .library-tools,
  #main-content .library-tools {
    text-align: right;
    white-space: nowrap;
  }
  /* more info grid */
  #library-page-holder .more-book-info ul li,
  #main-content .more-book-info ul li {
    width: 25%;
    float: left;
    padding: 10px;
    border-bottom: none;
  }
}
@media (min-width: 720px) {
  #library-page-holder .info-page-wrapper > .docket-search-wrapper {
    width: 70%;
    margin-left: calc(30% - 15px);
    margin-right: 15px;
  }
}
/* ============================
   LIBRARY: New Item Modal
   ============================ */
.account-builder.active-window {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: block;
}
.account-builder .click-close {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
}
#library-action.account-builder-wrapper.library {
  position: relative;
  width: min(980px, 100vw - 45px);
  max-height: calc(100vh - 28px);
  margin: 14px auto;
  background: #fff;
  border-radius: 14px;
  overflow: auto;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}
#library-action.library h1 {
  margin: 0;
  padding: 14px 16px;
  background: rgb(60, 140, 203);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 18px;
  line-height: 22px;
}
#library-action.library aside {
  padding: 14px 16px 18px;
}
/* grid */
.library-newitem-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
/* 2-col on larger screens */
@media (min-width: 860px) {
  .library-newitem-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.new-item-field {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 10px 12px;
  background: #fff;
}
.new-item-field label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  opacity: 0.6;
  margin-bottom: 8px;
  text-transform: capitalize;
}
.new-item-field input,
.new-item-field select {
  width: 100%;
  height: 42px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 8px 10px;
  font-size: 15px;
  box-sizing: border-box;
  outline: none;
}
.new-item-field input:focus,
.new-item-field select:focus {
  border-color: rgba(60, 140, 203, 0.55);
  box-shadow: 0 0 0 3px rgba(60, 140, 203, 0.14);
}
.library-newitem-actions {
  margin-top: 14px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.library-newitem-actions button {
  border: 1px solid rgba(60, 140, 203, 0.35);
  background: rgba(60, 140, 203, 0.1);
  border-radius: 12px;
  padding: 10px 14px;
  cursor: pointer;
  font-weight: 700;
}
.library-newitem-actions button:hover {
  background: rgba(60, 140, 203, 0.16);
}
.library-newitem-empty {
  margin-top: 10px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(255, 180, 0, 0.12);
  border: 1px solid rgba(255, 180, 0, 0.35);
  font-size: 14px;
  line-height: 18px;
}
.account-builder-wrapper.library > h1 {
  background: rgb(45, 98, 185);
}
.account-builder-wrapper.library > aside {
  opacity: 1;
}
.account-builder-wrapper.library > aside > ul > li {
  margin-bottom: 10px;
}
.account-builder-wrapper.library > aside > ul:last-child {
  padding-bottom: 50px;
}
.library-newitem-actions-padding {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 40px;
  height: 40px;
}
@media screen and (min-width: 768px) {
  .searchbar {
    width: 60%;
  }
  .library-city {
    position: relative;
    width: 100px;
    float: left;
    margin: 0;
    margin-right: 20px;
    background: #337ab7;
    text-align: center;
  }
  #library-page-holder .searchbar, #main-content .searchbar {
    width: 50%;
    margin-left: 50%;
  }
}
@media screen and (min-width: 1020px) {
  .searchbar {
    width: 50%;
  }
}
.hidden-status {
  display: none;
}
#dockets-icon.active > #new-docket-menu {
  position: absolute;
  top: 0;
  left: 65px;
  width: 200px;
}
#dockets-icon > .ping {
  position: absolute;
  top: 0;
  left: 0;
  width: 67px;
  height: 67px;
}
#docket-menu {
  width: 100%;
  top: -52px;
  left: 0 !important;
  border-right: 1px solid rgba(133, 133, 133, 0.5);
  border-top: 1px solid rgba(133, 133, 133, 0.5);
}
#docket-menu.n-6 {
  top: -314px;
}
#docket-menu.n-5 {
  top: -260px;
}
#docket-menu.n-4 {
  top: -210px;
}
#docket-menu.n-3 {
  top: -158px;
}
#docket-menu.n-2 {
  top: -104px;
}
#docket-page-holder .info-page-wrapper {
  padding: 0;
}
#docket-page-holder h2 {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 20px 60px;
  background: #7d9c47;
  color: #FFFFFF;
  margin: 0 0 10px;
  border-radius: 5px 5px 0 0;
}
#docket-page-holder .editor-action-bar {
  top: 65px;
  background: white;
  z-index: 999;
  min-width: auto;
}
#docket-page-holder .editor-action-bar .list-icon {
  border: none;
  background: white;
}
#docket-page-holder #editor-list {
  position: absolute;
  width: 180px;
  background: white;
  padding: 10px;
  top: 33px;
  right: 0px;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.3);
}
#docket-page-holder > .info-page-wrapper > #docket-results-wrapper > aside.filter {
  position: relative;
  float: left;
  width: 100%;
}
#docket-page-holder > .info-page-wrapper > #docket-results-wrapper > aside.filter > ul {
  position: relative;
  float: right;
  width: 100%;
  padding: 10px 20px;
}
#docket-page-holder > .info-page-wrapper > #docket-results-wrapper > aside.filter > ul > li {
  position: relative;
  float: right;
  width: 80px;
  padding: 5px 10px;
  background: rgb(150.7533039648, 182.436123348, 95.563876652);
  color: white;
  cursor: pointer;
  border-radius: 3px;
  margin-left: 3px;
  text-align: center;
  font-weight: 600;
}
#docket-page-holder > .info-page-wrapper > #docket-results-wrapper > aside.filter > ul > li.active-button {
  background: rgb(68.8325991189, 85.9030837004, 39.0969162996);
}
.docket-main-content {
  position: relative;
  float: left;
  width: 100%;
  z-index: 1;
  min-height: 70vh;
  background: #FFFFFF;
  margin: 60px 0;
  color: dimGrey;
  border-radius: 5px;
  box-shadow: 0 0 5px 1px rgba(133, 133, 133, 0.5);
}
.docket-main-content h1 {
  padding: 10px 20px;
}
.docket-main-content-sudo-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
  background: rgba(133, 133, 133, 0.1);
}
.docket-dashboard {
  margin-bottom: 0;
}
.docket-city-list {
  position: relative;
  width: 100%;
  float: left;
  list-style: none;
  margin-bottom: 20px;
}
.docket-city {
  position: relative;
  width: 100%;
  float: left;
  margin: 5px 0;
  padding: 10px;
  background: #337ab7;
  text-align: center;
  border-radius: 5px;
}
.docket-city:hover {
  background: rgb(28.7692307692, 68.8205128205, 103.2307692308);
}
.docket-city-text {
  position: relative;
  width: 100%;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}
.docket-ticket-number {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.docket-label-select, .docket-label-wrapper, .docket-select-wrapper, .docket-label, .docket-select, .docket-input-text, .docket-table-row, .docket-input-table, .docket-currency, .docket-input-docket-total {
  position: relative;
  float: left;
}
.docket-label-select {
  width: 100%;
}
.docket-label-wrapper, .docket-select-wrapper {
  width: 50%;
  text-align: center;
  line-height: 24px;
}
.docket-label, .docket-select {
  font-size: 14px;
  line-height: 24px;
}
.docket-label {
  font-size: 12px;
  line-height: 24px;
  padding: 0 15px;
  float: right;
  margin-right: 5%;
}
.docket-select {
  background: #FFFFFF;
  float: left;
  margin-left: 5%;
  box-shadow: 0 0 5px 1px rgba(133, 133, 133, 0.5);
  border: none;
  padding: 5px 15px;
  margin-top: 3px;
  max-width: 100%;
}
.docket-select option {
  font-size: 16px;
  padding: 5px 15px;
  line-height: 22px;
}
.docket-input {
  position: relative;
  width: calc(100% - 39px);
  left: 10px;
  padding: 4px 10px;
  border-radius: 0 4px 4px 0;
  height: 40px;
  border: 1px solid #ccc;
  top: -11px;
  cursor: pointer;
}
.docket-date {
  width: auto;
}
.docket-hidden-alt {
  margin-left: -45%;
  float: left;
  font-size: 18px;
  line-height: 24px;
  cursor: pointer;
  margin-top: 0;
}
.docket-hidden-alt em {
  position: relative;
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}
.docket-cal-wrapper {
  position: relative;
  float: left;
  width: 50%;
  height: 20px;
}
.docket-row {
  position: relative;
  float: left;
  width: 60%;
  margin: 20px 20% 10px;
}
.docket-button {
  position: relative;
  float: left;
  margin: 10px calc(50% - 60px) 0;
  width: 120px;
  border: 1px solid rgba(155, 155, 155, 0.4);
  border-radius: 3px;
  background: rgba(155, 155, 155, 0.1);
  padding: 10px;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
}
.docket-button:first-child {
  margin-top: 20px;
}
.docket-button:last-child {
  margin-bottom: 30px;
}
.docket-alert {
  position: relative;
  float: left;
  line-height: 20px;
}
.docket-alert.xtra-deep {
  line-height: 40px;
}
.docket-alert span {
  position: relative;
  float: left;
  margin-left: 20px;
  color: #d07282;
}
#price_calc {
  margin-top: 30px;
}
fieldset {
  float: left;
}
.docket-label-wrapper, .docket-select-wrapper {
  min-height: 30px;
}
.docket-input-text, .docket-input-table {
  margin-left: 10px;
  padding: 2px 10px;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
}
.docket-input-table {
  width: 30%;
  border: rgba(133, 133, 133, 0.5) 1px solid;
  border-bottom: none;
  line-height: 24px;
}
.docket-input-table-large {
  width: auto;
}
.docket-input-table-large.name {
  text-transform: capitalize;
}
.docket-input-docket-total {
  width: 50%;
  margin-left: 10px;
  font-size: 18px;
  line-height: 32px;
  border: rgba(133, 133, 133, 0.5) 1px solid;
  font-weight: bold;
}
.docket-select-wrapper:first-child {
  margin-top: 0;
}
.docket-select-wrapper:last-child .docket-input-table {
  border-bottom: rgba(133, 133, 133, 0.5) 1px solid;
}
.docket-currency {
  text-align: left;
  margin-left: 5px;
  font-size: 18px;
  line-height: 30px;
}
.docket-currency.docket-total {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}
.docket-print {
  width: 45%;
  margin: 10px 2.5%;
}
@page {
  .docket-print {
    size: landscape;
  }
}
.docket-print .docket-row {
  width: 100%;
  margin: 0 0 10px;
}
.docket-print .docket-input-docket-total {
  width: 30%;
}
.docket-print .docket-input-table, .docket-print .docket-input-docket-total {
  border: none;
}
.docket-print .docket-select-wrapper:last-child .docket-input-table {
  border: none;
}
.docket-view {
  width: 80%;
  margin: 60px 10%;
}
.docket-checkin {
  width: 80%;
  margin: 60px 10%;
}
.docket-checkin.active {
  border: rgba(133, 133, 133, 0.5) 1px solid;
}
.docket-search-wrapper {
  position: relative;
  float: left;
  margin: 20px 20px;
  width: calc(100% - 40px);
  font-size: 24px;
  z-index: 1;
}
.docket-search-wrapper:after {
  content: "";
  position: absolute;
  top: 4px;
  right: -30px;
  width: 30px;
  height: 30px;
  background-color: none;
  background-repeat: no-repeat;
  background-image: url("/resources/img/ui/sitewide/web_icons_blue.png");
  background-size: 320px;
  background-position: -11px -6px;
}
.docket-search {
  position: relative;
  float: left;
  width: 100%;
  font-size: 24px;
  padding: 5px 20px;
  border-radius: 5px;
  border: 2px solid rgba(60, 140, 203, 0.5);
}
.docket-search-list-wrapper {
  position: relative;
  float: left;
  width: 100%;
  font-size: 14px;
}
#docket-search-res-list > h3 {
  position: relative;
  float: left;
  width: 100%;
  padding: 3px 10px;
}
#docket-search-res-list > h3 > em {
  position: relative;
  float: right;
}
.docket-search-list {
  position: absolute;
  top: 1px;
  right: 0;
  width: 60%;
  list-style: none;
  padding: 10px 20px;
  margin: 0 0.5%;
  background: #FFFFFF;
  border-left: 1px solid rgba(133, 133, 133, 0.3);
  border-right: 1px solid rgba(133, 133, 133, 0.3);
  border-bottom: 1px solid rgba(133, 133, 133, 0.3);
  box-shadow: 0 0 4px 1px rgba(133, 133, 133, 0.5);
  z-index: 99;
  border-radius: 0 0 5px 5px;
}
.docket-search-list-item {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px 0;
  cursor: pointer;
}
.docket-search-list-item-text {
  position: relative;
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
}
.docket-search-list-item-text:hover {
  color: #0096ff;
}
.docket-results-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
.docket-result-list {
  position: relative;
  float: left;
  width: calc(100% - 40px);
  margin: 0 20px 60px;
  border: solid 1px rgba(133, 133, 133, 0.3);
  padding: 10px;
}
.docket-search-list-item-empty {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
}
.docket-result-list-item {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px 10px;
}
.docket-result-list-item:nth-child(2n-1) {
  background: rgba(133, 133, 133, 0.2);
}
.docket-result-sub-list, .docket-result-sub-list-item {
  position: relative;
  float: left;
  width: 100%;
}
.docket-result-sub-list-item {
  width: 14%;
  padding: 1px 10px;
}
.docket-result-sub-list-item.width-10 {
  width: 10%;
}
.docket-result-sub-list-item.width-30 {
  width: 24%;
}
.docket-result-sub-list-item.width-25 {
  width: 10%;
}
.docket-result-sub-list-item.negative {
  color: red;
}
.docket-result-sub-list-item.totals {
  font-weight: 600;
}
.docket-result-sub-list-item .toolkit-toggle {
  position: relative;
  float: right;
  font-size: 12px;
  cursor: pointer;
}
.toolbar-list {
  position: absolute;
  right: 0;
  width: 220px;
  background: white;
  padding: 20px;
  box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.5);
  display: none;
}
.toolbar-list.open-toolkit {
  display: block;
  z-index: 99;
}
.docket-toolbar-item {
  position: relative;
  float: left;
  cursor: pointer;
  width: 100%;
  font-size: 14px;
  margin-bottom: 3px;
}
.docket-toolbar-item em {
  position: relative;
  float: left;
  font-size: 12px;
  padding: 2px;
  border-radius: 3px;
  line-height: 18px;
  margin-right: 5px;
}
.docket-toolbar-item span {
  position: relative;
  float: left;
}
.docket-checkin-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  overflow-y: scroll;
  display: none;
}
.docket-checkin-wrapper.active {
  display: block;
}
.docket-checkin-bk {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
}
.docket-list-sum, .docket-list-sum-row {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.docket-list-sum-row-label {
  position: relative;
  float: left;
  width: 60%;
  font-size: 10px;
  line-height: 16px;
}
.docket-list-sum-row-label.totals {
  font-weight: 600;
}
.docket-list-sum-row-val {
  position: relative;
  float: left;
  width: 40%;
  font-size: 12px;
  line-height: 16px;
}
.docket-list-sum-row-val.negative {
  color: red;
}
.docket-list-sum-row-val.totals {
  font-weight: 600;
}
.docket-list-sum-row-denominator {
  border-top: 1px solid rgba(155, 155, 155, 0.5);
}
.docket-list-sum-row-denominator .docket-list-sum-row-label {
  font-size: 12px;
  line-height: 18px;
}
.docket-list-sum-row-denominator .docket-list-sum-row-val {
  font-size: 12px;
  line-height: 18px;
}
.docket-row-id {
  position: relative;
  float: left;
}
.docket-signature {
  position: relative;
  float: left;
  width: 60%;
  margin-left: 20%;
  line-height: 24px;
  padding: 30px 0 0;
  border-bottom: dashed 2px rgba(133, 133, 133, 0.5);
  margin-bottom: 30px;
}
.magnetic-symbol {
  position: relative;
  cursor: pointer;
  float: left;
  color: #0096ff;
  font-size: 12px;
  padding: 2px 6px;
}
.magnetic-wrapper, .magnetic-item {
  position: relative;
  float: left;
  width: 100%;
}
.magnetic-wrapper {
  margin-top: 20px;
}
magnetic-invoice-header, .magnetic-invoice-footer {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
}
magnetic-invoice-header img, .magnetic-invoice-footer img {
  position: relative;
  float: left;
  width: 100%;
}
.magnetic-item {
  border-bottom: 1px solid rgba(133, 133, 133, 0.4);
}
.magnetic-item:last-child {
  border-bottom: none;
}
.magnetic-item-ref {
  position: relative;
  float: left;
  width: 20%;
  padding: 5px 10px;
}
.magnetic-item-title, .magnetic-item-description {
  position: relative;
  float: left;
  width: 30%;
  padding: 5px 10px;
}
.magnetic-item-tools {
  position: relative;
  float: left;
  width: 10%;
  padding: 5px 10px;
}
.magnetic-item-tools span {
  float: right;
  margin-left: 10px;
  font-size: 1.2em;
  cursor: pointer;
}
.magnetic-item-status {
  position: relative;
  float: left;
  width: 10%;
  padding: 5px 10px;
}
.magnetic-invoice-wrapper {
  position: absolute;
  width: 595px;
  left: calc(50% - 296px);
  top: 80px;
  background: #FFFFFF;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.4);
  display: none;
}
.magnetic-invoice-wrapper.active {
  display: block;
  padding: 20px;
}
.magnetic-invoice-logo {
  position: relative;
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-image: url(/build/assets/ACCENT-logo-DFz2z74l.svg);
  background-size: 105px;
  background-position: 0% 50%;
}
.magnetic-invoice-title, .invoice-number {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  color: #333;
}
.invoice-number {
  font-weight: 600;
  margin-top: 20px;
}
.magnetic-invoice-body {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
  color: #333;
}
.magnetic-invoice-body ul {
  position: relative;
  float: left;
  width: 100%;
}
.magnetic-invoice-body li {
  position: relative;
  float: left;
}
.magnetic-invoice-body li:first-child {
  width: 20%;
}
.magnetic-invoice-body li:last-child {
  width: 80%;
}
.magnetic-invoice-divider {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
  padding-top: 10px;
  margin-bottom: 10px;
}
.magnetic-invoice-details {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
  color: #333;
}
.magnetic-invoice-details.with-table {
  margin-top: 100px;
}
.magnetic-invoice-details table {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
.magnetic-invoice-details tr, .magnetic-invoice-details thead {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px 0;
}
.magnetic-invoice-details tr .u-visible, .magnetic-invoice-details thead .u-visible {
  display: block;
}
.magnetic-invoice-details tr .u-hidden, .magnetic-invoice-details thead .u-hidden {
  display: none;
}
.magnetic-invoice-details tr.tight, .magnetic-invoice-details thead.tight {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 5px;
}
.magnetic-invoice-details tr.no-print .u-visible, .magnetic-invoice-details thead.no-print .u-visible {
  display: none;
}
.magnetic-invoice-details tr.no-print .u-hidden, .magnetic-invoice-details thead.no-print .u-hidden {
  display: block;
}
.magnetic-invoice-details button {
  position: relative;
  float: left;
  margin-left: 33%;
  color: #FFFFFF;
  border: none;
  border-radius: 21px;
  padding: 7px 7px 3px;
}
.magnetic-invoice-details button.u-visible {
  background: #006600;
}
.magnetic-invoice-details button.u-hidden {
  background: #990000;
}
.magnetic-invoice-details button.fixed {
  background: #a3a3a3;
  cursor: default;
  padding: 4px 0px 3px;
  width: 24px;
}
.magnetic-invoice-details button.variable {
  background: #a3a3a3;
  cursor: default;
  padding: 4px 0px 3px;
  width: 24px;
}
.magnetic-invoice-details button.fixed-variable {
  background: #337ab7;
  padding: 4px 0px 3px;
  width: 24px;
}
.magnetic-invoice-details .u-variable {
  display: block;
}
.magnetic-invoice-details .u-fixed {
  display: none;
}
.magnetic-invoice-details .fvb-fixed .u-variable {
  display: none;
}
.magnetic-invoice-details .fvb-fixed .u-fixed {
  display: block;
}
.magnetic-invoice-details td, .magnetic-invoice-details th {
  position: relative;
  float: left;
  padding: 0 10px;
  width: 12.5%;
}
.magnetic-invoice-details td:nth-child(6n-4), .magnetic-invoice-details th:nth-child(6n-4) {
  width: 40%;
  text-align: left;
}
.magnetic-invoice-details td:nth-child(6n-1), .magnetic-invoice-details th:nth-child(6n-1) {
  width: 10%;
  text-align: left;
}
.magnetic-invoice-details td:nth-child(6n), .magnetic-invoice-details th:nth-child(6n) {
  text-align: right;
}
.magnetic-invoice-details td.width100, .magnetic-invoice-details th.width100 {
  width: 100%;
}
.magnetic-invoice-details td.width80, .magnetic-invoice-details th.width80 {
  width: 80%;
}
.magnetic-invoice-details td.width60, .magnetic-invoice-details th.width60 {
  width: 60%;
}
.magnetic-invoice-details td.width40, .magnetic-invoice-details th.width40 {
  width: 40%;
}
.per-student, .Total-due {
  position: relative;
  float: right;
  width: 100%;
  text-align: right;
  margin: 20px 0;
}
.Total-due {
  font-weight: 600;
  font-size: 1.2em;
}
.docket-switch-search {
  position: relative;
  float: left;
  width: 60%;
  margin: 0 20%;
}
.docket-switch-search .switch-wrapper {
  position: relative;
  float: left;
  cursor: pointer;
  padding: 5px 10px 0;
  background: #337ab7;
  color: #FFFFFF;
  border-radius: 5px;
}
.docket-switch-search .switch-wrapper:hover {
  background-color: rgb(28.7692307692, 68.8205128205, 103.2307692308);
}
.docket-switch-search #switch-select {
  display: none;
}
.docket-switch-search em {
  position: relative;
  float: left;
  padding: 5px;
  font-size: 1.2em;
  margin-right: 5px;
}
.docket-switch-search span {
  position: relative;
  float: left;
  font-size: 1.2em;
  line-height: 1.8em;
}
.docket-switch-search select {
  position: relative;
  float: left;
  padding: 5px 10px;
  border: none;
  background: transparent;
  font-size: 1.2em;
  line-height: 1.8em;
  color: #FFFFFF;
  margin-top: 5px;
}
.docket-switch-search option {
  position: relative;
  float: left;
  padding: 5px 10px;
  font-size: 1.2em;
}
.docket-switch-search.active #switch-button {
  display: none;
}
.docket-switch-search.active #switch-select {
  display: block;
}
#invoice-wrapper.printing {
  color: #333;
  max-width: 600px;
  padding: 20px;
}
#invoice-wrapper.printing .no-print {
  display: none;
}
.magnetic-print-button {
  position: relative;
  float: right;
  padding: 8px 30px;
  border: none;
  background: #337ab7;
  color: #FFFFFF;
  font-size: 1.1em;
}
.per-student, .Variable-costs, .Fixed-costs {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  text-align: right;
  color: #333;
}
.per-student button, .Variable-costs button, .Fixed-costs button {
  position: relative;
  float: left;
  color: #FFFFFF;
  border: none;
  border-radius: 21px;
  padding: 7px 7px 3px;
  width: 28px;
  margin-left: calc(10px + (12.5% - 20px) * 0.33);
}
.per-student button i, .Variable-costs button i, .Fixed-costs button i {
  position: relative;
  margin-left: 0;
}
.per-student button.u-visible, .Variable-costs button.u-visible, .Fixed-costs button.u-visible {
  display: block;
  background: #006600;
}
.per-student button.u-hidden, .Variable-costs button.u-hidden, .Fixed-costs button.u-hidden {
  display: none;
  background: #990000;
}
.per-student.no-print button.u-visible, .Variable-costs.no-print button.u-visible, .Fixed-costs.no-print button.u-visible {
  display: none;
}
.per-student.no-print button.u-hidden, .Variable-costs.no-print button.u-hidden, .Fixed-costs.no-print button.u-hidden {
  display: block;
}
.per-student span, .per-student em, .Variable-costs span, .Variable-costs em, .Fixed-costs span, .Fixed-costs em {
  position: relative;
  margin-left: 20px;
}
@media print {
  @page {
    size: A4 landscape;
    margin: 0 11mm 0;
    .magnetic-invoice-details {
      margin-top: 10px;
    }
    .magnetic-invoice-details:first-child {
      margin-top: 150px;
    }
  }
  @page :first {
    .magnetic-invoice-details {
      margin-top: 10px;
    }
    .magnetic-invoice-details:first-child {
      margin-top: 140px;
    }
  }
  .no-print, .no-print * {
    display: none !important;
  }
  fieldset {
    float: left;
  }
  .docket-label-wrapper, .docket-select-wrapper {
    min-height: 30px;
  }
  .magnetic-invoice-header {
    position: fixed;
    top: 0px;
  }
  .magnetic-invoice-footer {
    position: fixed;
    bottom: 20px;
  }
  .magnetic-invoice-title {
    position: fixed;
    top: 110px;
    left: 0;
  }
  .magnetic-invoice-body.print-top {
    margin-top: 140px;
  }
  .magnetic-invoice-body {
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
  }
  .magnetic-invoice-details {
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
  }
  .magnetic-top-padder {
    position: relative;
    float: left;
    width: 100%;
    height: 150px;
  }
}
.docket-main-content.bis {
  color: #2a2a2a;
  position: relative;
  float: left;
  min-height: 780px;
}
.docket-main-content.bis > h1 {
  position: relative;
  float: left;
  width: 100%;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
}
.docket-main-content.bis > h1 > em {
  font-size: 12px;
}
.docket-main-content.bis > section > h3 {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
}
.docket-main-content.bis > section > p {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.docket-main-content.bis > section {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 20px 30px;
}
.docket-main-content.bis > section.central {
  text-align: center;
}
.docket-main-content.bis > section.signature {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 50%;
}
.docket-main-content.bis > section.left {
  padding-right: 140px;
}
.docket-main-content.bis > section > aside {
  position: relative;
  float: left;
  width: 100%;
}
.docket-main-content.bis > section > aside.bis-left, .docket-main-content.bis > section > aside.bis-right {
  width: 50%;
}
.docket-main-content.bis > section.central > aside > figure {
  position: relative;
  float: left;
  width: 50%;
  margin-left: 25%;
  text-align: center;
}
.docket-main-content.bis > section.central > aside > img {
  position: relative;
}
.docket-main-content.bis > section.central > ul {
  width: 100%;
}
.docket-main-content.bis > section.central > ul > li > label {
  text-align: right;
  width: calc(50% - 5px);
  margin-right: 10px;
}
.docket-main-content.bis > section > aside.bis-left > figure {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
.docket-main-content.bis > section > aside.bis-left > figure > img {
  position: relative;
}
.docket-main-content.bis > section > aside.bis-right > ul, .docket-main-content.bis > section > ul {
  position: relative;
  float: left;
  width: 100%;
  text-align: right;
  padding: 0;
}
.docket-main-content.bis > section > aside.bis-right > ul > li {
  position: relative;
  float: left;
  width: 100%;
  margin: 0px;
  font-size: 14px;
  font-weight: 600;
}
.docket-main-content.bis > section > ul {
  text-align: left;
}
.docket-main-content.bis > section > ul > li {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}
.docket-main-content.bis > section > ul > li.bis-half {
  width: 50%;
}
.docket-main-content.bis > section > ul > li.bis-1-3 {
  width: 33.3%;
}
.docket-main-content.bis > section > ul > li > label, .docket-main-content.bis > section > ul > li > span {
  position: relative;
  float: left;
  margin-right: 10px;
}
.docket-main-content.bis > section > ul > li > span {
  margin-right: 0;
}
.docket-main-content.bis > section > ul > li > .bis-dl {
  position: relative;
  float: left;
  border-bottom: dashed 1px rgb(133, 133, 133);
  height: 18px;
}
.docket-main-content.bis > section > p > span {
  position: relative;
  float: left;
}
.docket-main-content.bis > section > p > span.bis-dl-1-3 {
  border-bottom: dashed 1px rgb(133, 133, 133);
  width: 50px;
  height: 18px;
}
.docket-main-content.bis > section > p > span.bis-dl-1-6 {
  border-bottom: dashed 1px rgb(133, 133, 133);
  height: 18px;
  width: 25px;
}
.docket-main-content.bis > section > p > span.bis-dl-1-6:first-child {
  margin-left: 5px;
}
.docket-main-content.bis > section > ul > li > .bis-dl.fill {
  width: -moz-fit-content;
  width: fit-content;
}
.docket-main-content.bis > section > ul > li > .bis-dl.b1-3 {
  width: calc(33% - 5px);
}
@media print {
  @page {
    size: auto;
    margin: 0;
    a[href]:after {
      content: none !important;
    }
  }
  .docket-main-content.bis {
    padding-bottom: 0;
  }
  .docket-main-content.bis > section.left {
    padding-right: 10%;
  }
}
@media screen and (min-width: 768px) {
  .docket-city {
    position: relative;
    width: 100px;
    float: left;
    margin: 0;
    margin-right: 20px;
    background: #337ab7;
    text-align: center;
  }
  #docket-page-holder > .info-page-wrapper > h2 {
    padding: 20px;
  }
  #docket-page-holder > .info-page-wrapper > .editor-action-bar {
    top: 15px;
  }
}
@media screen and (min-width: 1020px) {
  #docket-page-holder {
    width: calc(73vw - 66px) !important;
  }
  #docket-page-holder.info-page-holder {
    left: calc(20vw - 50px) !important;
  }
}
.panel {
  margin-top: 60px;
}
.sidebar {
  position: relative;
}
.container > .row {
  margin: 0;
}
.container > .row.dataTables_wrapper {
  float: left;
  max-width: 100vw;
}
.navbar-default {
  border: none;
}
.dropdown-menu a {
  cursor: pointer;
}
#section-loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(255, 255, 255, 0.7);
  background-repeat: no-repeat;
  background-position: 40% 40%;
  background-image: url(/build/assets/cogs-Dvk5LCeg.gif);
  background-size: 250px 250px;
  display: none;
}
#section-loader.loading {
  display: block;
  z-index: 99999;
}
.main-dashboard {
  display: none;
}
.main-booking {
  display: none;
}
.main-tours {
  display: none;
}
.main-pages {
  display: none;
}
.main-blog {
  display: none;
}
.main-accounts {
  display: none;
}
.main-guides {
  display: none;
}
.main-settings {
  display: none;
}
.main-panel {
  position: relative;
  float: left;
  width: 100%;
  padding: 40px 5%;
  background: #FFFFFF;
  min-height: 100vh;
  display: none;
}
.main-panel h1 {
  font-size: 22px;
}
.main-panel.dashboard .main-dashboard {
  display: block;
}
.main-panel.booking {
  padding: 50px 0;
}
.main-panel.booking .main-booking {
  display: block;
}
.main-panel.tours {
  padding: 50px 0;
}
.main-panel.tours .main-tours {
  display: block;
}
.main-panel.guests {
  padding: 50px 0;
}
.main-panel.guests .main-guests {
  display: block;
}
.main-panel.pages {
  padding: 50px 0;
}
.main-panel.pages .main-pages {
  display: block;
}
.main-panel.blog {
  padding: 50px 0;
}
.main-panel.blog .main-pages {
  display: block;
}
.main-panel.accounts .main-accounts {
  display: block;
}
.main-panel.guides .main-guides {
  display: block;
}
.main-panel.settings .main-settings {
  display: block;
}
.main-panel.active {
  display: block;
}
.main-panel.users {
  padding: 40px 0;
}
.main-panel.dashboard {
  padding-top: 110px;
}
.main-panel-list {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-panel-item {
  position: relative;
  float: left;
  width: 100%;
  height: 80px;
  color: #FFFFFF;
  margin-bottom: 2vw;
  border-radius: 5px;
  cursor: pointer;
}
.main-panel-item.u-hidden {
  display: none;
}
.main-panel-item.dashboard {
  background-color: #2aa1fc;
}
.main-panel-item.booking {
  background-color: #006ecb;
}
.main-panel-item.tours {
  background-color: #0b2141;
}
.main-panel-item.pages {
  background-color: #4ec4a1;
}
.main-panel-item.guests {
  background-color: #a354db;
}
.main-panel-item.blog {
  background-color: #2aa1fc;
}
.main-panel-item.accounts {
  background-color: #6b788c;
}
.main-panel-item.guides {
  background-color: #96d7f1;
}
.main-panel-item.settings {
  background-color: #609ed2;
}
.main-panel-item:nth-child(2n+1) {
  margin-left: 0;
}
.main-panel-icon, .main-panel-text, .main-panel-header {
  position: relative;
  float: left;
}
.main-panel-icon {
  font-size: 18px;
  line-height: 48px;
  margin: 20px 20px;
  height: 40px;
  width: 42px;
  border-radius: 25px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("modules/main/pngs/circle_black_20.png");
  background-size: 40px;
  text-align: center;
}
.main-panel-icon.accounts {
  background-image: url("modules/main/pngs/circle_white_20.png");
}
.main-panel-text, .main-panel-header {
  width: calc(100% - 124px);
  margin: 20px 0 5px;
  padding-right: 20px;
  font-size: 18px;
  line-height: 40px;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.5px;
}
.main-panel-text {
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  padding-left: 2px;
  display: none;
}
.main-panel-nav-wrapper {
  position: absolute;
  top: 0;
  left: -25%;
  width: 170px;
  transition: ease-in-out 0.4s left;
  z-index: 0;
}
.main-panel.active .main-panel-nav-wrapper {
  left: 100px;
  z-index: 999;
}
.main-panel.active .main-panel-nav-wrapper.hide {
  left: -25%;
}
.info-page-holder {
  position: relative !important;
  margin-top: 0 !important;
}
.sisto-menu-list {
  margin-top: 0 !important;
  left: 67px !important;
}
.nav-panel-toolbar {
  position: relative;
  float: left;
  width: 100%;
  line-height: 32px;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  background: #0b2141;
  margin: 0;
}
.nav-panel-toolbar em {
  float: right;
  font-size: 12px;
  margin-left: 10px;
}
#info-main-panel, #diversity-main-panel, #welcome-main-panel, #academics-main-panel, #papers-main-panel, #users-main-panel {
  display: none;
  position: relative;
  left: 0;
}
#info-main-panel.active, #diversity-main-panel.active, #welcome-main-panel.active, #academics-main-panel.active, #papers-main-panel.active, #users-main-panel.active {
  display: block;
}
#info-main-panel.suspend, #diversity-main-panel.suspend, #welcome-main-panel.suspend, #academics-main-panel.suspend, #papers-main-panel.suspend, #users-main-panel.suspend {
  display: none;
}
.right-panel.p1 {
  top: 0px;
}
.right-panel.p2 {
  top: 70px;
}
.right-panel.p3 {
  top: 140px;
}
.right-panel.p4 {
  top: 210px;
}
.right-panel.p5 {
  top: 280px;
}
.right-panel.p6 {
  top: 350px;
}
.right-panel.p7 {
  top: 420px;
}
.right-panel.p8 {
  top: 490px;
}
.right-panel.p9 {
  top: 560px;
}
.right-panel.p10 {
  top: 630px;
}
#diversity-main-panel {
  position: relative;
  left: 0;
}
#papers-main-panel {
  left: -20px;
}
#library-main-panel {
  position: relative;
  float: left;
  width: 100%;
}
#library-nav-main-panel {
  position: relative;
  left: -20px;
}
#docket-nav-main-panel {
  position: relative;
  left: -20px;
}
#travel-nav-main-panel {
  position: relative;
  left: -20px;
}
.footer-padding {
  position: relative;
  float: left;
  width: 100%;
  height: 100px;
}
p.otp-note {
  position: relative;
  float: left;
  width: 100%;
}
#swirly-thing {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
}
#swirly-thing > em {
  position: absolute;
  left: 0;
  top: 10px;
  width: 30px;
  height: 30px;
  font-size: 22px;
  display: none;
}
#swirly-thing > em.loader {
  text-align: center;
  background-repeat: no-repeat;
  background-image: url("/build/assets/cogs-Dvk5LCeg.gif");
  background-size: 100%;
  background-position: 0 0;
}
#swirly-thing.loading > em.loader {
  display: block;
}
#swirly-thing.checkedok > em.checked {
  display: block;
  color: green;
}
#swirly-thing.failed > em.failed {
  display: block;
  color: red;
}
#swirly-thing.loading.failed > em.failed {
  display: none;
}
#swirly-thing.loading.checkedok > em.loader {
  display: none;
}
#otp-form > p, #otp-email > p {
  text-align: center;
}
#otp-form.form-group {
  position: relative;
  float: left;
  width: 100%;
}
#otp-form.form-group > div.col-3 > p {
  text-align: center;
}
#otp-form.form-group > div.col-3 {
  position: relative;
  float: left;
  padding: 10px 0;
  width: 50%;
  margin-left: 25%;
}
#otp-form.form-group > div.col-3 > button {
  margin-left: calc(50% - 34px);
}
#otp-form.form-group > div.col-3 > label {
  position: relative;
  float: left;
  margin-right: 10px;
  padding: 10px 0;
  width: calc(50% - 10px);
}
#otp-form.form-group > div.col-3 > input {
  position: relative;
  float: left;
  margin-left: 10px;
  max-width: calc(50% - 10px);
}
.account-details {
  position: relative;
  float: left;
  width: 100%;
}
.account-details > nav {
  position: relative;
  float: left;
  width: 80px;
  padding: 40px 0;
  color: white;
  font-weight: 400;
  text-align: center;
}
.account-details > nav > ul {
  position: relative;
  float: left;
  width: 100%;
}
.account-details > nav > ul > li {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 10px;
  height: 74px;
  background: #505851;
  margin-bottom: 1px;
}
.account-details > nav > ul > li.active:after {
  content: "";
  position: absolute;
  right: -30px;
  top: 0;
  border-top: 37px solid transparent;
  border-left: 30px solid #505851;
  border-bottom: 37px solid transparent;
}
.account-details > nav > ul > li:nth-child(5n-3).active:after {
  border-right: 2px solid #777777;
}
.account-details > nav > ul > li:nth-child(5n-3) {
  background: #777777;
  border-radius: 0 0 3px 3px;
}
.account-details > nav > ul > li:nth-child(5n-3):hover {
  background: #006ecb;
}
.account-details > nav > ul > li:nth-child(5n-3).active:after {
  border-right: 2px solid #006ecb;
}
.account-details > nav > ul > li > a > i, .account-details > nav > ul > li > i {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
.account-details > nav > ul > li > a {
  color: white;
}
.account-details > nav > ul > li > a > span, .account-details > nav > ul > li > span {
  position: relative;
  float: left;
  width: 100%;
  color: white;
}
.account-details > form {
  position: relative;
  float: left;
  width: calc(100vw - 160px);
  margin-left: 0;
  padding: 40px 10px;
}
.account-details > form > ul, .account-details > ul {
  position: relative;
  float: left;
  width: 100%;
}
.account-details > form > ul {
  width: calc(100vw - 220px);
  margin-left: 60px;
}
.account-details > ul > li {
  text-align: center;
}
.account-details > form > ul > li, .account-details > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
.account-details > form > ul > li > label, .account-details > form > ul > li > input {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
}
.account-details > form > ul > li > label {
  color: rgb(110.5, 110.5, 110.5);
  padding: 5px;
}
.account-details > form > ul > li > input {
  border: none;
  border-bottom: 1px solid rgba(155, 155, 155, 0.4);
  padding: 5px;
  color: text;
  margin-bottom: 40px;
}
#notification {
  position: fixed;
  bottom: -100px;
  left: 0;
  width: 100%;
  height: 80px;
  background: #32a1ff;
  color: white;
  transition: bottom ease-in 0.5s;
  z-index: 9999;
}
#notification.notify {
  bottom: 0;
}
#notification section {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 5%;
}
#notification h2, #notification h5 {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 22px;
  line-height: 24px;
}
.hour-glass {
  position: absolute;
  height: 220px;
  width: 220px;
  top: 20px;
  left: 60px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 25%;
  background-image: url("/build/assets/hourglass-B-LkDUHN.gif");
}
/* Flex container for the OTP area */
.otp-wrapper {
  display: flex;
  flex-direction: column; /* stack form + button vertically */
  align-items: center; /* center them horizontally */
}
/* Limit width so it doesn’t sprawl full-width */
.otp-wrapper form {
  width: 100%;
  max-width: 400px; /* tweak to taste */
}
/* Optional: center content inside each form group */
.otp-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; /* nice for the paragraph and label */
  padding: 0 20px;
}
/* Add a bit of spacing between elements */
.otp-inner p {
  margin-bottom: 1rem;
  text-align: left;
}
#alt-otp-form {
  margin-top: 1rem; /* space between login button and link button */
  text-align: center;
}
#one_time_password {
  width: 120px;
  font-size: 24px;
}
@media screen and (min-width: 480px) {
  .main-panel {
    width: calc(100% - 66px);
  }
  #otp-wrapper {
    width: 360px;
  }
}
@media screen and (min-width: 760px) {
  .main-panel {
    padding: 40px 0;
  }
  .main-panel h1 {
    font-size: 28px;
  }
  .main-panel.dashboard {
    padding-top: 40px;
  }
  .main-panel-header {
    font-size: 24px;
    line-height: 30px;
    padding-top: 5px;
  }
  .main-panel-text {
    display: block;
  }
  .main-panel-icon {
    font-size: 24px;
    line-height: 64px;
    height: 60px;
    width: 62px;
    border-radius: 25px;
    background-size: 60px;
  }
  #program-menu.sisto-menu-list {
    width: 35vw;
  }
  .sisto-menu-list {
    left: 0 !important;
  }
  .main-panel.papers {
    padding: 50px 0;
  }
  #papers-main-panel {
    top: 287px;
    left: 0;
  }
  #papers-page-holder {
    top: 92px;
  }
  .account-details > form > ul, .account-details > ul {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 25%;
  }
  #travel-nav-main-panel {
    position: relative;
    top: 202px;
    left: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .main-panel-item {
    width: 47.5%;
    margin-left: 5%;
    height: 140px;
  }
  .main-panel-item:nth-child(3n+1) {
    margin-left: auto;
  }
  .main-panel-item:nth-child(2n) {
    margin-left: 5%;
  }
  .main-panel {
    width: calc(100% - 66px);
  }
  .main-panel h1 {
    font-size: 32px;
  }
  .main-panel.active .main-panel-nav-wrapper {
    left: 0;
  }
  #booking-nav-main-panel.active {
    left: 0;
    z-index: 999;
    padding: 70px 0;
    background: none;
    width: 50%;
  }
  #booking-nav-main-panel.active .nav-panel {
    width: 100%;
  }
  #program-menu.sisto-menu-list {
    width: 30vw;
  }
  .info-page-holder {
    margin-top: -10px !important;
    margin-left: 20px !important;
    width: calc(69vw - 120px) !important;
  }
}
@media screen and (min-width: 1280px) {
  .main-panel-item {
    width: 30%;
    height: 140px;
    margin-left: 5%;
    margin-bottom: 2vw;
  }
  .main-panel-item:nth-child(2n+1) {
    margin-left: 4%;
  }
  .main-panel-item:nth-child(3n+1) {
    margin-left: 0;
  }
  #booking-nav-main-panel.active {
    padding: 120px 0;
    width: 33%;
  }
  #guests-nav-main-panel {
    top: 240px;
  }
  #tours-nav-main-panel {
    top: 360px;
  }
  #pages-nav-main-panel {
    top: 480px;
  }
  #blog-nav-main-panel {
    top: 600px;
  }
}
.navbar {
  height: 60px;
  background-color: #FFFFFF;
  margin-bottom: 0;
}
.navbar-header {
  position: relative;
  width: 100%;
  margin: 0 !important;
}
.navbar-collapse {
  box-shadow: 0 0 3px 1px rgba(133, 133, 133, 0.1);
}
.navbar-brand {
  position: relative;
  float: left;
  padding: 0;
  width: 70%;
  margin-left: 15%;
}
.navbar-brand > figure {
  position: relative;
  float: left;
  width: 90px;
  height: 26px;
  padding: 12px 0;
  margin-left: calc(50% - 45px);
  margin-top: 21px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("/build/assets/Accentlogo168x37-Dt3vDgAm.jpg");
}
.navbar-brand > figcaption {
  display: none;
  position: relative;
  float: left;
  width: 180px;
  margin-top: 0;
  margin-left: calc(50% - 90px);
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
}
.navbar-right {
  margin-right: 10%;
  margin-top: 20px;
  color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a {
  color: #415f82;
  font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
}
.nav-icon {
  float: right;
  position: relative;
  margin: 0;
  margin-left: 8px;
  font-size: 18px;
  color: rgba(133, 133, 133, 0.5);
  cursor: pointer;
}
.nav-icon i {
  position: absolute;
  z-index: 1;
  left: 5px;
  font-size: 10px;
  font-weight: 600;
  top: 2px;
  color: #FFFFFF;
}
.nav-icon i.double {
  left: 3px;
}
.nav-icon:hover, .nav-icon :focus {
  color: rgba(133, 133, 133, 0.8);
}
.logo {
  position: relative;
  float: left;
  margin-left: 20%;
  font-family: "Overlock";
  font-size: 48px;
  letter-spacing: 2px;
  line-height: 80px;
  height: 80px;
  color: #FFFFFF;
}
.logo-flipped {
  position: relative;
  float: right;
  display: inline-block;
  transform: scale(1, -1);
  font-style: normal;
  margin: 1px 0 0 4px;
}
.nav-logout-720d {
  position: relative;
  float: right;
  padding: 0 5%;
  cursor: pointer;
  margin-top: -8px;
}
.nav-logout-720d a {
  color: #FFFFFF;
}
.navbar-toggle {
  position: absolute;
  left: 0;
  top: 16px;
  border: none;
  margin: 0;
}
.nav-icon-wrapper {
  position: absolute;
  right: 2.5%;
  top: 22px;
}
#msg-icon {
  /*position:absolute;
  right:10px;
  top:39px;
  border:none;
  margin:0;*/
}
#help-icon {
  /*position:absolute;
  right: 30px;
  top:39px;
  border:none;
  margin:0;*/
}
#notification-icon {
  /*position:absolute;
  right: 60px;
  top:39px;
  border:none;
  margin:0;*/
}
.hmnl {
  position: absolute;
  right: 2.5%;
  top: 25px;
  min-width: calc(360px - 5vw);
  max-width: 95%;
  display: none;
}
.hmnl#help-menu.active-window, .hmnl#notification-list.active-window {
  display: block;
  padding: 20px;
  background: white;
  color: #555;
  border-radius: 3px;
  box-shadow: 0 3px 3px 3px rgba(155, 155, 155, 0.6);
  z-index: 999;
}
.hmnl#notification-list {
  cursor: default;
}
.hmnl#notification-list.active-window {
  background: none;
  box-shadow: none;
  padding: 15px 0;
  right: 0;
  top: 10px;
}
.hmnl h3 {
  padding: 0 5px;
  margin: 0;
}
.hmnl ol, .hmnl li {
  position: relative;
  width: 100%;
  float: left;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.hmnl ol span:hover, .hmnl ol span:focus, .hmnl li span:hover, .hmnl li span:focus {
  color: #006ecb;
}
.hmnl ol, .hmnl ul {
  padding: 10px 20px;
}
.help-table {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
}
.help-col {
  position: relative;
  float: left;
  width: 50%;
  padding: 0 5px;
}
.help-col li {
  list-style: disc;
}
#help-click-close {
  position: relative;
  float: left;
  width: 100%;
}
.nav-open-button {
  width: 40px;
  height: 30px;
  border: none;
  background: none;
  color: rgba(133, 133, 133, 0.5);
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
}
.nav-open-button:hover {
  background: rgba(133, 133, 133, 0.8);
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
  background: #FFFFFF;
  min-height: 50px;
}
.navbar-right {
  position: relative;
  margin-top: 30px;
  color: #FFFFFF;
  float: left;
  padding: 10px;
  background: #fff;
  border: none;
}
.dropdown {
  position: relative;
  background: white;
  padding: 10px;
}
.dropdown-menu {
  position: relative;
  display: block;
  border: none;
}
@media screen and (min-width: 760px) {
  /*.navbar-brand {
      position: relative;
      float: left;
      padding: 0;
      width: 188px;
      margin-left: 66px !important;
      margin-top: 0;
      figure{
      	width:317px;
      	background-image:url('modules/ui/Accentlogo_one_line.jpg');
      }
  }*/
  .navbar-header {
    width: 67px;
    padding-left: 0;
  }
  .navbar > .container .navbar-brand {
    margin-left: 87px;
  }
  .navbar-right {
    margin-top: 0;
    margin-right: 20px;
  }
  container > .navbar-collapse {
    min-height: 40px;
  }
  .nav-logout-720d {
    display: none;
  }
  .dropdown {
    padding: 8px;
  }
  .dropdown-menu {
    display: none;
    position: absolute;
  }
  .nav-icon-wrapper {
    position: relative;
    float: right;
    z-index: 99;
    padding: 3px 0;
  }
  /*#msg-icon {
      position: absolute;
      right: 20px;
      top: 53px;
  }
  #help-icon{
  	position: absolute;
  	right: 50px;
      top: 53px;
  }
  #notification-icon{
  	position: absolute;
  	right: 80px;
      top: 53px;
  }*/
}
@media screen and (min-width: 1024px) {
  .nav-toolbar {
    display: none;
  }
  /*.nav-icon-wrapper{
  	position:absolute;
  	right:2%;
  }*/
}
.sidebar {
  position: relative;
}
.left-panel {
  position: relative;
  top: 0;
  margin-left: -66px;
  width: 66px;
  left: 0;
  transition: left ease-in 0.4s;
  z-index: 1;
}
.left-panel.open {
  margin-left: 0;
  z-index: 9999;
}
.left-panel-list {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.left-panel-item {
  position: relative;
  float: left;
  width: 100%;
  height: 70px;
  background-color: #FFFFFF;
  color: #3a3f45;
  border-right: 8px solid #2aa1fc;
  cursor: pointer;
}
.left-panel-item.booking {
  border-right: 8px solid #006ecb;
}
.left-panel-item.tours {
  border-right: 8px solid #0b2141;
}
.left-panel-item.guests {
  border-right: 8px solid #a354db;
}
.left-panel-item.pages {
  border-right: 8px solid #4ec4a1;
}
.left-panel-item.blog {
  border-right: 8px solid #2aa1fc;
}
.left-panel-item.accounts {
  border-right: 8px solid #6b788c;
}
.left-panel-item.guides {
  border-right: 8px solid #96d7f1;
}
.left-panel-item.settings {
  border-right: 8px solid #609ed2;
}
.left-panel-item.active {
  color: #FFFFFF;
}
.left-panel-item.active.dashboard {
  background-color: #2aa1fc;
}
.left-panel-item.active.booking {
  background-color: #006ecb;
}
.left-panel-item.active.guests {
  background-color: #a354db;
}
.left-panel-item.active.tours {
  background-color: #0b2141;
}
.left-panel-item.active.pages {
  background-color: #4ec4a1;
}
.left-panel-item.active.blog {
  background-color: #2aa1fc;
}
.left-panel-item.active.accounts {
  background-color: #6b788c;
}
.left-panel-item.active.guides {
  background-color: #96d7f1;
}
.left-panel-item.active.settings {
  background-color: #609ed2;
}
.left-panel-item.u-hidden {
  display: none;
}
.left-panel-icon, .left-panel-text {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
.left-panel-icon {
  font-size: 26px;
  line-height: 24px;
  margin-top: 20px;
}
.left-panel-text {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
@media screen and (min-width: 480px) {
  .left-panel {
    margin-left: 0;
  }
}
.nav-panel {
  position: relative;
  float: left;
  width: calc(100vw - 150px);
}
.nav-panel-list, .nav-panel-sub-list {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-panel-item, .nav-panel-header-wrapper, .nav-panel-sub-list-item {
  position: relative;
  float: left;
  width: 100%;
  background: #FFFFFF;
}
.nav-panel-item {
  border-top: rgba(6, 159, 255, 0.2) 1px solid;
}
.nav-panel-item:first-child {
  border-top: none;
}
.nav-panel-header-wrapper.last-child, .nav-panel-sub-list-item.last-child {
  color: rgb(142.5833333333, 205.3888888889, 253.4166666667);
  font-size: 12px;
}
.nav-panel-header-wrapper.last-child:hover, .nav-panel-sub-list-item.last-child:hover {
  color: rgb(142.5833333333, 205.3888888889, 253.4166666667);
}
.nav-panel-header-wrapper .u-not-visible, .nav-panel-sub-list-item .u-not-visible {
  display: none;
}
.nav-panel-header-wrapper.expand .u-visible, .nav-panel-header-wrapper.active .u-visible, .nav-panel-sub-list-item.expand .u-visible, .nav-panel-sub-list-item.active .u-visible {
  display: none;
}
.nav-panel-header-wrapper.expand .u-not-visible, .nav-panel-header-wrapper.active .u-not-visible, .nav-panel-sub-list-item.expand .u-not-visible, .nav-panel-sub-list-item.active .u-not-visible {
  display: block;
}
.nav-panel-sub-list-item {
  border-bottom: rgba(6, 159, 255, 0.2) 1px solid;
}
.nav-panel-sub-list-item:last-child {
  border-bottom: none;
}
.nav-panel-header-wrapper {
  font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
  line-height: 32px;
  font-size: 16px;
  font-weight: 400;
  color: #0b2141;
  cursor: pointer;
  color: #FFFFFF;
  background: #006ecb;
}
.nav-panel-header-wrapper.expand {
  background: rgb(0, 54.7290640394, 101);
}
.nav-panel-text, .nav-panel-text-subtle, .nav-panel-header-text {
  position: relative;
  float: left;
  width: 80%;
  padding: 5px 10px;
  letter-spacing: 1px;
  cursor: pointer;
  font-weight: 300;
}
.nav-panel-header-text {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
.nav-panel-icon, .nav-panel-icon-subtle {
  position: relative;
  float: right;
  font-size: 12px;
  padding: 7px 10px 0;
}
.nav-panel-icon-subtle {
  font-size: 10px;
}
.nav-panel-sub-list {
  display: none;
}
.nav-panel-sub-list.expand {
  display: block;
}
.nav-panel-sub-list-item {
  color: #0b2141;
  font-size: 12px;
  line-height: 22px;
  cursor: pointer;
}
.nav-panel-sub-list-item .nav-panel-icon {
  font-size: 12px;
  padding: 6px 12px 0;
}
.nav-panel-sub-list-item .u-visible {
  display: block;
}
.nav-panel-sub-list-item .u-not-visible {
  display: none;
}
.nav-panel-sub-list-item.checked {
  color: #006ecb;
  font-weight: 400;
}
.nav-panel-sub-list-item.checked .u-visible {
  display: none;
}
.nav-panel-sub-list-item.checked .u-not-visible {
  display: block;
}
.nav-panel-sub-list-item:hover {
  color: rgb(50, 161.0837438424, 255);
}
.nav-mini-city-add {
  position: relative;
  float: left;
  width: 100%;
  height: 40px;
  background: #f1f1f1;
  display: none;
}
.nav-mini-city-add.open {
  display: block;
}
.mini-menu {
  position: absolute;
  right: 0;
  top: 40px;
  padding: 10px;
  background: #FFFFFF;
  z-index: 99;
  border-radius: 3px;
  width: 250px;
  display: none;
}
.mini-menu.open-mini {
  display: block;
  box-shadow: 0 10px 12px 1px rgba(0, 0, 0, 0.6);
}
.mini-menu ul {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mini-menu li {
  position: relative;
  float: left;
  width: 100%;
  line-height: 1.8em;
  font-size: 1em;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
}
.mini-menu li:hover {
  background: #f1f1f1;
}
@media screen and (min-width: 760px) {
  .nav-panel {
    position: relative;
    float: left;
    width: 320px;
  }
}
@media screen and (min-width: 1024px) {
  .nav-panel-header-wrapper > .nav-panel-text {
    line-height: 32px;
    font-size: 16px;
  }
  .nav-panel-header-text {
    font-size: 16px;
    line-height: 32px;
  }
}
@media screen and (min-width: 1280px) {
  .nav-panel-header-wrapper {
    line-height: 32px;
    font-size: 18px;
    font-weight: bold;
  }
  .nav-panel-sub-list-item {
    color: #0b2141;
    font-size: 14px;
    line-height: 22px;
  }
  .nav-panel-text {
    font-size: 16px;
    font-weight: 400;
  }
  .nav-panel-header-wrapper > .nav-panel-text {
    line-height: 32px;
    font-size: 18px;
  }
}
.sidebar-blurb-tab-wrapper {
  position: relative;
  width: 100%;
  float: left;
  box-shadow: 0 0 5px 0px #ccc;
  border-radius: 5px;
  padding-bottom: 30px;
  margin-bottom: 50px;
  background: #FFFFFF;
}
.sidebar-booking-tab {
  position: relative;
  width: 100%;
  float: left;
  display: none;
  background: #FFF9D5;
}
.sidebar-booking-tab.act-visible {
  background: #FFFFFF;
  display: block;
  padding: 0 20px;
}
.sidebar-tabbed-browsing-top {
  position: relative;
  width: 33.33%;
  float: left;
  background: rgb(39.5, 57.7307692308, 79);
  color: rgb(232, 237.3076923077, 243.5);
  font-size: 22px;
  font-weight: 400;
  line-height: 42px;
  margin-bottom: 25px;
  text-align: center;
  cursor: pointer;
  border-radius: 0 5px 0 0;
}
.sidebar-tabbed-browsing-top:first-child {
  border-radius: 5px 0 0 0;
}
.sidebar-tabbed-browsing-top:hover {
  color: #FFFFFF;
}
.sidebar-tabbed-browsing-top.act-visible {
  background: #415f82;
  color: white;
}
.sidebar-open-booking {
  position: fixed;
  bottom: 5%;
  right: 5%;
}
.sidebar-booking-button {
  position: relative;
  width: 100%;
  background: #415f82;
  color: #FFFFFF;
  padding: 8px 10px;
  border-radius: 5px;
}
.sidebar-booking-button.u-hidden {
  display: none;
}
.sidebar-close-booking {
  position: absolute;
  top: -45px;
  width: auto;
  right: 5%;
  padding: 5px 10px;
}
.sidebar-booking-button-text {
  position: relative;
  width: 100%;
  font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
}
.tour-section-blurb-title {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  text-align: left;
}
.tour-section-blurb-title .home-page-section-title {
  font-size: 24px;
  margin: 5px 0 0;
}
.sidebar-tour-details-wrapper {
  position: relative;
  width: 100%;
  float: left;
  padding: 20px 5%;
  margin: 0 0 30px;
  border-bottom: 1px solid #415f82;
}
.sidebar-tour-details-wrapper:last-child {
  margin-bottom: 30px;
  border: none;
}
.sidebar-tour-details-list, .sidebar-tour-details-multi {
  position: relative;
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-tour-details-multi {
  margin-left: 30px;
  width: calc(100% - 40px);
}
.sidebar-tour-details-multi .sidebar-tour-details-item-text {
  line-height: 22px;
  padding: 2px 0;
  font-weight: 400;
}
.sidebar-tour-details-item, .sidebar-tour-details-multi-item {
  position: relative;
  width: 100%;
  float: left;
  color: #415f82;
  margin: 5px 0;
}
.sidebar-tour-details-item.contains-list, .sidebar-tour-details-multi-item.contains-list {
  margin: 15px 2.5% 0;
}
.sidebar-tour-details-item.contains-list ul, .sidebar-tour-details-multi-item.contains-list ul {
  list-style: none;
  padding: 10px 20px;
}
.sidebar-tour-details-item.contains-list li, .sidebar-tour-details-multi-item.contains-list li {
  margin: 5px 0;
  font-weight: 400;
  color: #454545;
}
.sidebar-tour-details-item.indent-5, .sidebar-tour-details-multi-item.indent-5 {
  width: 95%;
  margin: 0 0 0 5%;
}
.sidebar-tour-details-item-icon {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0;
  float: left;
  background-repeat: no-repeat;
  background-image: url("modules/images/ui/icons/big_icons.svg");
  background-size: 30px;
}
.sidebar-tour-header, .sidebar-tour-subheader {
  position: relative;
  float: left;
  width: 100%;
  margin: 10px 0 20px;
  font-weight: 400;
  font-size: 20px;
  font-family: "Montserrat", arial, sans-serif;
  text-align: center;
}
.sidebar-tour-header.indent-20, .sidebar-tour-subheader.indent-20 {
  margin: 0 20px 0;
}
.sidebar-tour-subheader {
  font-size: 14px;
  margin: -15px 0 20px;
  font-weight: 300;
}
.sidebar-tour-details-item-text, .sidebar-tour-details-item-price {
  position: relative;
  float: left;
  margin-left: 10px;
  line-height: 22px;
  padding: 3px 0;
  font-size: 16px;
  font-weight: 600;
  max-width: calc(100% - 40px);
}
.sidebar-tour-details-item-text.float-left, .sidebar-tour-details-item-price.float-left {
  margin-left: 0;
  margin-right: 15px;
  line-height: 20px;
  margin: 5px 15px 15px 0;
  width: calc(85% - 70px);
  padding: 0;
}
.sidebar-tour-details-item-price {
  position: relative;
  float: right;
  text-align: right;
  font-weight: 600;
  line-height: 22px;
  padding: 2px 0;
}
.sidebar-tour-details-item-cost {
  position: relative;
  float: right;
  text-align: right;
  font-size: 16px;
  line-height: 22px;
}
.sidebar-tour-numbers {
  position: relative;
  float: left;
  width: 100%;
  text-align: right;
}
.sidebar-tour-numbers.calculated-price {
  text-align: right;
  font-size: 28px;
  font-weight: bold;
}
.sidebar-tour-numerator {
  position: relative;
  width: 45px;
  height: 30px;
  border: solid 1px #f9e3e5;
  font-weight: 400;
  color: #fff;
  text-align: center;
  float: right;
  padding: 0 0 0 8px;
  border-radius: 3px;
  background: rgb(73.5, 107.4230769231, 147);
}
.sidebar-tour-numerator-buttons {
  position: relative;
  float: right;
  width: 27%;
}
.sidebar-tour-add-button, .sidebar-tour-minus-button {
  margin-left: 3px;
  position: relative;
  float: left;
  font-size: 12px;
  padding: 2px;
  line-height: 28px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: 1px solid rgb(249, 250.3846153846, 252);
  color: #FFFFFF;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c1e2b+0,b56969+100 */
  background: #8c1e2b; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #8c1e2b 0%, #b56969 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#8c1e2b", endColorstr="#b56969",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  text-align: center;
}
.sidebar-tour-add-button.inactive, .sidebar-tour-minus-button.inactive {
  opacity: 0;
}
.sidebar-tour-add-button:first-child, .sidebar-tour-minus-button:first-child {
  margin-left: 5px;
}
.vela-tour-selector-holder {
  width: 100%;
  position: absolute;
  right: 100%;
  top: 42px;
  background: white;
  border-right: 1px solid rgba(133, 133, 133, 0.4);
}
.vela-tour-selector-holder.active {
  padding: 20px;
}
.vela-tour-item, .vela-tour-details-holder, .vela-tour-type, .vela-tour-type-text, .vela-tour-type-text-warning {
  width: 100%;
  position: relative;
  float: left;
}
.vela-tour-type-text {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}
.vela-tour-type-text-warning {
  font-size: 12px;
  text-align: left;
  font-weight: 400;
}
.vela-tour-type-text-small {
  position: relative;
  float: left;
  width: 100%;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  line-height: 18px;
}
.vela-tour-select {
  margin-top: 10px;
  height: 35px;
  border: none;
}
.vela-datetime-search-button-wrapper {
  opacity: 0;
  max-height: 0;
  transition: opacity 0.3s ease-in-out;
  font-weight: 600;
}
.vela-datetime-search-button-wrapper.active {
  position: relative;
  float: left;
  max-height: 300px;
  opacity: 1;
  width: 60%;
  margin-left: 20%;
  margin-top: 30px;
}
.vela-datetime-search-button-wrapper:hover {
  background: rgb(147, 171.9230769231, 201);
}
.currency-symbol {
  position: relative;
  font-size: 22px;
  font-family: "Raleway";
}
.calculated-price {
  position: relative;
  font-size: 26px;
  font-weight: 600;
  margin-left: 5px;
  font-family: "Raleway";
}
.tour-date-selector-item {
  list-style: none;
  position: relative;
  float: left;
  width: 100%;
  margin-top: 0px;
  transition: margin-top 0.6s ease-in;
}
.vela-booking-dates, .vela-booking-dates-text-holder {
  position: relative;
  width: 100%;
  float: left;
}
.vela-booking-dates-text-holder {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
  width: 100%;
  padding: 8px 20px;
  border-radius: 3px;
  background: none;
  color: #415f82;
}
.vela-date-wrapper {
  position: relative;
  width: 100%;
  float: left;
}
.vela-date-display {
  position: relative;
  float: left;
  width: 60%;
  margin-left: 20%;
  color: #FFFFFF;
  background: rgb(73.5, 107.4230769231, 147);
  padding: 5px;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
.vela-date-title {
  position: relative;
  float: left;
  margin: 20px 20px 0;
  font-size: 16px;
  font-weight: bold;
}
.vela-date-search-button-wrapper {
  position: relative;
  float: left;
  width: 100%;
  margin: 10px 0 0;
}
.vela-date-search-button {
  position: relative;
  float: left;
  width: 100%;
  background: #415f82;
  color: #FFFFFF;
  padding: 12px 10px;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
}
.vela-date-selector-list {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  list-style: none;
  text-align: center;
  font-family: "Montserrat", arial, sans-serif;
  font-weight: 300;
  overflow: hidden;
}
.vela-date-selector-item {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.vela-date-month {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 10px;
}
.vela-date-week {
  position: relative;
  float: left;
  width: 100%;
}
.vela-date-week:last-child .vela-date-day {
  border-bottom: inset 1px rgba(213, 208, 200, 0.3);
}
.vela-date-week:last-child .vela-date-day.blank {
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: inset 1px rgba(213, 208, 200, 0.3);
}
.vela-date-week:last-child .vela-date-day.blank.first {
  border-left: inset 1px rgba(213, 208, 200, 0.3);
}
.vela-date-week-header {
  border-bottom: 1px solid rgba(213, 208, 200, 0.4);
  margin-bottom: 10px;
}
.vela-date-month-title {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 0;
}
.vela-date-month-title-text {
  position: relative;
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: 300;
}
.vela-date-month-prev, .vela-date-month-next {
  position: absolute;
  top: 12px;
  font-size: 16px;
}
.vela-date-month-prev:hover, .vela-date-month-next:hover {
  color: #006ecb;
}
.vela-date-month-prev {
  left: 5px;
}
.vela-date-month-prev.first {
  display: none;
}
.vela-date-month-next {
  right: 5px;
}
.vela-date-day {
  position: relative;
  float: left;
  width: 14.2857142857%;
  height: 11.4285714286vw;
  border-top: inset 1px rgba(213, 208, 200, 0.3);
  border-left: inset 1px rgba(213, 208, 200, 0.3);
  font-size: 14px;
  /*&:before{
  	content:"";
  	position:absolute;
  	top:0;
  	left:0;
  	width: 0;
  	height: 0;
  	border-top: 10px solid red;
  	border-right: 10px solid transparent;
  }*/
}
.vela-date-day:last-child {
  border-right: inset 1px rgba(213, 208, 200, 0.3);
}
.vela-date-day.blank {
  border: none;
  color: rgb(92.937007874, 100.9488188976, 110.562992126);
  font-size: 0;
}
.vela-date-day.passed {
  color: rgb(143.8937007874, 151.9448818898, 161.6062992126);
}
.vela-date-day.active, .vela-date-day .selected {
  cursor: pointer;
  font-weight: 400;
}
.vela-date-day.selected {
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 400;
}
.vela-date-day.selected:before {
  content: "";
  position: absolute;
  top: 9%;
  left: 5%;
  height: 80%;
  width: 90%;
  background: #415f82;
  border-radius: 50%;
}
.vela-date-day.selected-from:before {
  border-radius: 50% 0 0 50%;
  width: 95%;
}
.vela-date-day.selected-to {
  color: #FFFFFF;
}
.vela-date-day.selected-to:before {
  content: "";
  position: absolute;
  top: 9%;
  left: 0;
  height: 85%;
  width: 95%;
  background: #415f82;
  border-radius: 0 50% 50% 0;
}
.vela-date-day.in-selection {
  color: #FFFFFF;
}
.vela-date-day.in-selection:before {
  content: "";
  position: absolute;
  top: 9%;
  left: 0;
  height: 85%;
  width: 100%;
  background: #415f82;
  border-radius: 0;
}
.vela-date-day.today {
  color: #006ecb;
}
.vela-date-day-header {
  border: none;
  font-size: 14px;
  font-weight: 400;
}
.vela-date-day-header:last-child {
  border: none;
}
.vela-date-day-text {
  position: relative;
  float: left;
  width: 100%;
  margin-top: calc(50% - 10px);
  line-height: 26px;
}
.vela-date-selector-more {
  position: relative;
  float: left;
  width: 100%;
  background: none;
  border: none;
  margin: 10px 0;
  font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 400;
}
.vela-date-selector-more.u-hidden {
  display: none;
}
.vela-date-selector-more-wrap {
  position: relative;
  float: left;
  margin-left: 50%;
}
.vela-date-selector-more-holder {
  position: relative;
  float: left;
  margin-left: -50%;
  padding: 5px 20px;
  border: 1px solid rgb(157.7480314961, 164.7952755906, 173.2519685039);
  border-radius: 3px;
  color: rgb(104.5826771654, 113.5984251969, 124.4173228346);
}
.vela-date-selector-more-holder:hover {
  color: rgb(81.2913385827, 88.2992125984, 96.7086614173);
  border: 1px solid rgb(104.5826771654, 113.5984251969, 124.4173228346);
}
.vela-date-selector-more-text {
  position: relative;
  padding-right: 20px;
}
.vela-down-arrow {
  position: absolute;
  right: 20px;
  top: 5px;
  width: 2px;
  height: 10px;
  background: rgb(130.0393700787, 139.094488189, 149.9606299213);
}
.vela-down-arrow:after {
  position: absolute;
  bottom: -9px;
  left: -4px;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid rgb(130.0393700787, 139.094488189, 149.9606299213);
}
.vela-up-arrow {
  position: absolute;
  right: 20px;
  bottom: 5px;
  width: 2px;
  height: 10px;
  background: rgb(130.0393700787, 139.094488189, 149.9606299213);
}
.vela-up-arrow:before {
  position: absolute;
  top: -9px;
  left: -4px;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid rgb(130.0393700787, 139.094488189, 149.9606299213);
}
.vela-block-time-wrapper {
  position: relative;
  float: right;
  width: 100%;
  text-align: center;
  padding: 10px;
  font-size: 18px;
}
.vela-block-time-wrapper label {
  padding-right: 15px;
}
.blocked-tour-list-wrapper, .blocked-tour-item {
  position: relative;
  float: left;
  width: 100%;
}
.blocked-list-title {
  position: relative;
  float: left;
  width: 100%;
  font-size: 24px;
}
.blocked-tour-list {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  font-size: 18px;
}
.blocked-tour-item-key, .blocked-tour-item-date {
  position: relative;
  float: left;
  font-size: 18px;
  color: #006ecb;
  font-weight: 600;
  width: 20%;
}
.blocked-tour-item-blocked-by, .blocked-tour-item-repeat, .blocked-tour-item-delete {
  position: relative;
  float: left;
  font-size: 18px;
  width: 20%;
}
.blocked-tour-item-repeat label {
  position: relative;
  float: left;
  width: 75%;
  font-size: 18px;
}
.blocked-tour-item-repeat input {
  position: relative;
  float: left;
  margin-left: 5%;
  width: 20%;
  line-height: 18px;
}
.blocked-tour-item-delete {
  width: 10%;
  color: #0b2141;
  cursor: pointer;
}
.blocked-tour-item-delete:hover {
  color: rgb(0, 54.7290640394, 101);
}
@media screen and (min-width: 660px) {
  .tour-section-blurb-title .home-page-section-title {
    margin: 15px 0;
  }
  #box-section-history {
    margin-top: 30px;
  }
  #box-section-mega_exp > .tour-section-blurb-title {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .sidebar-tour-details-item-text, .sidebar-tour-details-item-price {
    line-height: 24px;
    font-size: 20px;
  }
}
#booking-main-panel.right-panel, #tours-main-panel.right-panel, #pages-main-panel.right-panel, #guests-main-panel.right-panel, #blog-main-panel.right-panel {
  position: relative;
  float: left;
  width: 100%;
}
#welcome-page-holder > h1 {
  background: #d8571f;
}
.sisto-icon, .sisto-icon-whover, .si-trash {
  background-image: url(/build/assets/accent-icons_cyan-DjDDI2Um.png);
  background-size: 320px;
}
.sisto-icon-whover:hover, .si-trash:hover {
  background-image: url(/build/assets/accent-icons_white-BPzzEnF_.png);
}
.booking-main-panel-wrapper {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 50px 50px;
}
.booking-main-panel-title {
  position: relative;
  float: left;
  width: 100%;
  height: 100px;
  background: #006ecb;
  padding: 0 20px;
  margin: 0;
  border-radius: 5px 5px 0 0;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
  line-height: 90px !important;
}
.booking-main-panel-title.academics {
  background: #3c8ccb;
}
.booking-main-panel-title.papers {
  background: #006970;
}
.booking-main-panel-title.users {
  background: #d8571f;
}
.booking-main-panel-title span {
  position: relative;
  float: left;
  width: calc(100% - 140px);
  min-height: 40px;
  box-shadow: none !important;
  line-height: 28px;
  padding-top: 5px;
}
.booking-main-panel-title span.mce-content-body {
  top: 25px;
  padding: 5px 10px;
  min-width: 50%;
}
.booking-main-panel-title.welcome {
  background: #d8571f;
}
.booking-main-date-selector-panel {
  position: relative;
  float: right;
  width: 40%;
  font-size: 14px;
  line-height: 25px;
  padding: 15px;
  color: #006ecb;
}
.booking-main-date-from, .booking-main-date-to {
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px;
  margin-bottom: 2px;
}
.booking-main-panel-list {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  padding: 20px;
  margin: 0;
  background: #FFFFFF;
}
.booking-main-panel-list-item, .academics-list-item, .item-placeholder, .welcome-list-item {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(155, 155, 155, 0.3);
}
.booking-main-panel-list-item .not-u-visible, .academics-list-item .not-u-visible, .item-placeholder .not-u-visible, .welcome-list-item .not-u-visible {
  display: none;
}
.booking-main-panel-list-item.expanded .u-visible, .academics-list-item.expanded .u-visible, .item-placeholder.expanded .u-visible, .welcome-list-item.expanded .u-visible {
  display: none;
}
.booking-main-panel-list-item.expanded .not-u-visible, .academics-list-item.expanded .not-u-visible, .item-placeholder.expanded .not-u-visible, .welcome-list-item.expanded .not-u-visible {
  display: block;
}
.booking-main-panel-list-item.sub-list ul, .academics-list-item.sub-list ul, .item-placeholder.sub-list ul, .welcome-list-item.sub-list ul {
  position: absolute;
  width: 200px;
  padding: 10px;
  border-radius: 3px;
  background: white;
  box-shadow: 0 1px 3px 1px rgba(155, 155, 155, 0.5);
  z-index: 9999;
  right: 0;
  top: 40px;
  display: none;
}
.booking-main-panel-list-item.sub-list ul li, .academics-list-item.sub-list ul li, .item-placeholder.sub-list ul li, .welcome-list-item.sub-list ul li {
  position: relative;
  float: left;
  width: 100%;
  line-height: 24px;
  font-size: 16px;
}
.booking-main-panel-list-item.sub-list.open ul, .academics-list-item.sub-list.open ul, .item-placeholder.sub-list.open ul, .welcome-list-item.sub-list.open ul {
  display: block;
}
.item-placeholder {
  min-height: 100px;
  width: 100%;
  background: white;
}
.sorting-button, .trash-button {
  position: relative;
  float: right;
  padding: 5px 6px 0px;
  margin-left: 10px;
  border-radius: 3px;
  background-color: #efefef;
  color: #006ecb;
  -o-border-image: initial;
     border-image: initial;
  cursor: grab;
}
.sorting-button:hover, .trash-button:hover {
  background: #006ecb;
  color: white;
}
.trash-button {
  cursor: pointer;
  width: 26px;
  height: 26px;
}
.si-trash {
  position: absolute;
  width: 26px;
  height: 26px;
  background-size: 320px;
  background-position: -225px -83px;
  border-radius: 3px;
  top: 0;
  left: 0px;
}
.si-save {
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: 320px;
  background-position: -288px -12px;
  border-radius: 3px;
  top: 0;
  left: 0px;
}
.si-grades {
  position: absolute;
  width: 26px;
  height: 26px;
  background-size: 320px;
  background-position: 33px -46px;
  border-radius: 3px;
  top: 0;
  left: 0px;
}
.si-editor-trash {
  position: absolute;
  top: 0;
  left: 0px;
  width: 30px;
  height: 30px;
  background-position: -224px -82px;
}
.section-delete-button:hover .si-editor-trash {
  background-image: url(/build/assets/icons_general_white-DB7TijKE.png);
}
.booking-main-panel-item {
  position: relative;
  float: left;
  width: 100%;
}
.booking-main-panel-left {
  position: relative;
  float: left;
  width: 40%;
}
.group-item-wrapper, .guide-item-wrapper, .date-item-wrapper, .total-paid-item-wrapper {
  position: relative;
  float: left;
  width: 100%;
  color: #0b2141;
}
.date-item, .group-item, .guide-item, .total-item {
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
  margin-right: 15px;
  margin-left: 5px;
  max-width: 80%;
}
.date-item.editable, .group-item.editable, .guide-item.editable, .total-item.editable {
  line-height: 22px;
}
.guide-item, .total-item {
  line-height: 22px;
}
.mini-number {
  position: absolute;
  top: -10px;
  right: -8px;
  font-size: 12px;
  font-weight: bold;
}
.booking-main-panel-right {
  position: relative;
  float: right;
  width: 50%;
  margin-left: 10%;
}
.booking-main-panel-tour-header {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 8px 0;
  color: #6b788c;
}
.booking-main-panel-button-wrapper {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 0;
}
.booking-main-panel-more, .booking-main-panel-less {
  position: absolute;
  right: 30px;
  bottom: 12px;
  border-radius: 3px;
  font-weight: 400;
  z-index: 99;
}
.value-editor, .date-editor {
  position: relative;
  float: left;
  margin: 2px 15px 0 0;
  line-height: 30px;
}
.value-editor:hover, .date-editor:hover {
  color: #6b788c;
  cursor: pointer;
}
.date-editor {
  line-height: 25px;
}
.client-list, .client-list-item, .client-details, .client-list-detail, .client-sub-list, .guest-details, .guest-list {
  position: relative;
  float: left;
  list-style: none;
  width: 100%;
}
.client-list-item {
  margin: 10px 0 5px;
}
.client-sub-list {
  padding: 0;
}
.client-details {
  line-height: 16px;
  font-size: 14px;
  color: #006ecb;
}
.client-list-item {
  position: relative;
  float: left;
  width: 100%;
}
.client-list-title {
  position: relative;
  float: left;
  width: 100%;
  line-height: 28px;
  font-size: 18px;
  font-weight: 400;
}
.guest-list {
  display: table-row;
}
.guest-wrapper {
  vertical-align: top;
  width: 33.3%;
  display: table-cell;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.guest-list-title {
  position: relative;
  float: left;
  width: 90%;
  line-height: 24px;
  font-size: 14px;
  border-bottom: 1px solid rgba(133, 133, 133, 0.3);
}
.guest-details {
  width: 100%;
  padding: 0;
  margin: 0;
  display: table-row;
}
.guest-details-item {
  position: relative;
  float: left;
  width: 100%;
}
.guest-details-label {
  position: relative;
  float: left;
  width: 40%;
  line-height: 18px;
  font-size: 14px;
  text-align: left;
}
guest-details-value {
  position: relative;
  float: left;
  width: 60%;
  line-height: 18px;
  font-size: 14px;
  text-align: left;
}
.imgs-dropbox {
  position: relative;
  float: left;
  width: 100%;
  box-shadow: 0 0 5px 2px #d2d2d2;
  margin: 10px 0;
  padding: 10px;
}
.imgs-dropbox.hidden {
  display: none;
}
.main-panel.dashboard > aside {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 2.5%;
}
.searchbar {
  position: relative;
  float: right;
  width: 100%;
  height: 50px;
  border: 1px solid #66c0ff;
  border-radius: 3px;
  background: #FFFFFF;
  z-index: 98;
  margin-bottom: 20px;
}
.searchbar span {
  position: relative;
  float: left;
  width: calc(100% - 50px);
  padding: 0 20px;
  line-height: 50px;
  font-size: 22px;
}
.searchbar em {
  position: relative;
  float: right;
  height: 49px;
  width: 50px;
  background: #66c0ff;
  color: #FFFFFF;
  font-size: 22px;
  line-height: 50px;
  border-radius: 0 3px 3px 0;
  padding: 3px 14px;
}
.searchbar em#search-loader, .searchbar em#search-loader-user {
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("/build/assets/white_spinner-CnNCrxc3.gif");
  background-size: 50px 50px;
  background-repeat: no-repeat;
  display: none;
}
.searchbar em#search-loader.loading, .searchbar em#search-loader-user.loading {
  display: block;
  z-index: 99;
}
.main-panel.dashboard > aside > .searchbar {
  opacity: 0;
  z-index: 0;
}
#search-list-user {
  width: calc(50% - 20px);
  right: 20px;
  top: 70px;
}
.close-search {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: none;
}
.close-search.active {
  display: block;
}
.drop-down-selector {
  position: relative;
  float: left;
  width: 50%;
  margin-right: 5%;
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.4);
  border: none;
  font-size: 1.4em;
  padding: 5px 0;
}
.academics-list-item .alih, .papers-list-item .alih, .welcome-list-item .alih {
  float: left;
  font-size: 1.6em;
  max-width: calc(100% - 160px);
}
.academics-list-item .alih.mce-content-body, .papers-list-item .alih.mce-content-body, .welcome-list-item .alih.mce-content-body {
  padding: 5px 10px;
  min-width: 40%;
  background: #f7f7f7;
  cursor: text;
}
.academics-list-item button, .papers-list-item button, .welcome-list-item button {
  float: right;
}
.academics-list-item .title-save-button, .papers-list-item .title-save-button, .welcome-list-item .title-save-button {
  display: none;
}
.academics-list-item.active .title-edit-button, .papers-list-item.active .title-edit-button, .welcome-list-item.active .title-edit-button {
  display: none;
}
.academics-list-item.active .title-save-button, .papers-list-item.active .title-save-button, .welcome-list-item.active .title-save-button {
  display: block;
}
.academics-list-item ul, .papers-list-item ul, .welcome-list-item ul {
  width: calc(100% - 20px);
  margin-left: 20px;
}
.academics-list-item ul li, .papers-list-item ul li, .welcome-list-item ul li {
  position: relative;
  line-height: 25px;
  width: 100%;
  float: left;
}
.academics-list-item ul li em, .papers-list-item ul li em, .welcome-list-item ul li em {
  position: relative;
  float: left;
  font-size: 1em;
  margin-right: 5px;
  cursor: pointer;
  padding: 2px;
  width: 20px;
}
.academics-list-item ul li span, .papers-list-item ul li span, .welcome-list-item ul li span {
  position: relative;
  float: left;
  font-size: 1.2em;
  line-height: 1.6em;
  cursor: pointer;
  width: calc(100% - 70px);
}
.academics-list-item ul li .cc-switch, .papers-list-item ul li .cc-switch, .welcome-list-item ul li .cc-switch {
  position: relative;
  float: right;
}
.academics-list-item ul li:nth-child(2n-1), .papers-list-item ul li:nth-child(2n-1), .welcome-list-item ul li:nth-child(2n-1) {
  background: rgba(200, 200, 200, 0.2);
}
.academics-list-item ul .js-global:hover, .papers-list-item ul .js-global:hover, .welcome-list-item ul .js-global:hover {
  color: #006ecb;
}
.papers-list-item > ul > li:hover {
  color: inherit;
}
.papers-list-item > ul > li em {
  cursor: pointer;
}
.papers-list-item > ul > li span {
  cursor: default;
}
.obj-list > li > div {
  position: relative;
  float: left;
  width: 100%;
  padding: 3px 5px;
}
.academics-add-item-list, .welcome-add-item-list {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
}
.academics-add-item-list i, .welcome-add-item-list i {
  position: relative;
  float: left;
  margin-right: 10px;
  color: #888888;
}
.academics-add-item-list em, .welcome-add-item-list em {
  position: relative;
  float: left;
  margin-left: 10px;
  font-size: 1em;
  color: #888888;
  cursor: pointer;
}
.academics-add-item-list em:hover, .welcome-add-item-list em:hover {
  color: #006ecb;
}
.academics-file-wrapper {
  position: relative;
  float: left;
  padding: 0 20px;
}
.academics-button-wrapper {
  position: relative;
  float: left;
  width: 50%;
  margin-right: 50%;
  padding: 0;
}
.academics-input-file {
  width: 200px;
  height: 30px;
  position: relative;
  float: left;
  opacity: 0;
  z-index: 999;
  cursor: pointer;
}
.academics-add-file-button, .academics-action-button {
  position: absolute;
  top: 0;
  left: 20px;
  width: 200px;
  height: 30px;
  background: #006ecb;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.2em;
  line-height: 30px;
  border-radius: 3px;
  z-index: 0;
}
.academics-add-file-button.left, .academics-action-button.left {
  float: left;
}
.academics-add-file-button.loading, .academics-action-button.loading {
  background-repeat: no-repeat;
  background-image: url("/build/assets/white_spinner-CnNCrxc3.gif");
  background-size: 30px;
  background-position: 170px 0;
}
.academics-action-button {
  position: relative;
  float: right;
  margin-top: 15px;
  border: none;
  left: 0;
}
.account-builder-wrapper.academics h1, .account-builder-wrapper.messenger h1, .account-builder-wrapper.library h1, .account-builder-wrapper.quiz h1 {
  margin-top: 0;
  background: rgb(0, 137.6354679803, 254);
  color: white;
  padding: 20px 10px;
  border-radius: 5px 5px 0 0;
  font-size: 24px;
}
.account-builder-wrapper.academics h1 em, .account-builder-wrapper.messenger h1 em, .account-builder-wrapper.library h1 em, .account-builder-wrapper.quiz h1 em {
  position: absolute;
  right: 20px;
  top: 5px;
  font-style: normal;
  color: #f3f3f3;
  cursor: pointer;
}
.account-builder-wrapper.academics aside, .account-builder-wrapper.messenger aside, .account-builder-wrapper.library aside, .account-builder-wrapper.quiz aside {
  padding: 4px 0px;
  top: 62px;
  height: calc(90vh - 64px);
}
.account-builder-wrapper.library h1 {
  background: #7d9c47;
}
.account-builder-wrapper.quiz > aside {
  top: 0;
  height: calc(100vh - 126px) !important;
  overflow-y: scroll;
  padding-bottom: 0;
}
.account-builder-wrapper.quiz > .title-bar > h1 {
  padding: 19px 10px 17px;
}
.academics-link {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 20px;
  height: calc(90vh - 80px);
  max-height: calc(90vh - 80px);
  overflow-y: scroll;
}
.academics-link textarea {
  position: relative;
  float: left;
  width: 50%;
  height: 40px;
  font-size: 18px;
  font-weight: 400;
  border: none;
  border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}
.academics-link label {
  position: relative;
  float: left;
  width: 50%;
  margin-right: 50%;
  font-size: 1.2em;
  line-height: 1.8em;
  margin-top: 10px;
}
.academics-link input {
  position: relative;
  float: left;
  width: 50%;
  margin-right: 50%;
  border: none;
  border-bottom: 1px solid rgba(133, 133, 133, 0.5);
  font-size: 1.2em;
  line-height: 1.8em;
}
.academics-link input.academics-input-file {
  width: 200px;
}
.academics-link span {
  position: relative;
  float: left;
  margin-top: 15px;
  width: 200px;
  height: 40px;
  background: #006ecb;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.2em;
  line-height: 40px;
  border-radius: 3px;
  cursor: pointer;
}
.academics-link span.js-global {
  float: right;
}
.academics-link #grade {
  width: 80px;
}
.academics-link .editor-comment {
  border: solid 1px rgba(133, 133, 133, 0.3);
  border-radius: 3px;
  position: relative;
  float: left;
  width: 100%;
  min-height: 120px;
  margin-bottom: 20px;
  padding: 10px;
}
.academics-link .academics-file-wrapper {
  padding: 0;
}
.academics-link .academics-add-file-button {
  left: 0;
}
.academics-link > .ab-top-panel > h5 {
  font-size: 1em;
  line-height: 1.4em;
  position: relative;
  float: left;
}
.papers-list {
  position: relative;
  float: left;
  width: 100%;
}
.papers-list li {
  position: relative;
  float: left;
  width: 100%;
}
.papers-list li h5 {
  margin-bottom: 0;
}
.papers-list li div {
  position: relative;
  float: left;
  width: 100%;
}
.papers-list li span {
  position: relative;
  float: left;
  width: auto;
  line-height: 30px;
  margin-top: 5px;
}
.papers-list li span:last-child {
  border-right: none;
}
.papers-list li span.js-global {
  color: #006ecb;
}
.papers-list li span.js-global:hover {
  cursor: pointer;
}
.papers-list li em {
  position: relative;
  float: left;
  width: 10px;
  margin-right: 10px;
  height: 30px;
  border-right: 1px solid rgba(155, 155, 155, 0.6);
}
.papers-submitted {
  position: relative;
  float: left;
  width: 100%;
  max-height: 86vh;
  overflow: hidden;
  overflow-y: scroll;
  padding: 20px;
}
.si-icon {
  position: relative;
  float: left;
  width: 25px;
  height: 25px;
  border-bottom: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: 300px auto;
  background-image: url(/build/assets/accent-icons_cyan-DjDDI2Um.png);
  cursor: pointer;
}
.si-icon.si-history {
  background-position: -239px -78px;
}
.si-icon.si-save {
  background-position: -44px -134px;
}
.si-icon.si-paper-trash {
  background-position: -211px -78px;
}
.papers-submitted-list, .comments-list {
  list-style: none;
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  padding-bottom: 50px;
}
ul.comments-list > li {
  color: #282c39;
  line-height: 20px;
  padding: 5px 0;
  text-align: left;
  float: left;
  font-size: 14px;
  width: 100%;
  cursor: default;
  border-top: none;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
ul.comments-list > li:first-child {
  border-top: 1px solid #f0f0f0;
}
ul.comments-list > li > p, ul.comments-list > li > h4 {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px 10px;
}
.user-item {
  color: #282c39;
  line-height: 20px;
  padding: 5px 0;
  text-align: left;
  float: left;
  font-size: 14px;
  width: 100%;
  cursor: default;
  border-top: none;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.user-item:first-child {
  border-top: 1px solid #f0f0f0;
}
.user-item em {
  position: relative;
  float: left;
  padding: 0 6px;
  color: #282c39;
  font-size: 10px;
  width: 4%;
  line-height: 36px;
}
.papers-item {
  position: relative;
  float: left;
  width: 60%;
}
.papers-item.history-wrapper {
  padding-left: 30px;
}
.papers-item.history-wrapper h4 {
  font-size: 16px;
  font-weight: 600;
  color: #888888;
}
.papers-item h5 {
  font-size: 18px;
}
.papers-item ul, .papers-item li {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
}
.papers-item li {
  padding: 5px 10px;
  margin-bottom: 1px;
  background: #f7f7f7;
}
.papers-item li:nth-child(2n-1) {
  background: #f3f3f3;
}
.papers-item i {
  position: relative;
  float: left;
  font-size: 10px;
  margin-right: 10px;
  padding-top: 2px;
}
.papers-item span {
  position: relative;
  float: left;
}
.papers-item time {
  position: relative;
  float: right;
  margin-left: 10px;
}
.grade-item, .papers-turnitin {
  position: relative;
  float: left;
  width: 10%;
  padding: 6px 10px 6px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.papers-turnitin {
  display: none;
}
.papers-toolbar {
  position: relative;
  float: right;
  width: 20%;
  list-style: none;
  padding: 0 5px 0 30px;
}
.papers-toolbar li {
  position: relative;
  float: right;
  width: 25px;
  height: 25px;
  margin-left: 6px;
  box-shadow: 0 0 3px 1px rgba(133, 133, 133, 0.2);
  text-align: center;
  color: #006ecb;
  border-radius: 3px;
  overflow: hidden;
}
.papers-toolbar li .papers-file-wrapper {
  margin: 0;
  width: 25px;
  height: 25px;
}
.papers-toolbar li i {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  opacity: 0.65;
  color: #006ecb;
}
.papers-toolbar li:hover {
  cursor: pointer;
  box-shadow: 0 0 1px 3px rgba(0, 110, 203, 0.4);
}
.papers-toolbar li:hover i {
  opacity: 1;
}
.papers-file-wrapper {
  position: relative;
  float: left;
  cursor: pointer;
}
.papers-file-wrapper:hover li {
  cursor: pointer;
  background: #006ecb;
}
.papers-upload-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  opacity: 0;
  z-index: 999;
  cursor: pointer !important;
}
.papers-file-wrapper {
  position: relative;
  float: left;
  margin: 10px 0;
  margin-right: 50%;
}
.papers-file-wrapper input {
  width: 200px;
  height: 40px;
}
.papers-file-wrapper button {
  border: none;
  background: rgba(155, 155, 155, 0.3);
  color: #555;
  height: 40px;
  left: 0;
}
.papers-file-wrapper:hover button {
  background: rgba(155, 155, 155, 0.8);
  color: white;
}
#paper-files-wrapper {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 50%;
  width: 50%;
}
#paper-files-wrapper ul {
  position: relative;
  float: left;
  width: 100%;
}
#paper-files-wrapper ul li {
  position: relative;
  float: left;
  width: 100%;
}
.papers-file-list em {
  position: relative;
  float: left;
  margin-right: 10px;
  font-size: 12px;
  padding-top: 3px;
}
.papers-file-list a {
  position: relative;
  float: left;
  margin-right: 10px;
  text-decoration: none;
}
.papers-file-list i {
  position: relative;
  float: left;
  text-decoration: underline;
  color: rgb(101, 184.4482758621, 255);
  cursor: pointer;
}
#confirm-callout {
  position: fixed;
  top: calc(50vh - 80px);
  height: 160px;
  left: calc(50vw - 170px);
  width: 340px;
  background: #FFFFFF;
  z-index: 9999;
  box-shadow: 0 0 5px 2px rgba(155, 155, 155, 0.5);
  text-align: center;
  padding: 20px;
  border-radius: 5px;
  display: none;
}
#confirm-callout h3 {
  margin: 0;
  text-align: left;
  font-size: 16px;
  line-height: 18px;
}
#confirm-callout.confirm {
  display: block;
}
#confirm-callout button {
  position: absolute;
  bottom: 20px;
  border: none;
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3);
  border-radius: 3px;
  padding: 5px 10px;
}
#confirm-callout button.ok {
  left: 20px;
  background: rgb(50, 161.0837438424, 255);
  color: white;
}
#confirm-callout button.ok:hover {
  background: #006ecb;
}
#confirm-callout button.no {
  right: 20px;
}
#confirm-callout button.no:hover {
  background: white;
}
#notification {
  position: fixed;
  bottom: -100px;
  left: 0;
  width: 100%;
  height: 80px;
  background: rgb(50, 161.0837438424, 255);
  color: white;
  transition: bottom ease-in 0.5s;
  z-index: 9999;
}
#notification.notify {
  bottom: 0;
}
#notification section {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 5%;
}
#notification h2, #notification h5 {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 22px;
  line-height: 24px;
}
/*#grade-bands{
	position:relative;
	float:left;
	width:100%;
	display:none;
	color:$white;
	padding:20px;
	&.expand{
		display:block;
	}
	nav > span{
		position:relative;
		float:left;
		font-weight:600;
		padding:10px 0;
	}
	nav > ul{
		position:absolute;
		top: 50px;
    	left: 50px;
		background:#555;
		border-radius:3px;
		display:none;

		li{
			cursor:pointer;
		}
		&.open{
			display:block;
			padding:10px;
			z-index:99;
		}
	}
}*/
#grade-band-list {
  position: relative;
  float: left;
  width: 100%;
  color: #FFFFFF;
}
#grade-band-list label, #grade-band-list input {
  position: relative;
  float: left;
  width: 10%;
}
#grade-band-list input {
  margin-right: 80%;
  color: #555;
}
#enrolment h1 em {
  position: relative;
  float: right;
  font-size: 18px;
  line-height: 22px;
  cursor: pointer;
}
.enrolment-list {
  max-height: calc(90vh - 110px);
  overflow: hidden;
  overflow-Y: scroll;
}
.enrolment-list .enrolment-user {
  padding-bottom: 15px;
}
.enrolment-list .enrolment-user h4 {
  padding: 5px 0 8px;
}
.enrolment-list li {
  border: none;
}
.enrolment-list .enrolment-item h5 {
  position: relative;
  float: left;
  width: 90%;
  color: white;
  font-size: 16px;
  margin: 0;
}
.enrolment-list .enrolment-item em {
  position: relative;
  float: left;
  width: 5%;
  font-size: 12px;
}
.enrolment-list .enrolment-item i {
  position: relative;
  float: right;
  width: 5%;
  font-size: 12px;
}
.enrolment-list .enrolment-item .ss-navigateup {
  display: none;
}
.enrolment-list .enrolment-item .class-details {
  position: relative;
  float: left;
  width: 50%;
  max-height: 0;
  transition: max-height 0.3s ease-in;
  overflow: hidden;
}
.enrolment-list .enrolment-item.expanded .ss-navigateup {
  display: block;
}
.enrolment-list .enrolment-item.expanded .ss-navigatedown {
  display: none;
}
.enrolment-list .enrolment-item.expanded .class-details {
  max-height: 10000px;
}
.enrolment-list table, .enrolment-list thead, .enrolment-list tbody, .enrolment-list tr {
  position: relative;
  float: left;
  width: 100%;
  color: white;
}
.enrolment-list table th, .enrolment-list table td, .enrolment-list thead th, .enrolment-list thead td, .enrolment-list tbody th, .enrolment-list tbody td, .enrolment-list tr th, .enrolment-list tr td {
  position: relative;
  float: left;
  text-align: center;
  padding: 5px 10px;
}
.enrolment-list table th.w100, .enrolment-list table td.w100, .enrolment-list thead th.w100, .enrolment-list thead td.w100, .enrolment-list tbody th.w100, .enrolment-list tbody td.w100, .enrolment-list tr th.w100, .enrolment-list tr td.w100 {
  width: 100%;
}
.enrolment-list table th.w75, .enrolment-list table td.w75, .enrolment-list thead th.w75, .enrolment-list thead td.w75, .enrolment-list tbody th.w75, .enrolment-list tbody td.w75, .enrolment-list tr th.w75, .enrolment-list tr td.w75 {
  width: 75%;
}
.enrolment-list table th.w25, .enrolment-list table td.w25, .enrolment-list thead th.w25, .enrolment-list thead td.w25, .enrolment-list tbody th.w25, .enrolment-list tbody td.w25, .enrolment-list tr th.w25, .enrolment-list tr td.w25 {
  width: 25%;
}
.enrolment-list table th.a-right, .enrolment-list table td.a-right, .enrolment-list thead th.a-right, .enrolment-list thead td.a-right, .enrolment-list tbody th.a-right, .enrolment-list tbody td.a-right, .enrolment-list tr th.a-right, .enrolment-list tr td.a-right {
  text-align: right;
}
.enrolment-list table th.c-right, .enrolment-list table td.c-right, .enrolment-list thead th.c-right, .enrolment-list thead td.c-right, .enrolment-list tbody th.c-right, .enrolment-list tbody td.c-right, .enrolment-list tr th.c-right, .enrolment-list tr td.c-right {
  text-align: center;
}
.enrolment-list table.full-table, .enrolment-list thead.full-table, .enrolment-list tbody.full-table, .enrolment-list tr.full-table {
  position: relative;
  float: left;
  width: 100%;
}
.enrolment-list table.right-table, .enrolment-list thead.right-table, .enrolment-list tbody.right-table, .enrolment-list tr.right-table {
  position: relative;
  float: right;
  width: 100%;
}
.enrolment-list ol {
  position: relative;
  float: left;
  width: 100%;
}
.enrolment-list ol li {
  border-radius: 3px;
  padding: 3px;
}
.enrolment-list ol li label {
  position: relative;
  float: left;
  width: 75%;
  margin-top: 2px;
}
.enrolment-list ol li span {
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
  background-color: rgba(211, 211, 211, 0.2);
  padding: 2px 10px 3px;
  border-radius: 3px;
  cursor: text;
}
.gt-progress {
  position: relative;
  float: left;
  width: 50%;
  display: none;
}
.enrolment-item.expanded .gt-progress {
  display: block;
}
.list-padder {
  position: relative;
  float: left;
  width: 100%;
  height: 150px;
}
.title-bar {
  position: relative;
  float: left;
  width: 100%;
  background: none;
}
.title-bar h1 {
  position: relative;
  float: left;
  width: 80%;
  border-radius: 5px 0 0 0 !important;
}
.title-bar ul {
  position: relative;
  float: left;
  width: 20%;
  color: white;
  border-radius: 0 3px 0 0;
  background: #161616;
  height: 62px;
  padding: 20px 10px;
}
.title-bar ul li {
  position: relative;
  float: right;
  width: 24px;
  height: 26px;
  cursor: pointer;
}
#enrolment > .title-bar {
  width: calc(100% + 1px);
}
#enrolment > .title-bar > h1 {
  width: calc(100% - 250px);
}
#enrolment > .title-bar > ul {
  width: 250px;
  padding: 5px 0;
}
#enrolment > .title-bar > ul > li {
  position: relative;
  float: right;
  width: 62px;
  height: 52px;
  cursor: pointer;
  border-right: 1px solid rgba(155, 155, 155, 0.5);
}
#enrolment > .title-bar > ul > li > em {
  top: 0px;
  height: 100%;
  font-size: 20px;
  padding: 12px 21px;
  position: relative;
  float: left;
}
.enrolment-list > .enrolment-user > h4 {
  padding: 14px 0 0px;
}
.enrolment-list > .enrolment-user > h4 > em {
  margin-right: 43px;
}
#clip-notice {
  position: absolute;
  left: -154px;
  width: 170px;
  background: white;
  color: #333;
  padding: 10px;
  z-index: 999;
  text-align: center;
  font-weight: 400;
  border-radius: 4px;
  display: none;
}
#clip-notice.visible {
  display: block;
}
#grade-banding {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background: rgb(55, 55, 55);
  padding: 20px;
  display: none;
}
#grade-banding.open {
  display: block;
  z-index: 999;
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.33);
}
#grade-banding h4 {
  font-size: 24px;
  color: white;
}
#grade-banding p {
  font-size: 16px;
  color: white;
}
#grade-banding ul {
  position: relative;
  float: left;
  width: 220px;
  color: white;
  background: rgb(66, 66, 66);
  border-radius: 3px;
  padding: 20px;
}
#grade-banding ul li {
  position: relative;
  float: left;
  width: 100%;
}
#grade-banding label {
  position: relative;
  float: left;
  height: 30px;
  line-height: 30px;
  width: 30px;
  margin-right: 5px;
  cursor: text;
}
#grade-banding input {
  background: rgb(66, 66, 66);
  color: white;
  width: 45px;
  text-indent: 5px;
  border: none;
  height: 30px;
}
.grading-bands-toolbar {
  position: relative;
  float: left;
  width: 100%;
}
.grading-bands-toolbar button {
  position: relative;
  float: left;
  width: 100px;
  margin-right: calc(100% - 100px);
  text-align: center;
  height: 30px;
  background: rgb(66, 66, 66);
  color: white;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3);
  margin-top: 5px;
}
.grading-bands-toolbar button:hover {
  background: rgb(0, 0, 0);
}
.close-button {
  position: relative;
  float: right;
  margin-top: 20px;
}
.close-button > button {
  padding: 5px 10px;
}
.download-button {
  position: relative;
  float: left;
  margin-top: 20px;
}
.download-button button {
  position: relative;
  float: right;
  padding: 5px 10px;
}
.download-button.loading span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0.8;
  background-repeat: no-repeat;
  background-position: -40px -73px;
  background-image: url("/build/assets/spinner-CgwbLEJ3.gif");
}
/* ===== Admin Receipt (scoped) ===== */
.enrolment-window {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(155, 155, 155, 0.7);
  z-index: 9999;
  font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
  top: 0;
  padding-top: 20px;
}
#enrolment > .title-bar {
  position: relative;
  float: left;
  width: 100%;
  background: none;
  height: 62px;
}
#enrolment > .title-bar > h1 {
  margin-top: 0;
  padding: 18px;
  width: calc(100% - 250px);
  font-size: 24px;
  background: rgb(45, 98, 185);
  color: white;
}
#enrolment {
  height: calc(100vh - 60px);
  margin-top: 10px;
  width: 90vw;
  margin-left: 5vw;
}
.enrolment-list > li.enrolment-user {
  background: white;
  border-bottom: 1px solid rgba(133, 133, 133, 0.1);
}
.enrolment-list .enrolment-user > h4 {
  padding: 12px 0 5px;
}
.enrolment-list > .enrolment-user.open-user > ul > li {
  border: dashed 1px rgba(133, 133, 133, 0.3);
  border-radius: 5px;
}
#enrolment > adide > .enrolment-list > .enrolment-user {
  padding: 6px 10px;
}
/* Header: ok-badge inside h1; centered */
#receipt-wrapper > .receipt-holder > .header {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 10px;
}
#receipt-wrapper > .receipt-holder > .header > div > h1 {
  margin: 0.25rem 0;
  font-size: 1.4rem;
  color: #0f172a !important;
  display: inline-flex;
  align-items: left;
  gap: 10px;
}
#receipt-wrapper > .receipt-holder > .header > div > h1 > .ok-badge {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 700;
  background: rgba(22, 163, 74, 0.12);
  color: #16a34a;
  flex: 0 0 auto;
}
#receipt-wrapper > .receipt-holder > .header > div > .meta {
  color: #475569;
  margin: 0;
}
/* Sections (borderless cards) */
#receipt-wrapper > .receipt-holder > .section {
  margin: 18px 0;
  border: 0;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
#receipt-wrapper > .receipt-holder > .section > h2 {
  font-size: 1em;
  margin: 0 0 8px;
  color: #0f172a;
}
#receipt-wrapper > .receipt-holder > .section > .meta {
  color: #475569;
}
#receipt-wrapper > .receipt-holder > .section > .subhead {
  margin: 8px auto 4px;
  font-size: 1em;
  font-weight: 600;
  color: #0f172a;
  text-align: left;
  text-indent: 10px;
}
/* Key/Value list for simple fields */
#receipt-wrapper > .receipt-holder > .section > .kv {
  margin: 0;
  padding: 0;
}
#receipt-wrapper > .receipt-holder > .section > .kv > .kv-row {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 10px;
  padding: 6px 0;
}
#receipt-wrapper > .receipt-holder > .section > .kv > .kv-row > dt {
  font-weight: 600;
  color: #0f172a;
}
#receipt-wrapper > .receipt-holder > .section > .kv > .kv-row > dd {
  margin: 0;
}
#receipt-wrapper > .receipt-holder > .section > .kv > .kv-row > dd.notes {
  text-indent: 10px;
}
/* Ranked list (TCU options) */
#receipt-wrapper > .receipt-holder > .section > .list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: grid;
  gap: 8px;
  max-width: 720px;
}
#receipt-wrapper > .receipt-holder > .section > .list > .row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 0;
}
#receipt-wrapper > .receipt-holder > .section > .list > .row > .rank {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 700;
  color: #1f2937;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  margin: 0;
}
#receipt-wrapper > .receipt-holder > .section > .list > .row > .choice {
  text-align: left;
  white-space: normal;
  overflow: visible;
}
/* Tables (Top/Backup) centered, capped at 720px, borderless) */
#receipt-wrapper > .receipt-holder > .section > table.external {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  border: 0;
  background: transparent;
  border-collapse: separate;
  border-spacing: 0;
}
#receipt-wrapper > .receipt-holder > .section > table.external > thead > tr > th,
#receipt-wrapper > .receipt-holder > .section > table.external > tbody > tr > td {
  padding: 10px 12px;
  border: 0;
  text-align: center;
}
#receipt-wrapper > .receipt-holder > .section > table.external > thead > tr > th {
  background: transparent;
  font-weight: 600;
  color: #0f172a;
}
/* Notes */
#receipt-wrapper > .receipt-holder > .section > .notes {
  border: 0;
  background: transparent;
  white-space: pre-wrap;
  padding: 12px 0;
}
/* Toolbar */
#receipt-wrapper > .receipt-holder > .toolbar {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 12px auto 0;
}
#receipt-wrapper > .receipt-holder > .toolbar > .btn {
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 999px;
  padding: 8px 14px;
  cursor: pointer;
}
#receipt-wrapper > .receipt-holder > .toolbar > .btn:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
#receipt-wrapper > .receipt-holder > .toolbar > .btn:focus {
  outline: none;
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.25);
}
/* Print */
@media print {
  #receipt-wrapper > .receipt-holder > .toolbar {
    display: none;
  }
}
/* ===== Receipt fixes: stack sections, left-align ===== */
/* Make the receipt holder a simple block container */
#receipt-wrapper > .receipt-holder {
  display: block !important;
  float: none !important;
  clear: both !important;
}
/* Each section should be a full-width, stacked block */
#receipt-wrapper > .receipt-holder > .section {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  text-align: left !important;
}
/* Header: left-align and prevent inherited flex centering */
#receipt-wrapper > .receipt-holder > .header {
  display: block !important; /* kill any flex row that might stay around */
  text-align: left !important;
  margin-bottom: 10px !important;
}
#receipt-wrapper > .receipt-holder > .header > div > h1 {
  display: inline-flex !important; /* keep badge inline with title */
  align-items: center;
  gap: 10px;
  margin: 0.25rem 0;
  text-align: left !important;
}
#receipt-wrapper > .receipt-holder > .header > div > .meta {
  text-align: left !important;
}
/* Key/Value list rows: force two columns, left-aligned, and wrap if narrow */
#receipt-wrapper > .receipt-holder > .section > .kv > .kv-row {
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  gap: 10px !important;
  align-items: start;
  padding: 6px 0;
  text-align: left !important;
}
@media (max-width: 640px) {
  #receipt-wrapper > .receipt-holder > .section > .kv > .kv-row {
    grid-template-columns: 1fr !important; /* stack label then value on small screens */
  }
}
/* Ranked list: left-align and stack row content properly */
#receipt-wrapper > .receipt-holder > .section > .list {
  max-width: 100% !important;
  margin: 0 !important; /* left align the block */
}
#receipt-wrapper > .receipt-holder > .section > .list > .row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important; /* left */
  gap: 10px !important;
  padding: 8px 0 !important;
  text-align: left !important;
}
#receipt-wrapper > .receipt-holder > .section > .list > .row > .rank {
  margin: 0 !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
}
#receipt-wrapper > .receipt-holder > .section > .list > .row > .choice {
  text-align: left !important;
  white-space: normal !important; /* allow wrapping */
  overflow: visible !important;
}
/* Tables: keep max width but align left (not centered) */
#receipt-wrapper > .receipt-holder > .section > table.external {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 !important; /* left align block */
  border: 0 !important;
  background: transparent !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  text-align: left !important;
}
#receipt-wrapper > .receipt-holder > .section > table.external > thead > tr > th,
#receipt-wrapper > .receipt-holder > .section > table.external > tbody > tr > td {
  text-align: left !important;
  padding: 10px 12px !important;
  border: 0 !important;
}
/* Notes */
#receipt-wrapper > .receipt-holder > .section > .notes {
  text-align: left !important;
  padding: 12px 0 !important;
}
/* Toolbar: left align button row */
#receipt-wrapper > .receipt-holder > .toolbar {
  display: flex !important;
  justify-content: flex-start !important; /* left */
  align-items: center !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
  text-align: left !important;
}
#receipt-wrapper > .receipt-holder > .toolbar > .btn {
  margin: 0 !important;
}
/* Make each receipt section establish its own formatting context */
#receipt-wrapper > .receipt-holder > .section {
  overflow: auto; /* BFC: contains floats/negative margins */
}
/* Neutralize Bootstrap .row within the receipt list */
#receipt-wrapper > .receipt-holder > .section > .list > .row {
  /* kill Bootstrap grid behavior */
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  /* kill BS5 gutter variables if present */
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  /* make it a simple horizontal aligner */
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 8px 0 !important;
}
/* Ensure the list itself behaves like a normal block and contributes height */
#receipt-wrapper > .receipt-holder > .section > .list {
  display: block !important; /* not grid/flex; simplest box */
  margin: 0 !important;
  padding: 0 !important;
}
/* Keep the badge and text tidy */
#receipt-wrapper > .receipt-holder > .section > .list > .row > .rank {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50%;
  display: grid !important;
  place-items: center !important;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  font-weight: 700;
  color: #1f2937;
  margin: 0 !important;
}
#receipt-wrapper > .receipt-holder > .section > .list > .row > .choice {
  text-align: left !important;
  white-space: normal !important; /* wrap long titles */
  overflow: visible !important;
}
@media screen and (min-width: 760px) {
  .searchbar {
    position: relative;
    float: right;
    width: 50%;
  }
  #search-list, #search-list-user {
    width: 50%;
  }
  .main-panel h1 {
    padding: 0 2.5% 10px;
  }
  #blurb-editor > .account-builder > #enrolment.account-builder-wrapper.messenger {
    height: calc(100vh - 60px);
  }
  #blurb-editor > .account-builder > #enrolment.account-builder-wrapper.messenger > aside {
    height: calc(100vh - 122px);
  }
  #blurb-editor > .account-builder > #enrolment.account-builder-wrapper.messenger > aside > .enrolment-list {
    height: calc(100vh - 122px);
    max-height: none;
  }
  #blurb-editor > .account-builder > #enrolment.account-builder-wrapper.quiz {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .account-builder-wrapper.quiz {
    width: 90vw;
    margin-left: 5vw;
  }
}
@media screen and (min-width: 1280px) {
  .booking-main-panel-title {
    font-size: 24px;
  }
  .booking-main-date-selector-panel {
    width: 30%;
    font-size: 14px;
    line-height: 25px;
    padding: 15px;
  }
  #booking-main-panel.right-panel, #tours-main-panel.right-panel, #pages-main-panel.right-panel, #guests-main-panel.right-panel, #blog-main-panel.right-panel {
    width: 1000px;
    margin-left: calc(50vw - 580px);
  }
}
.booking-main-panel-title button {
  margin-top: 36px;
  color: black;
}
.tour-editor-item-title {
  position: relative;
  float: left;
  width: 100%;
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}
.tour-editor-item-title > i {
  color: rgb(45, 98, 185);
  font-weight: 400;
  font-size: 12px !important;
}
.tour-editor-wrapper {
  position: relative;
  float: left;
  width: 100%;
  background: #f7f7f7;
  padding: 10px 2%;
}
.tour-editor-description {
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  background: #FFFFFF;
  padding: 10px;
}
.editor-image, .editor-image-blank {
  position: relative;
  float: left;
  width: 31%;
  margin-right: 2%;
}
.editor-image:nth-child(3n), .editor-image-blank:nth-child(3n) {
  margin-right: 0;
}
.editor-image img, .editor-image-blank img {
  position: relative;
  float: left;
  width: 100%;
  border-radius: 5px;
}
.editable {
  /*color:$tours;
  padding: 5px 10px;
     background: #ffffff;
     min-width: 200px;
     min-height:22px;
     box-shadow: 0 0 2px 1px #d2d2d2;*/
}
.editable.hidden {
  display: none;
}
.editable.booking {
  background: #006ecb;
  color: #FFFFFF;
}
.editable.academics {
  background: #3c8ccb;
  color: #FFFFFF;
}
.editable.papers {
  background: #006970;
  color: #FFFFFF;
}
.editable.users {
  background: #d8571f;
  color: #FFFFFF;
}
.editable.mce-content-body {
  color: #0b2141;
  background: #ffffff;
  caret-color: #0b2141;
}
.editable.mce-edit-focus {
  box-shadow: 0 0 2px 1px #a2a2a2;
}
.editor-image-blank {
  height: 100%;
}
.editor-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 140px);
  height: 100%;
  background: white;
  opacity: 0;
  cursor: text;
}
.editor-mask.activeB {
  display: none;
}
.section-editor-save {
  position: relative;
  float: left;
  width: 60px;
  height: 30px;
  background: white;
  color: #006ecb;
  font-size: 16px;
  margin-left: 5px;
  border-radius: 3px;
  margin-top: 25px;
  box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.4);
  line-height: 30px;
  text-align: center;
  display: none;
}
.section-editor-save.activeB {
  display: block;
  z-index: 999;
}
.img-placeholder {
  position: relative;
  float: left;
  width: 20%;
  height: 300px;
  border: 1px dotted black;
}
.editor-field-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
.editor-field-wrapper .group-item {
  margin-left: 30px;
  min-height: 22px;
  min-width: 50px;
  padding: 3px 10px;
  background: white;
  border-radius: 3px;
}
.editor-label-box, .editor-label, .editor-label-left, .editor-image-caption {
  position: relative;
  float: left;
  width: 100%;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 10px;
  font-size: 16px;
}
.editor-label {
  text-transform: capitalize;
}
.editor-selector {
  position: relative;
  float: left;
  border: 1px solid rgba(155, 155, 155, 0.3);
  padding: 3px 10px;
  line-height: 30px;
  font-size: 18px;
  border-radius: 3px;
  font-weight: 400;
  color: #0b2141;
  margin-bottom: 15px;
}
.editor-item-wrapper {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.editor-label-box {
  margin-top: 20px;
}
.editor-label-50 {
  width: 50%;
  float: left;
  margin-bottom: 5px;
  line-height: 36px;
  font-size: 18px;
}
.editor-label-left {
  width: 35%;
}
.editor-option-box-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
.editor-option-box {
  position: relative;
  float: left;
  margin: 0 10px;
}
.editor-check-box {
  position: relative;
  float: left;
  width: auto;
  margin: 0 10px;
}
.editor-image-caption, .editor-image-body {
  font-weight: 300;
  margin-bottom: 10px;
  min-width: auto;
  width: 100%;
}
.editor-image-caption.mce-edit-focus, .editor-image-body.mce-edit-focus {
  width: 200%;
  min-height: 200px;
  z-index: 99;
}
.editor-image-body {
  position: relative;
  float: left;
  min-height: 50px;
}
.editor-img-toolbox {
  position: absolute;
  top: 5px;
  right: 5px;
  list-style: none;
}
.editor-save-button {
  position: relative;
  float: left;
  display: none;
  padding: 2px 20px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.editor-save-button.editing {
  display: block;
}
.editor-save-button:hover {
  color: white;
  background: #006ecb;
}
.editor-save-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  background-repeat: no-repeat;
  background-position: 40% 40%;
  background-image: url("/build/assets/cogs-Dvk5LCeg.gif");
  background-size: 50px 50px;
  display: none;
  z-index: 999;
}
.editor-save-loader.loading {
  display: block;
}
.always-visible {
  display: block;
  float: right;
  margin-top: 50px;
}
.new-item {
  color: #006ecb;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-height: 160px;
  cursor: pointer;
  border: 5px dashed rgb(101, 184.4482758621, 255);
  padding: 0;
}
.new-item .editor-img-item {
  float: left;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.new-item .editor-img-item input, .new-item .editor-img-item form {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 99;
  cursor: pointer;
}
.new-item .editor-img-item em {
  position: absolute;
  top: 45%;
  width: 100%;
  left: 0;
  font-size: 72px;
  color: rgb(101, 184.4482758621, 255);
  cursor: pointer;
}
.new-item:hover {
  border-color: #006ecb;
}
.new-item:hover .editor-img-item em {
  color: #006ecb;
}
.editor-image-row, .editor-image-drop {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.editor-img-item {
  position: relative;
  float: right;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  background-color: rgba(50, 161, 255, 0.3);
  color: rgb(255, 255, 255);
  border: rgba(50, 161, 255, 0.5) solid 1px;
  border-radius: 3px;
  text-align: center;
  margin-left: 3px;
  cursor: pointer;
}
.editor-img-item:hover {
  background-color: rgba(50, 161, 255, 0.8);
}
.editor-img-item:first-child {
  z-index: 999;
}
.editor-img-item input {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 3px;
  width: 26px;
  height: 26px;
  opacity: 0;
  z-index: 99;
}
.editor-publish, .editor-subtitle, .editor-delete {
  position: relative;
  float: left;
  font-weight: 600;
  font-size: 18px;
  margin-right: 10px;
}
.editor-delete {
  float: right;
  cursor: pointer;
}
.tour-editor-checkbox {
  font-size: 18px;
}
.image-editor {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow-y: scroll;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.85);
  display: none;
}
.image-editor.open {
  display: block;
}
.img-wrapper {
  position: relative;
  float: left;
  width: 80%;
  margin-left: 10%;
}
.image-editor-inner-wrapper {
  position: relative;
  float: left;
  width: 100%;
  background: rgba(133, 133, 133, 0.3);
}
.image-editor-toolbox {
  position: relative;
  float: left;
  width: 80.7%;
  left: 10%;
  height: 50px;
  background: #f7f7f7;
  padding: 13px;
  margin: 20px 0 0;
  list-style: none;
}
.image-editor-toolbox-item {
  position: relative;
  float: left;
  margin-right: 20px;
}
.image-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 187px;
  background: rgba(255, 255, 255, 0.7);
  background-image: url(/build/assets/cogs-Dvk5LCeg.gif);
  background-size: 100px 100px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 999;
  display: none;
}
.image-loader.loading {
  display: block;
}
.image-cropped-label, .images-cropped {
  position: relative;
  float: left;
  margin-bottom: 0;
  padding: 5px 20px;
  margin-right: 20px;
}
.image-cropped-label {
  background: #006ecb;
  color: white;
  border-radius: 3px;
}
.tour-geomap {
  position: relative;
  float: left;
  width: 100%;
  height: 25vw;
  min-height: 200px;
  margin-bottom: 10px;
}
.pricing-title {
  position: relative;
  float: left;
  font-size: 32px;
  color: #006ecb;
  line-height: 36px;
  margin-bottom: 25px;
  font-weight: bold;
}
.pricing-sub-title, .pricing-sub-title-banner {
  position: relative;
  float: left;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.pricing-sub-title-banner {
  width: 100%;
  padding: 5px 10px;
  color: #FFFFFF;
  background: rgb(50, 161.0837438424, 255);
  font-size: 24px;
  line-height: 28px;
}
.pricing-tab-browser, .pricing-sub-tab-browser, .pricing-sub-tab-browser-items {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pricing-sub-tab-browser-items {
  margin-bottom: 20px;
}
.pricing-sub-tab-browser-item {
  position: relative;
  float: left;
  width: 100%;
  background: #f1f1f1;
  display: none;
}
.pricing-sub-tab-browser-item.active-tab {
  display: block;
  padding: 20px 10px;
}
.pricing-sub-tab-browser {
  overflow: hidden;
}
.pricing-dropdown {
  position: relative;
  float: left;
  font-size: 14px;
  cursor: pointer;
  padding: 2px 5px;
  margin-left: 10px;
  line-height: 26px;
}
.pricing-tab-browser-tab, .pricing-sub-tab-browser-tab {
  position: relative;
  float: left;
  color: white;
  line-height: 24px;
  font-size: 16px;
  border-radius: 5px;
  padding: 5px 20px;
  cursor: pointer;
  background: #006ecb;
}
.pricing-sub-tab-browser-tab {
  line-height: 30px;
  font-size: 18px;
  color: #FFFFFF;
  background: #006ecb;
  margin-right: 1px;
  padding: 10px;
  border-radius: 5px 5px 0 0;
}
.pricing-sub-tab-browser-tab .group-item {
  margin-bottom: 5px;
}
.pricing-sub-tab-browser-tab.active-tab {
  background: #f1f1f1;
}
.pricing-sub-tab-browser-tab.active-tab .pricing-sub-list-title {
  color: #006ecb;
}
.pricing-sub-list-title {
  position: relative;
  float: left;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 16px;
  padding: 5px 0;
  line-height: 20px;
}
.pricing-sub-list-title-blue {
  color: #006ecb;
  line-height: 30px;
  min-width: 20%;
  font-weight: 600;
}
.pricing-sub-list-item {
  position: relative;
  float: left;
  width: 80%;
  color: #0b2141;
  padding: 5px 10px;
}
.pricing-sub-list-title-item-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
.tab-price-editor, .tab-price-editor-south {
  position: absolute;
  left: 0;
  background: #FFFFFF;
  box-shadow: 0 0 5px 2px rgba(133, 133, 133, 0.3);
  padding: 20px;
  display: none;
  border-radius: 5px;
  z-index: 999;
}
.tab-price-editor .editable, .tab-price-editor-south .editable {
  min-width: 120px;
}
.tab-price-editor.open, .tab-price-editor-south.open {
  display: block;
}
.tab-price-editor-south {
  bottom: 0;
  width: 99%;
  left: 0.5%;
}
.add-price-button, .edit-delete-button {
  position: relative;
  float: right;
  margin: 10px 20px;
  font-size: 14px;
  border: 1px solid rgba(133, 133, 133, 0.3);
  padding: 5px 20px;
  border-radius: 5px;
  line-height: 22px;
  z-index: 99;
  font-weight: 600;
}
.edit-delete-button, .section-delete-button {
  margin: 0 5px;
  margin-left: 0;
  background: #006ecb;
  color: #FFFFFF;
  float: left;
  padding: 3px 15px;
  cursor: pointer;
}
.edit-delete-button:hover, .section-delete-button:hover {
  background: rgb(0, 54.7290640394, 101);
}
.section-delete-button {
  float: right !important;
  border-radius: 3px;
  border: none;
  font-weight: 600;
  line-height: 22px;
}
.section-edit-close-button {
  position: absolute;
  color: #0b2141;
  right: 10px;
  top: 4px;
  font-size: 12px;
}
.tab-price-editor-wrapper {
  position: relative;
  float: left;
  width: 100%;
  background: rgba(133, 133, 133, 0.1);
  padding: 10px;
  border-radius: 5px;
}
.tab-price-editor-wrapper .pricing-sub-list-title {
  width: 100%;
}
.tab-pricing-cat-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
.pricing-sub-list-wrapper {
  position: relative;
  float: left;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  color: #0b2141;
  padding: 20px 10px;
}
.pricing-sub-list-wrapper-prices {
  background: #FFFFFF;
}
.pricing-container, .add-containter {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  border: 1px solid rgba(133, 133, 133, 0.2);
  border-radius: 10px;
  margin-bottom: 15px;
  background: #FFFFFF;
}
.pricing-container.activetabs, .add-containter.activetabs {
  display: block;
}
.pricing-container.activetabsb, .add-containter.activetabsb {
  display: block;
}
.pricing-container .section-edit-button, .pricing-container .section-save-button, .add-containter .section-edit-button, .add-containter .section-save-button {
  top: 20px;
}
.pricing-container-new {
  position: relative;
  float: left;
  width: 100%;
  background: white;
  box-shadow: 0 -1px 5px 1px rgba(133, 133, 133, 0.7);
  z-index: 99;
  display: none;
  margin-bottom: 100px;
}
.pricing-container-new.activetabs {
  display: block;
  padding: 20px;
}
.pricing-container-new.activetabsb {
  display: block;
  padding: 20px;
}
.pricing-delete-button {
  position: relative;
  float: right;
  font-size: 18px;
  color: rgba(133, 133, 133, 0.8);
  cursor: pointer;
}
.pricing-delete-button:hover {
  color: rgb(133, 133, 133);
}
.add-containter {
  padding: 10px 20px;
  box-shadow: 0px 2px 8px 0px rgba(155, 155, 155, 0.5);
  width: 100%;
  margin-right: 0%;
}
.mce-edit-focus {
  margin-bottom: 2px;
}
.mce-content-body ul {
  list-style: default;
}
.mce-content-body li {
  position: relative;
  width: 100%;
  margin-left: 20px;
}
.mce-content-body li:before {
  position: absolute;
  left: -10px;
  top: 11px;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background: #0b2141;
}
.calendar-days-selector {
  position: relative;
  float: left;
  padding: 0;
  list-style: none;
}
.calendar-days-item {
  position: relative;
  float: left;
  line-height: 32px;
  padding: 8px 18px;
  width: 12.5%;
  border-left: 1px solid rgba(133, 133, 133, 0.5);
  border-top: 1px solid rgba(133, 133, 133, 0.5);
  border-bottom: 1px solid rgba(133, 133, 133, 0.5);
  border-right: none;
  background: white;
}
.calendar-days-item:last-child {
  border-right: 1px solid rgba(133, 133, 133, 0.5);
}
.calendar-days-item.selected {
  background: rgba(133, 133, 133, 0.5);
}
.calendar-days-item.selected .calendar-hours {
  display: block;
}
.calendar-label {
  position: relative;
  float: left;
  width: 100%;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 10px;
  font-size: 16px;
  text-align: center;
}
.calendar-day {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  cursor: pointer;
  margin-left: -7px;
}
.calendar-hours {
  position: absolute;
  top: -3px;
  right: 3px;
  height: 12px;
  width: 12px;
  font-size: 12px;
  color: white;
  z-index: 99;
  display: none;
  cursor: pointer;
}
.calendar-week-wrapper, .calendar-day-table, .calendar-day-table, .calendar-day-wrapper, .calendar-hour-wrapper, .calendar-tour-list, .calendar-tour-list-item {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
}
.calendar-hour, .calendar-hour-side, .calendar-hour-side-top, .calendar-hour-top {
  position: relative;
  float: left;
  border-bottom: 1px solid rgba(133, 133, 133, 0.2);
}
.calendar-hour-side-top, .calendar-hour-top {
  height: 30px;
}
.calendar-hour-side {
  height: 100px;
  border: none;
}
.calendar-hour {
  min-height: 100px;
  width: 90%;
}
.calendar-hour-side, .calendar-hour-side-top {
  width: 29px;
}
.calendar-day-editor {
  position: relative;
  float: left;
  top: 20px;
  left: 0;
  width: 90%;
  height: auto;
  background: white;
  padding: 20px 2.5%;
}
.calendar-time {
  position: absolute;
  top: 40px;
  left: -16px;
  width: 60px;
  text-align: center;
  font-size: 11px;
  padding: 2px 5px 3px;
  border-radius: 3px;
  background: rgb(101, 184.4482758621, 255);
  color: white;
  transform: rotate(-90deg);
}
.calendar-tour-list {
  width: 100%;
  padding: 2px 5px;
  font-size: 12px;
  margin-top: 5px;
  text-align: left;
}
.calendar-tour-hour {
  position: relative;
  float: left;
  width: 100%;
}
.calendar-tour-list-item {
  position: relative;
  float: left;
  width: 90%;
  margin: 5px 5%;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #006ecb;
  cursor: pointer;
}
.calendar-tour-list-item.single {
  color: #6b788c;
}
.calendar-tour-list-item.add-tour-time {
  color: rgba(133, 133, 133, 0.5);
  margin-top: 10px;
}
.calendar-tour-list-item.add-tour-time em {
  font-size: 8px;
  padding: 4px 2px;
  position: relative;
  margin-left: 10px;
}
.calendar-tour-list-item.add-tour-time:hover {
  color: #006ecb;
}
.calendar-tour-day-editor {
  position: absolute;
  float: left;
  top: 0;
  left: 25%;
  width: 50%;
  height: auto;
  background: white;
  margin-top: 20px;
  display: none;
}
.calendar-tour-day-editor.open-timings {
  display: block;
  padding: 20px;
  box-shadow: 0 0 5px 1px rgba(133, 133, 133, 0.5);
}
.editor-tour-time-list, .calendar-diary-toolbar-list {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
.calendar-diary-toolbar-item {
  position: relative;
  width: 25%;
  float: right;
  font-size: 16px;
  font-weight: 600;
}
.calendar-diary-toolbar-close {
  position: relative;
  float: right;
}
.calendar-diary-toolbar-close em {
  font-size: 12px;
  padding: 2px;
}
.section-edit-button, .section-save-button {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid rgba(133, 133, 133, 0.5);
  padding: 5px 10px;
  border-radius: 5px;
  line-height: 22px;
  z-index: 99;
  color: #0b2141;
  height: 34px;
}
.section-edit-button:hover, .section-save-button:hover {
  color: #white;
  background: rgb(50, 161.0837438424, 255);
}
.section-edit-button.section-delete-button, .section-save-button.section-delete-button {
  right: 50px;
  background-color: rgb(239, 239, 239);
  color: #999;
}
.section-edit-button.add-blurb, .section-save-button.add-blurb {
  top: 16px;
  right: 2.5%;
}
.section-edit-button.add-section, .section-save-button.add-section {
  position: relative;
  float: right;
  margin: 10px 0;
  right: 0;
}
.section-edit-button.poistion-left, .section-save-button.poistion-left {
  float: left;
  margin-left: 20px;
}
.section-edit-button:hover, .section-save-button:hover {
  background: #99d5ff;
}
.section-edit-button.activeB {
  display: none;
}
.section-save-button {
  padding: 5px 7px;
}
.toggle-edit, .toggle-edit-right {
  background: #006ecb;
  color: #FFFFFF;
  float: left;
  margin-left: 20px;
  padding: 3px 15px;
  cursor: pointer;
}
.toggle-edit:hover, .toggle-edit-right:hover {
  background: rgb(0, 68.5467980296, 126.5);
}
.toggle-edit-right {
  float: right;
  margin-bottom: 5px;
}
.section-save-button {
  display: none;
}
.section-save-button.activeB {
  display: block;
}
.tags-list {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: 42px;
  background-color: #FFFFFF;
}
.tag-list-item {
  position: relative;
  float: left;
  width: auto;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #f1f1f1;
  height: 32px;
  line-height: 22px;
  margin: 5px;
  cursor: pointer;
}
.tag-list-item.u-hidden {
  display: none;
}
.tag-list-item.active {
  display: block;
  padding: 3px;
}
.tag-title, .tag-add, .tag-list-item {
  position: relative;
  float: left;
}
.tag-title em, .tag-add em, .tag-list-item em {
  position: relative;
  float: left;
  font-size: 10px;
  line-height: 26px;
  margin-left: 5px;
}
.tag-editor, .tag-editor-type {
  position: relative;
  float: left;
}
.tag-editor-type {
  min-width: 120px;
  background: #FFFFFF;
  color: #0b2141;
  height: 26px;
  cursor: text;
  line-height: 16px;
}
.keyword-selector {
  position: absolute;
  z-index: 999;
  top: 32px;
  padding: 10px;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 4px 1px rgba(133, 133, 133, 0.3);
  background: #FFFFFF;
  color: #0b2141;
  min-width: 200px;
}
.keyword-selector input {
  border-color: rgba(155, 155, 155, 0.3);
}
.keyword-selector button {
  background: #66c0ff;
  font-weight: bold;
  border-color: rgba(255, 255, 255, 0.3);
}
.tag-list-sub .tag-list-sub-item {
  position: relative;
  float: left;
  width: 100%;
}
.tag-list-sub {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tag-list-sub-item {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  margin: 1px 0;
}
.tag-list-sub-item:hover {
  background-color: #006ecb;
  color: #FFFFFF;
}
.blurb-list, .blurb-list-item, .blurb-wrapper, .blurb-title, .blurb-meta, .blurb-meta-item, .editor-add-blurb {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.blurb-title {
  font-size: 18px;
  width: 100%;
}
.blurb-meta {
  width: 33%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px rgba(133, 133, 133, 0.5);
}
.class-header {
  position: relative;
  float: left;
  width: 100%;
  font-size: 1.4em;
  line-height: 2em;
  cursor: pointer;
}
.editor-action-bar {
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 100;
  border-radius: 3px;
  min-width: 140px;
}
.editor-action-bar ul {
  position: relative;
  float: right;
  list-style: none;
  margin: 0;
}
.editor-action-bar ul .list-icon {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: rgb(239, 239, 239);
  color: rgba(133, 133, 133, 0.5);
  margin-right: 3px;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid rgba(133, 133, 133, 0.5);
  opacity: 1;
  transition: box-shadow ease-in 0.1s;
}
.editor-action-bar ul .list-icon:hover {
  color: #3b8bcb;
  box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.5);
}
.editor-action-bar ul .list-icon:last-child {
  margin-right: 0;
}
.editor-action-bar ul .list-icon em {
  position: relative;
  text-align: center;
  padding: 1px 5px;
  float: left;
  font-size: 18px;
  line-height: 30px;
}
.editor-action-bar ul .list-icon i {
  position: absolute;
  top: -2px;
  right: 11px;
  font-size: 10px;
  font-weight: 600;
  color: #FFFFFF;
}
.editor-action-bar ul .list-icon i.double {
  right: 4px;
}
.editor-action-bar ul .list-icon .si-mail, .editor-action-bar ul .list-icon .si-edit {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  background-image: url("/build/assets/icons_general-BfrSS79Q.png");
  background-position: 200px -7px;
  background-size: 300px;
}
.editor-action-bar ul .list-icon .si-edit {
  background-position: 367px -7px;
}
.editor-action-bar ul .section-editor-save {
  position: absolute;
  top: 3px;
  right: 33px;
  display: none;
}
.editor-action-bar ul .section-editor-save.activeB {
  display: block;
  z-index: 99;
}
.teacher-actions {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 0;
  background: #3c8ccb;
}
.teacher-actions > ul {
  position: relative;
  float: right;
  width: 100%;
  list-style: none;
  padding: 5px 15px;
}
.teacher-actions > ul > li {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 2px;
  color: #FFFFFF;
  font-size: 16px;
}
.teacher-actions > ul > li:hover {
  color: rgb(216.75, 216.75, 216.75);
  cursor: pointer;
}
.teacher-actions > ul > li > em {
  position: relative;
  float: left;
  padding-right: 5px;
  padding-top: 5px;
  font-size: 12px;
}
.teacher-actions > ul > li > span {
  position: relative;
  float: left;
  font-weight: 600;
}
#grade-bands {
  position: relative;
  float: left;
  width: 100%;
}
.Page-body-text figure {
  position: relative;
  float: left;
  width: 80%;
  margin: 10px 1% 20px;
}
.Page-body-text figure img {
  position: relative;
  float: left;
  max-width: 100%;
}
.Page-body-text ul {
  list-style: disc;
  padding: 10px;
}
.Page-body-text ul li {
  margin-left: 10px;
}
#page-list-wrapper {
  display: none;
}
#page-list-wrapper.active {
  display: block;
}
.sort-pages-list {
  position: relative;
  float: left;
  width: 240px;
  margin-right: calc(100% - 240px);
}
.sort-pages-list li {
  position: relative;
  float: left;
  width: 100%;
  padding: 0px 0 0px 5px;
  border-radius: 3px;
  line-height: 25px;
  margin-bottom: 1px;
}
.sort-pages-list li.current {
  background: rgb(101, 184.4482758621, 255);
  color: #FFFFFF;
}
.sort-pages-list li em {
  line-height: 22px;
}
@media screen and (min-width: 1024px) {
  .editor-action-bar {
    top: 25px;
    right: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .editor-label-left {
    width: 20%;
  }
  .add-containter {
    width: 70%;
    margin-right: 30%;
  }
}
.cart-wrapper {
  position: absolute;
  background: white;
  top: -50px;
  left: 0;
  min-height: 100%;
  width: 100%;
  z-index: 1000;
  display: none;
  overflow-y: scroll;
  box-shadow: 0 0 1px 5px rgba(0, 0, 0, 0.3);
}
.cart-wrapper.active {
  display: block;
  padding-bottom: 40px;
}
.cart-holder {
  position: relative;
  float: left;
  width: 95%;
  margin-left: 2.5%;
  margin-top: 45px;
  margin-bottom: -220px;
  background: #FFFFFF;
  text-align: center;
  top: 20px;
  padding: 20px;
}
.cart-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 200px 200px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("modules/images/ui/loader.svg");
  display: none;
}
.cart-spinner.loading {
  display: block;
}
.cart-toolbar {
  position: relative;
  float: right;
  list-style: none;
  padding: 0;
  width: 35%;
  margin: 0;
}
.cart-toolbar-item {
  position: relative;
  float: right;
  margin-left: 15px;
  color: #415f82;
  cursor: pointer;
  font-weight: 600;
  margin-top: 10px;
  width: 100%;
  text-align: right;
  margin-right: 10%;
}
.cart-toolbar-item:first-child {
  margin-top: 0;
}
.cart-title {
  position: relative;
  float: left;
  width: 100%;
  color: #415f82;
  font-family: "Montserrat", arial, sans-serif;
  padding: 0;
  margin: 10px 0 0;
}
.cart-items {
  position: relative;
  float: left;
  width: 100%;
  margin-left: 0;
  font-weight: 400;
}
.cart-list {
  position: relative;
  float: left;
  width: 90%;
  list-style: none;
  margin: 0px 5%;
  padding: 0;
}
.cart-item {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid rgba(133, 133, 133, 0.4);
  line-height: 24px;
}
.cart-item:first-child {
  border-top: none;
}
.cart-item-headers, .cart-items-articles {
  position: relative;
  float: left;
  width: 100%;
  display: none;
}
.cart-item-headers {
  display: none;
}
.cart-item-title, .cart-item-title-heading {
  position: relative;
  float: right;
  width: 100%;
  text-align: right;
  font-weight: 600;
}
.cart-item-title {
  color: #415f82;
}
.cart-item-people-heading, .cart-item-date-heading, .cart-item-title-heading {
  font-weight: 600;
}
.cart-item-people, .cart-item-people-heading, .cart-item-date-heading, cart-item-date {
  position: relative;
  width: 100%;
  float: right;
  text-align: right;
  padding: 0;
  list-style: none;
}
.cart-item-people-item {
  position: relative;
  float: right;
  width: 100%;
  text-align: right;
}
.cart-item-total, .cart-item-total-heading {
  position: relative;
  float: left;
  width: 100%;
  text-align: right;
  padding: 5px 0;
}
.cart-total-wrapper {
  position: relative;
  float: right;
  margin: 10px 2.5%;
  line-height: 32px;
}
.cart-total-heading, .cart-subtotal-heading {
  position: relative;
  float: left;
  font-size: 18px;
  line-height: 28px;
  margin-right: 10px;
}
.cart-subtotal-heading {
  float: right;
  line-height: 18px;
}
.cart-total-currency, .cart-subtotal-currency {
  position: relative;
  float: left;
  font-size: 24px;
  color: #415f82;
  line-height: 28px;
  font-family: "Raleway";
}
.cart-subtotal-currency {
  float: right;
  font-size: 18px;
  line-height: 18px;
}
.cart-total, .cart-subtotal {
  position: relative;
  float: left;
  margin-top: -3px;
  font-size: 28px;
  color: #415f82;
  font-family: "Raleway";
}
.cart-subtotal {
  float: right;
  font-size: 20px;
  line-height: 18px;
  margin-top: -1px;
}
.cart-total-decimal, .cart-subtotal-decimal {
  position: relative;
  float: left;
  margin-top: -3px;
  font-size: 18px;
  line-height: 28px;
  font-family: "Raleway";
  color: #415f82;
}
.cart-subtotal-decimal {
  float: right;
  font-size: 12px;
  line-height: 18px;
}
.cart-delete {
  position: absolute;
  right: -30px;
  top: 13px;
  color: rgb(113, 145.7692307692, 184);
  cursor: pointer;
}
.cart-delete:hover {
  color: #415f82;
}
.payment {
  position: relative;
  float: right;
  width: 50%;
  text-align: right;
  padding: 0 2.55%;
}
.cart-confirmation-list {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
}
.cart-c-item {
  position: relative;
  float: left;
  width: 100%;
  margin: 10px 0;
}
.cart-c-label {
  position: relative;
  float: left;
  width: 50%;
  font-weight: 600;
}
.cart-c-text, .cart-c-text-big {
  position: relative;
  float: left;
  width: 50%;
  font-weight: 400;
  color: #415f82;
}
.cart-c-text-big {
  font-weight: 600;
  font-size: 24px;
}
.Receipt-title {
  position: relative;
  float: left;
  width: 100%;
  color: #415f82;
  font-size: 24px;
  line-height: 32px;
}
.Receipt-leadText {
  position: relative;
  float: left;
  width: 100%;
  margin: 20px 0;
  font-size: 16px;
}
.receipt-wrapper {
  position: relative;
  float: left;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}
.receipt-header {
  position: relative;
  float: left;
  width: 100%;
  height: 150px;
  background: #415f82;
  border-radius: 5px 5px 0 0;
}
.receipt-header:before {
  width: 0;
  height: 0;
  border-left: 600px solid transparent;
  border-right: 0px solid white;
  border-bottom: 120px solid white;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
}
.receipt-header:after {
  position: absolute;
  content: "";
  height: 120px;
  width: 120px;
  background-repeat: no-repeat;
  background-image: url("modules/images/ui/payment_box.png");
  background-size: 120px;
  background-position: 50% 75%;
  bottom: 0;
  border-radius: 60px;
  left: calc(50% - 60px);
  box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}
.receipt-brand {
  position: relative;
  float: left;
  width: 220px;
  height: 64px;
  margin-left: calc(50% - 96px);
  background-repeat: no-repeat;
  background-image: url("modules/images/ui/Show-Me-Italy-Logo-wide-short.png");
  background-size: 220px;
  background-position: -27px 50%;
}
.receipt-contact-holder {
  position: relative;
  float: left;
  width: 95%;
  text-align: center;
  margin: 0 2.5% 10px;
  font-size: 14px;
  list-style: none;
  padding: 0;
}
.receipt-contact-item {
  position: relative;
  float: left;
  width: 100%;
}
.receipt-holder {
  position: relative;
  float: left;
  width: 95%;
  margin-left: 2.5%;
  background: #fff;
  text-align: center;
  margin-top: 10px;
  padding: 20px;
}
.receipt-list {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.receipt-item {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 12px;
  background: #f7f7f7;
  margin-bottom: 1px;
  cursor: pointer;
}
.reciept-row, .receipt-item-title, .receipt-item-total, .receipt-item-date, .receipt-item-people, .receipt-meeting-point {
  position: relative;
  float: left;
  width: 100%;
  line-height: 28px;
}
.receipt-item-title, .receipt-item-people {
  width: 60%;
  text-align: left;
}
.receipt-item-date, .receipt-item-total {
  width: 40%;
  text-align: right;
}
.receipt-item-title {
  color: #415f82;
  font-size: 18px;
}
.receipt-item-title i {
  font-size: 12px;
  line-height: 12px;
}
.receipt-meeting-point {
  position: relative;
  float: left;
  color: #333;
  font-weight: 600;
  font-size: 18px;
  text-align: left;
}
.receipt-item-people, .receipt-item-date, .receipt-item-total {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.receipt-map {
  position: relative;
  float: left;
  width: 280px;
  height: 280px;
  padding: 10px;
  margin-bottom: 20px;
}
.receipt-map iframe {
  padding: 0;
  margin-left: -25px;
  width: 280px;
  height: 280px;
}
.receipt-print-wrapper {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
.receipt-print {
  position: relative;
  padding: 8px 15px;
  border: none;
  border-radius: 3px;
  background: #415f82;
  color: #FFFFFF;
  cursor: pointer;
  margin: 10px 2.5%;
}
.guest-information-bar, .guest-list, .guest-list-item, .guest-list-fields, .guest-field-item, .guest-item-title, .guest-label, .guest-input, .guest-field-wrapper {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.guest-information-bar {
  font-size: 14px;
  color: #415f82;
  line-height: 18px;
  padding: 10px;
  text-align: left;
}
.guest-list-item {
  opacity: 0;
  z-index: 1;
  max-height: 0;
  transition: opacity ease-in 0.4s;
}
.guest-list-item.active-guest {
  opacity: 1;
  z-index: 99;
  max-height: 800px;
  padding: 10px;
  background: #f7f7f7;
  margin: 20px 10px;
}
.guest-item-title {
  text-align: left;
  font-weight: bold;
  font-size: 18px;
  padding: 10px;
}
.guest-label {
  width: 100%;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 32px;
  text-align: left;
}
.guest-input {
  width: calc(100% - 20px);
  padding: 12px 10px;
  margin: 0 10px;
  font-size: 16px;
  border: 1px rgb(249, 250.3846153846, 252) solid;
  border-radius: 3px;
  margin-bottom: 5px;
}
.guest-checkin-forward, .guest-checkin-back {
  position: relative;
  float: right;
  padding: 8px 10px;
  background: rgb(113, 145.7692307692, 184);
  margin: 10px 0 10px 10px;
  color: #FFFFFF;
  border: none;
  border-radius: 3px;
}
.guest-checkin-forward:hover, .guest-checkin-back:hover {
  background: #415f82;
}
#stripe-button {
  z-index: 999;
}
#stripe-button.payment-hidden {
  display: none;
}
.autofill-wrapper {
  position: absolute;
  width: calc(40% - 1px);
  top: 45px;
  background: #fff;
  z-index: 99;
  margin-left: calc(15% + 1px);
  box-shadow: 0 3px 5px 2px rgba(155, 155, 155, 0.3);
  display: none;
}
.autofill-wrapper.active {
  display: block;
  padding: 0 10px;
}
.auto-fill-list, .autofill-item {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.autofill-item {
  padding: 5px 0;
  text-align: left;
}
.autofill-item:hover {
  background: #f1f1f1;
}
.autofill-text {
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px;
}
.payment-button {
  position: relative;
  float: right;
  margin: 0;
  overflow: hidden;
  display: inline-block;
  visibility: visible !important;
  background-image: linear-gradient(#28a0e5, #015e94);
  -webkit-font-smoothing: antialiased;
  border: 0;
  text-decoration: none;
  border-radius: 5px;
  -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  color: white;
  line-height: 32px;
  padding: 0 10px;
  font-weight: 600;
  z-index: 999;
}
@media screen and (min-width: 666px) {
  .receipt-wrapper, .Receipt-title, .Receipt-leadText {
    width: 600px;
    margin-left: calc(50% - 300px);
  }
  .receipt-map {
    width: 320px;
    height: 320px;
    margin-left: 140px;
  }
  .receipt-map iframe {
    padding: 0;
    margin-left: -25px;
    width: 320px;
    height: 320px;
  }
}
@media screen and (min-width: 760px) {
  .autofill-wrapper {
    width: calc(40% - 1px);
  }
  .guest-label {
    width: 15%;
  }
  .guest-input {
    width: 40%;
  }
}
@media screen and (min-width: 1024px) {
  .cart-holder {
    width: 80%;
    margin-left: 10%;
    margin-top: 45px;
    margin-bottom: -220px;
  }
  .cart-title {
    width: 90%;
    margin-left: 5%;
  }
  .cart-toolbar {
    width: 90%;
    margin-left: 5%;
  }
  .cart-toolbar-item {
    margin-top: 0;
  }
  .cart-toolbar-item:first-child {
    margin-top: 0;
  }
  .cart-item-headers {
    display: block;
  }
  .cart-item-people, .cart-item-people-heading, .cart-item-date-heading, cart-item-date {
    float: left;
    width: 20%;
    text-align: left;
  }
  .cart-item-total, .cart-item-total-heading {
    width: 20%;
  }
  .cart-item-title, .cart-item-title-heading {
    float: left;
    text-align: left;
    width: 40%;
  }
  .cart-item-people-item {
    float: left;
    text-align: left;
  }
  .cart-toolbar-item {
    width: 15%;
    margin-right: 20px;
  }
}
.account-builder {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(155, 155, 155, 0.7);
  z-index: 9999;
  font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
  display: none;
  top: 0;
  padding-top: 20px;
}
.account-builder.active-window {
  display: block;
}
.account-builder-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #FFFFFF;
}
.ab-title-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
.account-builder-wrapper > h1 {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 20px;
  letter-spacing: 1px;
  color: #0b2141;
  background: #FFFFFF;
  z-index: 999;
}
.ab-fast-track {
  position: relative;
  float: right;
  list-style: none;
  padding: 0;
}
.ab-fast-track li {
  position: relative;
  float: left;
  width: 35px;
  height: 20px;
  line-height: 16px;
  margin-left: 2px;
  list-style: none;
  font-size: 15px;
}
.ab-fast-track button {
  position: relative;
  float: left;
  padding: 10px 8px 5px;
  font-size: 15px;
}
.ab-fast-track button.active-button {
  background: rgb(50, 161.0837438424, 255);
}
.account-builder-wrapper > aside {
  position: absolute;
  top: 60px;
  width: 100%;
  height: calc(90vh - 60px);
  color: #0b2141;
  border-radius: 5px;
  padding: 20px;
  transition: all ease-in-out 1s;
  opacity: 0;
}
.account-builder-wrapper > aside.inview {
  right: 0;
  left: 0;
  opacity: 1;
}
.account-builder-wrapper > aside.left {
  left: -100%;
}
.account-builder-wrapper > aside.right {
  left: 100%;
}
.ab-next-button, .ab-prev-button, .ab-left-panel > a > button {
  position: relative;
  float: left;
  background: #006ecb;
  color: #FFFFFF;
  font-weight: 400;
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  margin-top: 10px;
}
.ab-save-button-wrapper {
  position: relative;
  float: right;
  margin-top: 10px;
}
.ab-save-button-wrapper > .ab-next-button {
  margin-top: 0;
}
.ab-next-button {
  float: right;
}
.ab-left-panel, .ab-right-panel, .ab-full-panel {
  position: relative;
  float: left;
  width: 100%;
}
.ab-left-panel, .ab-full-panel {
  overflow-y: scroll;
}
.ab-full-panel {
  height: calc(90vh - 150px);
}
.ab-full-panel label {
  width: 50%;
  margin-right: 50%;
}
.video-editor > aside.ab-left-panel, .video-editor > aside.ab-right-panel {
  position: relative;
  margin: 0;
  width: 50% !important;
  display: block !important;
  float: left !important;
  left: auto !important;
  right: auto !important;
  height: calc(100% - 70px) !important;
  top: 0;
}
.video-editor > aside > .ab-content {
  height: 100% !important;
  padding-bottom: 0;
}
.video-editor > aside.ab-right-panel {
  border-left: 1px solid rgba(155, 155, 155, 0.2);
}
.video-editor > aside.ab-right-panel > .ab-content {
  padding-bottom: 120px;
}
.video-editor > aside.ab-left-panel > .ab-content > ul > li:last-child {
  margin-bottom: 80px;
}
.video-editor > aside.ab-right-panel > .ab-content > ul > li > input {
  margin-bottom: 2px;
}
.video-editor > aside.ab-right-panel > .ab-content > ul > .tinymce-body.editable, .video-editor > aside.ab-right-panel > .ab-content > ul > li > .tinymce-body.editable, .video-editor > aside.ab-right-panel > .ab-content > ul > li > .tinymce-heading.editable {
  position: relative;
  float: left;
  min-height: 26px;
  min-width: 51%;
  padding: 5px;
  background: aliceblue !important;
  border: 1px solid rgba(133, 133, 133, 0.5);
  margin-bottom: 5px;
}
.video-editor > aside.ab-right-panel > .ab-content > ul > .tinymce-body.editable {
  min-width: 100%;
}
.video-editor > aside.ab-right-panel > .ab-content > ul > .tinymce-body.editable.l-50 {
  min-width: 50%;
  width: 50%;
}
.video-editor > aside.ab-right-panel > .ab-content > ul > .tbx {
  position: relative;
  float: right;
  width: 30%;
  padding: 3px 0;
}
.video-editor > aside.ab-right-panel > .ab-content > ul > .editable.mce-edit-focus {
  background: white !important;
}
.video-editor > .ab-right-panel > .ab-content > ul > li > div.Form-label-text {
  margin-left: 0;
}
.video-editor > aside.ab-right-panel > .ab-content > ul > li > button {
  margin: 3px 5px;
}
.video-editor > aside > .ab-footer {
  bottom: 0px;
}
.quiz-editor-callout > aside > ul.droppable {
  position: relative;
  float: left;
  width: 100%;
}
.quiz-editor-callout > aside > ul.droppable > li.reorderable {
  margin: 0 3px 10px 3px;
  height: 38px;
}
.quiz-editor-callout > aside > ul.droppable > li.reorderable > span {
  position: relative;
  margin: 0 3px 10px 3px;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 1.4em;
  border: solid 1px rgba(133, 133, 133, 0.4);
  padding: 0.25em;
  height: 38px;
}
.quiz-editor-callout > aside > ul.droppable > li.reorderable > span > i {
  position: absolute;
  left: 10px;
  font-size: 0.75em;
  padding-top: 5px;
  cursor: pointer;
}
.quiz-editor-callout > aside > ul.droppable > li.reorderable > span > em {
  position: absolute;
  right: 10px;
  font-size: 0.75em;
  padding-top: 5px;
  cursor: pointer;
}
.quiz-editor-callout > aside > ul.droppable > .item-placeholder {
  margin: 0 3px 10px 3px;
  font-size: 1.4em;
  border: solid 1px rgba(133, 133, 133, 0.4);
  height: 38px;
}
#confirm-callout-longer > .quiz-editor-callout {
  padding: 0;
  height: 700px;
}
#confirm-callout-longer > .quiz-editor-callout > aside {
  padding: 20px;
}
#confirm-callout-longer > .quiz-editor-callout > h3 {
  margin-top: 0;
  padding: 10px;
  height: 50px;
}
.kbyg-win > .account-builder-wrapper > aside > .kbyg > ul > li {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.quiz-paring {
  position: relative;
  float: left;
  width: 100%;
}
.quiz-paring:after {
  content: "";
  height: 26px;
  right: calc(30% - 40px);
  position: absolute;
  top: 15px;
  width: 40px;
  border-right: 2px solid rgba(155, 155, 155, 0.8);
}
#add-question {
  margin-top: 40px;
}
.quiz-paring.upper:after {
  border-top: 2px solid rgba(155, 155, 155, 0.8);
}
.quiz-paring.lower:after {
  border-bottom: 2px solid rgba(155, 155, 155, 0.8);
  top: -5px;
}
.quiz-editor-callout {
  position: relative;
  float: left;
  width: 100%;
  height: 250px;
  padding: 0;
}
.quiz-editor-callout > aside {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 20px;
}
.quiz-editor-callout > h3 {
  position: relative;
  float: left;
  width: 100%;
  height: 30px;
  background: rgb(45, 98, 185);
  color: white;
  padding: 5px 20px;
  margin-bottom: 20px;
}
.quiz-editor-callout > .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 30px;
  border-top: rgba(155, 155, 155, 0.3);
}
#confirm-callout-longer > .quiz-editor-callout > .footer {
  height: 50px;
  width: 460px;
  padding: 10px 20px;
  background: rgb(25.0434782609, 54.5391304348, 102.9565217391);
}
#confirm-callout > .quiz-editor-callout > .footer > button, #confirm-callout-longer > .quiz-editor-callout > .footer > button {
  position: relative;
  float: left;
  margin-left: 0;
}
#confirm-callout-longer > .quiz-editor-callout > .footer > button {
  background: white;
  padding: 5px 10px;
  border: rgb(111.8260869565, 152.8434782609, 220.1739130435);
  border-radius: 3px;
  font-weight: 600;
}
#confirm-callout > .quiz-editor-callout > .footer > button.right, #confirm-callout-longer > .quiz-editor-callout > .footer > button.right {
  float: right;
  margin-right: 0;
}
.ab-right-panel {
  display: none;
}
.ab-right-panel > .ab-content > ul {
  padding: 10px;
}
.ab-right-panel > .ab-content > ul:nth-child(2n) {
  background: #f7f7f7;
}
.ab-content {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  height: calc(100vh - 186px) !important;
  overflow-y: scroll;
  padding-bottom: 50px;
}
.ab-content > ul {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
}
.ab-content > ul > li {
  position: relative;
  float: left;
  width: 100%;
  margin: 5px 0;
}
.ab-right-panel > .ab-content > ul > li {
  margin: 0;
}
.ab-right-panel > .ab-content > ul > li > div.Form-label-text {
  position: relative;
  float: left;
  width: calc(100% - 50px);
  margin-left: 10px;
  padding: 10px;
}
.ab-right-panel > .ab-content > ul > li > label {
  position: relative;
  float: left;
  width: 20px;
  padding: 10px;
}
.ab-right-panel > .ab-content > ul > li > label.l-50 {
  width: 50%;
}
.ab-right-panel > .ab-content > ul > li > div.l-50 {
  width: 50%;
}
.ab-right-panel > .ab-content > ul > li > label.l-100 {
  width: 100%;
}
.ab-right-panel > .ab-content > ul > li > div.l-100 {
  width: 100%;
}
.ab-content > ul > li > input {
  position: relative;
  float: left;
  width: 70%;
  padding: 5px 10px;
}
.ab-content > ul > li > ul {
  position: relative;
  float: left;
  width: calc(30% - 10px);
  margin-left: 10px;
}
.ab-content > ul > li > ul > a {
  position: relative;
  float: right;
  text-decoration: none;
}
.ab-content > ul > li > ul > li, .ab-content > ul > li > ul > a > li {
  position: relative;
  float: right;
  width: 90px;
  height: 32px;
  margin-right: 1px;
  background: rgb(45, 98, 185);
  border-radius: 3px;
  color: white;
  text-align: center;
  padding: 5px;
  cursor: pointer;
}
.ab-content > ul > li > ul > li > span {
  position: relative;
  width: calc(100% - 20px);
  line-height: 24px;
  font-size: 14px;
}
.ab-content > ul > li > ul > li > em, .ab-content > ul > li > ul > li > i, .ab-content > ul > li > ul > a > li > em, .ab-content > ul > li > ul > a > li > i {
  position: relative;
  width: 20px;
  line-height: 24px;
  font-size: 11px;
  top: 1px !important;
  text-align: center;
  padding: 0px 5px 1px;
}
.ab-footer {
  position: absolute;
  bottom: 0;
  height: 70px;
  padding: 8px 40px 0;
  box-shadow: 0 -2px 14px 0px rgba(155, 155, 155, 0.3);
  background: #FFFFFF;
  z-index: 999;
  width: 100%;
  left: 0;
  overflow-x: hidden;
}
.Form-label, .Form-label--spanAll {
  float: left;
  border: 1px solid rgba(155, 155, 155, 0.3);
  border-radius: 3px;
  position: relative;
  width: 100%;
  display: block;
  padding: 0;
  margin-bottom: 20px;
}
.Form-label .Form-label-text, .Form-label--spanAll .Form-label-text {
  position: relative;
  float: left;
  width: calc(100% - 100px);
  margin-left: 5px;
}
.Form-label .Form-label-text.body-text, .Form-label--spanAll .Form-label-text.body-text {
  height: 150px;
}
.Form-label .Form-input, .Form-label .Form-inputHolder, .Form-label--spanAll .Form-input, .Form-label--spanAll .Form-inputHolder {
  width: 92.5%;
  margin-left: 7.5%;
  float: left;
  cursor: selector;
}
.Form-label .Form-input.auto-width, .Form-label .Form-inputHolder.auto-width, .Form-label--spanAll .Form-input.auto-width, .Form-label--spanAll .Form-inputHolder.auto-width {
  width: auto;
  margin-right: 15px;
}
.Form-label .Form-inputHolder .Form-input, .Form-label--spanAll .Form-inputHolder .Form-input {
  width: 100%;
  margin: 0;
}
.Form-label.no-border, .Form-label--spanAll.no-border {
  border: none;
}
.account-builder .Form-input, .program-builder .Form-input {
  border: none;
  width: 100%;
  margin-left: 0;
  font-size: 1.2em;
  margin-top: 0;
  padding: 10px 20px;
  cursor: text;
  min-height: 44px;
  max-height: 200px;
  font-weight: 400;
  overflow-y: scroll;
}
.account-builder .Form-input ul, .program-builder .Form-input ul {
  list-style: disc;
  padding: 10px;
}
.account-builder .Form-input ul li, .program-builder .Form-input ul li {
  margin-left: 10px;
}
.account-builder .Form-input.checkbox, .program-builder .Form-input.checkbox {
  width: 100%;
  left: -140px;
  top: 14px;
}
.account-builder .Form-label-icon, .program-builder .Form-label-icon {
  position: absolute;
  top: 34px;
  left: -6px;
  color: #006ecb;
  padding: 0 10px;
  font-size: 12px;
}
.program-select {
  margin-bottom: 20px;
}
.program-select span {
  position: relative;
  float: left;
  font-weight: bold;
  width: 100%;
  margin-bottom: 5px;
}
.program-select select {
  position: relative;
  float: left;
  border: none;
  font-size: 1.2em;
  min-width: 250px;
  margin-bottom: 20px;
}
.program-select .Form-label-icon {
  position: relative;
  float: left;
  margin-right: 20px;
  top: 0;
}
.click-close {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 0;
}
.click-close em {
  position: absolute;
  top: 10px;
  right: 30px;
  color: white;
  font-size: 24px;
  z-index: 99999;
  height: 24px;
  background: rgba(0, 0, 0, 0);
  width: 24px;
  font-weight: 600;
  text-transform: lowercase;
}
#logo-img-editor-wrapper {
  height: auto;
  width: 100%;
  margin-bottom: 50px;
}
#booking-main-logo {
  height: auto;
  width: 100%;
}
#image-wrapper-logo-1 {
  width: 100% !important;
}
#image-editor-logo {
  height: calc(100vh - 80px);
  top: 80px;
}
#image-wrapper-logo-Square-1 {
  width: 100%;
}
.blurb {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  background: #f3f3f3;
}
.blurb .section-edit-button {
  background: #FFFFFF;
  margin-top: 10px;
}
.blurb .section-edit-button:hover {
  background: #99d5ff;
}
.blurb picture, .blurb figure {
  position: relative;
  float: left;
  width: 100%;
}
.blurb picture img, .blurb picture source, .blurb figure img, .blurb figure source {
  position: relative;
  float: left;
  width: 100%;
}
.blurb-header {
  font-size: 1.4em;
}
.blurb-option {
  float: left;
  width: 100%;
  line-height: 60px;
  cursor: pointer;
  border-radius: 3px;
  margin-bottom: 5px;
}
.blurb-option .Form-label {
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-transform: capitalize;
}
.blurb-option.selected {
  background: #33abff;
}
.blurb-option:hover {
  background: #99d5ff;
}
.blurb-option i {
  position: relative;
  float: left;
  margin-right: 10px;
  background-image: url(/build/assets/blurbicons-CVg0a83V.png);
  background-repeat: no-repeat;
  height: 60px;
  width: 60px;
}
.blurb-option i.lower-page-blurb {
  background-position: 0 0;
}
.blurb-option i.landscape-image-blurb {
  background-position: -60px 0;
}
.blurb-option i.portrait-image-blurb {
  background-position: 0 -60px;
}
.blurb-option i.expanding-image-blurb {
  background-position: 0 -120px;
}
.blurb-option i.column-text-blurb {
  background-position: -60px -120px;
}
.blurb-option i.slide-show-blurb {
  background-position: -60px -60px;
}
.blurb-thumb-img {
  position: relative;
  float: left;
  margin-left: 20px;
  width: 33%;
  margin-right: calc(67% - 20px);
}
.blurb-thumb-img img {
  position: relative;
  float: left;
  width: 100%;
}
.blurb-landscape-img {
  position: relative;
  float: left;
  width: 80%;
}
.blurb-landscape-img img {
  position: relative;
  float: left;
  width: 100%;
}
blurb > .Page-body-text {
  position: relative;
  float: left;
}
@media screen and (min-width: 600px) {
  .account-builder-wrapper {
    width: 80vw;
    height: 100vh;
    margin-left: 10vw;
    border-radius: 5px;
  }
  .account-builder-wrapper.longer {
    height: 90vh;
    overflow-y: scroll;
  }
  .account-builder-wrapper.longer > #ab-1 {
    height: 90vh;
    top: 0;
  }
  .account-builder-wrapper.longer > .ab-footer {
    width: 180px;
    right: 0;
    left: auto;
    box-shadow: none;
    height: 60px;
  }
  .ab-left-panel, .ab-right-panel {
    width: 50%;
  }
  .ab-right-panel {
    display: block;
    background-repeat: no-repeat;
    background-size: 300px 300px;
  }
  .ab-right-panel figure {
    position: relative;
    float: left;
    width: 100%;
    height: 300px;
    font-style: italic;
    letter-spacing: 3px;
  }
  .ab-right-panel figure.ab-img-1 {
    background-image: url(modules/ui/colosseum.png);
  }
  .ab-right-panel figure.ab-img-2 {
    background-image: url(modules/ui/arch-of-constantine.png);
  }
  .ab-right-panel figure.ab-img-3 {
    background-image: url(modules/ui/temple-of-saturn.png);
  }
  .ab-right-panel figcaption {
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
    font-size: 1.8em;
    font-family: "Overlock";
    color: rgb(141, 34, 41);
    text-align: center;
    padding: 0 50px;
    margin-top: -50px;
  }
}
@media screen and (min-width: 1024px) {
  .account-builder-wrapper {
    width: 700px;
    height: 90vh;
    margin-left: calc(50% - 350px);
    border-radius: 5px;
    overflow-y: scroll;
    padding-bottom: 50px;
  }
  .account-builder-wrapper.wider {
    width: 80vw;
    margin-left: 10vw;
    padding: 20px;
  }
  .account-builder-wrapper > aside {
    height: calc(90vh - 60px);
  }
  .ab-left-panel, .ab-right-panel {
    height: calc(90vh - 80px);
    padding-bottom: 80px;
  }
  .ab-left-panel {
    margin-right: 80px;
  }
  .ab-right-panel {
    width: 33%;
    margin-bottom: 0;
    margin-right: 0;
  }
  .ab-3-lp {
    width: calc(100% - 40px);
    height: calc(90vh - 80px);
    padding-bottom: 80px;
    margin-right: 0;
    padding-right: 0;
    padding-left: 20px;
  }
}
.messenger-window {
  padding: 0;
}
.account-builder.active-window.messenger-window {
  background: rgba(255, 255, 255, 0.6);
}
#blurb-editor .account-builder-wrapper.messenger {
  height: 100vh;
}
#blurb-editor .account-builder-wrapper.messenger aside {
  height: calc(100vh - 62px);
  padding: 20px 0 0;
  width: 100%;
}
#blurb-editor .account-builder-wrapper.messenger h1 {
  background: rgb(45, 98, 185);
  color: white;
}
#blurb-editor .account-builder-wrapper.messenger h3 {
  color: #555;
  font-weight: 300;
  padding: 10px;
}
#blurb-editor .account-builder-wrapper.messenger h5 {
  padding: 10px 20px;
  color: #555;
}
#blurb-editor .account-builder-wrapper.messenger em, #blurb-editor .account-builder-wrapper.messenger i {
  top: 5px;
}
#blurb-editor .account-builder-wrapper.messenger .sisto-sub-list > .sisto-menu-list-item {
  color: #555;
  background: rgba(233, 233, 233, 0.8);
}
#blurb-editor .account-builder-wrapper.messenger .sisto-sub-list > .sisto-menu-list-item:nth-child(2n-1) {
  background: rgb(255, 255, 255);
}
#blurb-editor > .account-builder-wrapper.messenger > h1, #blurb-editor > .account-builder-wrapper.messenger-window > h1 {
  margin-top: 0;
  padding: 10px 20px;
  font-size: 18px;
}
#blurb-editor > .account-builder-wrapper.messenger > h1 > em, #blurb-editor > .account-builder-wrapper.messenger-window > h1 > em {
  right: 5px;
}
#msg-feed > aside > .original-wrapper {
  position: relative;
  float: left;
  width: 100%;
  background: rgb(255, 255, 255);
  color: #555;
  max-height: 160px;
  min-height: 60px;
  overflow-y: scroll;
}
#msg-feed > aside > .left-720up > .original-wrapper > .msg-body, #msg-feed > aside > .original-wrapper > .msg-body {
  position: relative;
  float: left;
  width: 100%;
  color: #555;
  font-weight: 400;
  padding: 10px 20px;
}
.enrolment-list > .enrolment-user > .enrolment-classes > .enrolment-item > h5 {
  color: #555 !important;
}
#blurb-editor > account-builder-wrapper.messenger {
  background: white;
}
#blurb-editor > account-builder-wrapper.messenger > section, .account-builder-wrapper.messenger > section {
  position: relative;
  float: left;
  width: 100%;
  overflow-y: scroll;
  padding: 40px;
  height: calc(100vh - 200px);
}
.account-builder-wrapper.messenger > section > h4 {
  position: relative;
  float: left;
  width: 100%;
}
.msg-feed-list > li > .feed-right-block > .feed-rb-top > h4 > em {
  position: absolute;
  top: 5px;
  right: 3px;
}
.msg-feed-list > li > .feed-right-block > .feed-rb-top > h4 > i {
  position: absolute;
  top: 5px;
  right: 3px;
}
.msg-wrapper {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 20px !important;
}
.msg-wrapper label {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 15px;
}
.msg-wrapper [contenteditable] {
  caret-color: white;
}
.msg-wrapper > label {
  color: #555;
}
#msg-title-editor, #msg-body-editor {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
  line-height: 1.4em;
  font-size: 1.2em;
  padding: 5px;
  border: 1px solid rgba(233, 233, 233, 0.3);
  background: rgba(233, 233, 233, 0.2);
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3);
  border-radius: 3px;
  caret-color: #555;
  color: #555;
}
.msg-file-wrapper > #files-input-button {
  background: rgb(45, 98, 185);
  color: #FFFFFF;
  cursor: pointer;
}
.msg-file-wrapper > #files-input-button:hover {
  background: rgb(70.8043478261, 123.5739130435, 210.1956521739);
}
#msg-title-editor {
  min-height: 36px;
}
#msg-body-editor {
  min-height: 100px;
}
.msg-file-wrapper {
  position: relative;
  float: left;
  margin-top: 15px;
  padding: 0;
  width: 100%;
}
.msg-file-wrapper span {
  left: 0;
  text-align: left;
  text-indent: 20px;
}
.msg-file-wrapper span em {
  position: absolute;
  right: 0px;
  top: 2px;
  width: 40px;
  height: 40px;
  font-size: 14px;
}
.msg-file-wrapper .academics-add-file-button {
  background: rgba(22, 22, 22, 0.2);
}
.msg-file-wrapper .academics-add-file-button:hover {
  background: rgba(22, 22, 22, 0.6);
}
#msg-file-loader {
  position: absolute;
  right: 3px;
  top: 2px;
  width: 30px;
  height: 25px;
  background-position: 0;
  background-color: #006ecb;
  background-image: url("/build/assets/white_spinner-CnNCrxc3.gif");
  background-size: 40px 40px;
  background-repeat: no-repeat;
  display: none;
}
#msg-file-loader.loading {
  display: block;
  z-index: 99;
}
#msg-file-list {
  position: relative;
  float: left;
  margin-top: 5px;
  list-style: none;
  width: 200px;
  display: table;
}
#msg-file-list li {
  padding: 5px 0 5px 10px;
  margin-bottom: 1px;
  position: relative;
  float: left;
  width: 100%;
  background-color: rgba(155, 155, 155, 0.6);
  color: white;
  border-radius: 3px;
}
#msg-file-list li span {
  position: relative;
  float: left;
  width: 170px;
  display: block;
}
#msg-file-list li em {
  position: relative;
  float: left;
  width: 20px;
  text-align: center;
}
color:rgba(255,255,255,0.6) #msg-file-list li em:hover {
  cursor: pointer;
  color: white;
}
.msg-feed-list, .enrolment-list {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  color: #555;
  overflow-y: scroll;
  padding-bottom: 200px;
  height: calc(94vh - 62px);
  background: white;
}
.msg-feed-list li, .enrolment-list li {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  background: rgba(211, 211, 211, 0.2);
  cursor: pointer;
}
.msg-feed-list li:nth-child(2n), .enrolment-list li:nth-child(2n) {
  background: rgba(211, 211, 211, 0.1);
}
.msg-feed-list li:last-child, .enrolment-list li:last-child {
  border-bottom: none;
}
.msg-feed-list h4, .enrolment-list h4 {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 1em;
}
.msg-feed-list h4 em, .enrolment-list h4 em {
  font-size: 0.9em;
  float: right;
  padding: 3px 0 0;
}
.msg-feed-list h4 i, .enrolment-list h4 i {
  position: absolute;
  right: 7px;
  top: 4px;
  font-size: 10px;
  font-weight: bold;
  color: #000;
}
.msg-feed-list h4 i.double, .enrolment-list h4 i.double {
  right: 4px;
}
.msg-feed-list h3, .enrolment-list h3 {
  color: white !important;
}
.msg-feed-list p, .msg-feed-list span, .enrolment-list p, .enrolment-list span {
  position: relative;
  float: left;
  font-size: 1em;
  text-indent: 0.9px;
}
.enrolment-list > .enrolment-user > h4 > em {
  margin-right: calc(4.5% - 2px);
}
#msg-feed > aside > .left-720up h2, #msg-feed > aside h2 {
  position: relative;
  float: left;
  padding: 5px 20px;
  margin: 0;
  width: 100%;
  font-size: 24px;
  color: #555;
}
#msg-feed > aside > .left-720up h3, #msg-feed > aside h3 {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px 10px;
  margin: 10px 0 0;
  font-size: 18px;
  color: #555;
}
#msg-feed > aside > .left-720up .footnote, #msg-feed > aside .footnote {
  position: relative;
  float: left;
  text-align: right;
  width: 100%;
  margin: 0;
  padding: 4px 20px;
  font-size: 12px;
  margin-bottom: 20px;
}
#msg-feed > aside > .left-720up .feed-files, #msg-feed > aside .feed-files {
  position: absolute;
  background: rgb(233, 233, 233);
  border-radius: 0 0 3px 3px;
  top: 36px;
  left: 0;
  width: 220px;
  padding: 3px 20px;
  text-align: right;
  word-wrap: break-word;
  display: none;
}
#msg-feed > aside > .left-720up .feed-files.open-list, #msg-feed > aside .feed-files.open-list {
  display: block;
  z-index: 99;
}
#msg-feed > aside > .left-720up .feed-files ul, #msg-feed > aside .feed-files ul {
  position: relative;
  float: right;
  width: calc(100% - 20px);
}
#msg-feed > aside > .left-720up .feed-files li, #msg-feed > aside .feed-files li {
  position: relative;
  float: right;
  width: 100%;
}
#msg-feed > aside > .left-720up .feed-files a, #msg-feed > aside .feed-files a {
  position: relative;
  float: right;
  width: 100%;
  color: #555;
  text-decoration: none;
}
#msg-feed > aside > .left-720up .feed-files a:hover, #msg-feed > aside .feed-files a:hover {
  color: rgb(45, 98, 185);
}
#msg-feed > aside > .left-720up .feed-files em, #msg-feed > aside .feed-files em {
  font-size: 10px;
  padding: 4px 10px;
  float: right;
}
#msg-feed > aside > .left-720up .new-feed, #msg-feed > aside .new-feed {
  position: relative;
  float: right;
  background: rgba(155, 155, 155, 0.2);
  color: white;
  border: none;
  border-radius: 3px;
  margin-top: 8px;
  padding: 8px 10px;
}
#msg-feed > aside > .left-720up .ab-prev-button, #msg-feed > aside > .left-720up .ab-next-button, #msg-feed > aside .ab-prev-button, #msg-feed > aside .ab-next-button {
  background: rgb(45, 98, 185);
}
#msg-feed > aside > .left-720up .ab-prev-button:hover, #msg-feed > aside > .left-720up .ab-next-button:hover, #msg-feed > aside .ab-prev-button:hover, #msg-feed > aside .ab-next-button:hover {
  background: rgb(111.8260869565, 152.8434782609, 220.1739130435);
}
#msg-feed > aside > .left-720up .ab-footer, #msg-feed > aside .ab-footer {
  transition: height ease-in 0.4s;
  background: #FFFFFF;
  box-shadow: 0 -3px 4px 0px rgba(133, 133, 133, 0.2);
  bottom: 40px;
}
#msg-feed > aside > .left-720up .ab-footer.message-open, #msg-feed > aside .ab-footer.message-open {
  height: 330px;
  padding: 8px 20px 0;
}
#msg-feed > aside > .left-720up .ab-footer.message-open #msg-editor-wrapper, #msg-feed > aside .ab-footer.message-open #msg-editor-wrapper {
  display: block;
  padding-bottom: 40px;
}
#msg-feed > aside > .left-720up .ab-footer.message-open .ab-prev-button, #msg-feed > aside .ab-footer.message-open .ab-prev-button {
  display: none;
}
#msg-editor-wrapper > button, .bottom-toolbar > button {
  border: none;
  background: white;
  width: 120px;
  float: right;
  margin: 10px;
}
#msg-editor-wrapper > button > em, .bottom-toolbar > button > em {
  color: #888888;
  top: 0px !important;
}
.feed-left-block, .feed-right-block {
  position: relative;
  float: left;
  width: 70px;
  margin: 5px 0;
}
.feed-left-block {
  border-right: 1px solid rgba(155, 155, 155, 0.5);
}
.feed-left-block em {
  position: relative;
  float: left;
  margin: 0 10px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  border: 3px solid rgba(155, 155, 155, 0.5);
  text-align: center;
  line-height: 46px;
  font-size: 26px;
}
.feed-left-block span {
  position: relative;
  margin: 8px 0 0;
  width: 70px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
}
#msg-feed > aside > .left-720up > .toolbar {
  position: relative;
  float: left;
  width: 100%;
  border-top: 1px solid rgba(133, 133, 133, 0.2);
  padding: 10px 0;
  background: rgb(255, 255, 255);
  height: 90px;
}
/*#msg-feed > aside > .toolbar > .actions > button{
			 position:relative;
 	 		float:left;
  			margin:20px 0;
  			padding:10px 10px;
  			width:100px;
  			box-shadow:0 0 1px 1px rgba(155,155,155,0.4);
  			border-radius:5px;
  			cursor:pointer;

}
#msg-feed > aside > .toolbar > .actions > button > span{
 	position:relative;
	float:left;
	border-left:solid 1px rgba(155,155,155,0.4);
	text-align:center;
	font-size:16px;
	width:calc(100% - 32px);
 }
#msg-feed > aside > .toolbar > .actions > button > em {
  	position:relative;
	float:left;
	width:32px;
	height:20px;
	font-size:12px;
	line-height:12px;
	padding: 8px 7px;
}*/
#msg-feed > aside > .left-720up > .toolbar > .actions > button, #msg-feed > aside > .ab-footer > button {
  border: none;
  background: white;
  width: 200px;
  margin: 10px calc(50% - 100px);
}
#msg-feed > aside > .left-720up > .toolbar > .actions > button.dash-button {
  width: 150px;
  margin: 10px calc(50% - 60px);
}
#msg-feed > aside > .left-720up > .toolbar > .actions > button.dash-button > span {
  padding-left: 10px;
}
#msg-feed > aside > .ab-footer > button {
  width: 120px;
  margin: 4px calc(50% - 60px);
}
#msg-feed > aside > .ab-footer > button.new-feed {
  width: 160px;
  margin: 10px calc(50% - 80px);
  background: rgb(45, 98, 185);
}
#msg-feed > aside > .ab-footer > button.ab-prev-button, #msg-feed > aside > .ab-footer > button.ab-next-button {
  background: rgb(45, 98, 185);
  margin: 10px;
  color: white;
}
#msg-feed > aside > .ab-footer {
  position: fixed;
  bottom: 0;
}
#msg-feed > aside#ab-1 {
  overflow-y: scroll;
  padding-bottom: 72px;
}
#msg-feed > aside > .left-720up > .toolbar > .actions > button > em, #msg-feed > aside > .ab-footer > button > em,
#msg-feed > aside > .right-720up > .toolbar > .actions > button > em {
  top: 0 !important;
  color: #888888;
}
#msg-feed > aside > .left-720up > .toolbar > .actions {
  position: relative;
  float: left;
  width: 50%;
}
.feed-right-block {
  width: calc(100% - 70px);
  padding-left: 10px;
}
.feed-rb-top, .feed-rb-bottom {
  position: relative;
  float: left;
  width: 100%;
}
.feed-rb-top {
  height: 50px;
  line-height: 16px !important;
  font-size: 12px !important;
  overflow-y: hidden;
  padding-right: 10px;
}
.feed-rb-bottom {
  height: 20px;
  margin: 8px 0 0;
  line-height: 16px;
  font-size: 12px;
}
.frbb-left, .frbb-right {
  position: relative;
  float: left;
  width: 100%;
  padding-right: 10px;
}
.frbb-right {
  text-align: left;
  margin-bottom: 8px;
}
#msg-editor-wrapper {
  display: none;
  position: relative;
  float: left;
  width: calc(100vw - 40px);
  /*button{
  		position:relative;
  		float:right;
  		width:auto;
  		margin: 10px;
  		border:none;
  		color:white;
  		background: rgba(55, 55, 55, 0.6);
  		border-radius:3px;
  		padding:7px 10px;
  		font-size:16px;
  		line-height:16px;
  		transition:background ease-in 0.3s;
  		&:hover{
  			background:rgba(0,0,0,0.8);

  		}
  }*/
}
#msg-editor-wrapper [contenteditable] {
  caret-color: white;
}
#msg-editor-wrapper > #msg {
  position: relative;
  float: left;
  width: 100%;
  min-height: 200px;
  border: 1px solid rgba(200, 200, 200, 0.4);
  border-radius: 5px;
  background: rgb(233, 233, 233);
  margin-top: 15px;
  padding: 10px;
  color: #555;
  caret-color: rgb(45, 98, 185);
}
.msg-list-wrapper {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100vh - 320px);
  overflow-Y: scroll;
  background: rgb(255, 255, 255);
  color: #555;
}
.msg-list {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 20px 150px;
}
.msg-list .msg-list-item {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.msg-list .msg-list-item span.js-global {
  margin-top: 5px;
  margin-left: 10px;
  position: relative;
  float: right;
  font-size: 12px;
  cursor: pointer;
}
.msg-list .msg-list-item span.js-global.inactive {
  display: none;
}
.msg-list .msg-list-item p {
  text-align: left;
  margin: 0;
}
.msg-post-wrapper {
  width: 80%;
  float: right;
  padding: 5px;
  background: rgb(45, 98, 185);
  color: white;
  border-radius: 5px;
  font-size: 1.2rem;
}
.msg-post-wrapper.comment, .msg-post-wrapper.reply {
  float: left;
  padding-right: 0;
  background: rgba(233, 233, 233, 0.3);
  color: black;
  overflow-wrap: anywhere;
}
.msg-post-wrapper.comment .msg-reply-list li, .msg-post-wrapper.reply .msg-reply-list li {
  background: rgba(0, 0, 0, 0.55);
}
.msg-post-wrapper.reply {
  margin-left: 30px;
}
.msg-post-wrapper.comment {
  padding-right: 10px;
}
.msg-post-wrapper .msg-reply-replyto i {
  position: relative;
  float: left;
  width: 100%;
}
.msg-post-wrapper .msg-reply-replyto ul li {
  background: none !important;
}
.msg-post-wrapper .msg-footnote {
  position: relative;
  float: left;
  text-align: right;
  width: 100%;
  margin: 0;
  padding: 0 0 5px;
  font-size: 1.1rem;
  margin-bottom: 0;
  color: #555;
}
.msg.msg--other > .msg-post-wrapper > .msg-reply-list > ul > li.msg-reply-wrapper {
  background: white;
  color: #555;
  font-size: 1em;
  width: calc(100% - 2px);
  margin-left: 1px;
  box-shadow: 0 0 0 1px rgba(133, 133, 133, 0.2);
  margin-bottom: 5px;
}
.msg.msg--other > .msg-post-wrapper > .msg-reply-list > ul > li.msg-reply-wrapper > .msg-footnote {
  color: #555;
}
.msg.msg--other > .msg-post-wrapper > .msg-reply-list > ul > li.msg-reply-wrapper > .msg-footnote > li {
  background: white;
  color: #555;
  font-size: 0.9em;
}
.msg.msg--other > .msg-post-wrapper > .msg-reply-list > ul > li.msg-reply-wrapper > span.js-global {
  background: rgb(45, 98, 185);
  color: white;
  padding: 3px 5px;
  border-radius: 3px;
  font-weight: 400;
}
.msg.msg--me > .msg-post-wrapper > li.msg-reply-wrapper {
  background: rgb(45, 98, 185);
  color: white;
  font-size: 1em;
  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.4);
  margin-bottom: 10px;
}
.msg.msg--me > .msg-post-wrapper > li.msg-reply-wrapper > .msg-footnote {
  color: white;
}
.msg.msg--me > .msg-post-wrapper > li.msg-reply-wrapper > .msg-footnote > li {
  background: rgb(45, 98, 185);
  color: white;
  font-size: 0.9em;
}
.msg.msg--other > .msg-post-wrapper > li.msg-reply-wrapper > span.js-global {
  background: white;
  color: rgb(45, 98, 185);
  padding: 3px 5px;
  border-radius: 3px;
  font-weight: 400;
}
.msg-post-wrapper > p {
  margin-bottom: 5px;
}
.msg-footnote > li > i {
  font-size: 1.1em;
}
.msg-post-wrapper > .msg-reply-list {
  position: relative;
  float: left;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height ease-in 0.3s;
}
.msg-post-wrapper > .msg-reply-list ul, .msg-post-wrapper > .msg-reply-list li, .msg-post-wrapper > .msg-reply-list em {
  position: relative;
  float: left;
  width: 100%;
}
.msg-post-wrapper > .msg-reply-list.expanded {
  max-height: 10000px;
}
.msg-reply-wrapper {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px;
  margin: 5px 0 0;
  border-radius: 5px;
}
.msg-reply-wrapper em {
  float: right;
  width: 100%;
  font-size: 1.1em;
  cursor: pointer;
}
.msg-reply-wrapper p > i {
  width: 100%;
  background: rgb(45, 98, 185);
  padding: 3px;
  position: relative;
  float: left;
  border-radius: 3px;
  color: white;
}
.msg.msg--me > .msg-post-wrapper > .replies-wrapper > .msg-reply-list > ul > li.msg-reply-wrapper {
  width: calc(100% - 2px);
  margin-left: 1px;
  margin-bottom: 5px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}
.msg.msg--me > .msg-post-wrapper > .replies-wrapper > .msg-reply-list > ul > li.msg-reply-wrapper > .msg-reply-replyto > .msg-footnote {
  color: white;
  font-size: 0.9em;
}
.msg.msg--me > .msg-post-wrapper > li.msg-reply-wrapper .msg--me > .msg-reply-wrapper {
  background: rgb(50.2934782609, 108.9391304348, 205.2065217391);
  color: white;
}
.msg--me > .msg-post-wrapper > .msg-footnote {
  color: white;
}
.msg-reply-list {
  position: relative;
  float: left;
  width: 100%;
}
.replies-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
.replies-wrapper > span {
  position: relative;
  float: left;
  width: 100%;
}
.msg-reply-list > ul {
  max-height: 0;
  transition: max-height ease-in 0.4s;
  overflow: hidden;
}
.msg-reply-list > em {
  position: absolute;
  top: -14px;
  left: 55px;
  cursor: pointer;
}
.msg-reply-list > em.ss-navigateup {
  display: none;
}
.msg-reply-list.expanded > ul {
  max-height: 99999vh;
}
.msg-reply-list.expanded > em.ss-navigateup {
  display: block;
}
.msg-reply-list.expanded > em.ss-navigatedown {
  display: none;
}
.msg-footnote > js-global {
  cursor: pointer;
}
.msg-list > .msg-list-item > .msg-post-wrapper > .msg-footnote {
  color: white;
}
.msg-list > .msg-list-item > .msg-post-wrapper.comment > .msg-footnote, .msg-list > .msg-list-item > .msg-post-wrapper.reply > .msg-footnote {
  color: #555;
}
.msg-post-wrapper > comment > span.js-global {
  color: #555;
}
.more-items.inactive {
  display: none;
}
.more-items h3 {
  padding: 10px;
  font-size: 16px;
  text-align: right;
}
.ab-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.ab-loader.loading {
  display: block;
  background-repeat: no-repeat;
  background: rgba(155, 155, 155, 0.6);
  background-position: 40% 40%;
  background-size: 90%;
  background-image: url("/build/assets/white_spinner-CnNCrxc3.gif");
}
.to-wrapper {
  position: relative;
  float: left;
  font-size: 12px;
  line-height: 14px;
  min-width: 100%;
  max-width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3);
  max-height: 58px;
}
.to-wrapper > div {
  position: relative;
  float: left;
  padding: 5px 10px;
  cursor: text;
  width: 100%;
}
#address-wrapper {
  position: relative;
  float: left;
  overflow-y: scroll;
  max-height: 58px;
  padding-right: 5px;
}
#address-wrapper > li {
  position: relative;
  float: left;
  padding: 4px 9px;
  border: solid 1px rgb(152.847826087, 182.1130434783, 230.152173913);
  border-radius: 5px;
  margin: 5px 0 5px 5px;
}
#address-wrapper > li > span {
  position: relative;
  float: left;
  width: 100%;
}
#address-wrapper > li > em {
  position: absolute;
  top: -5px !important;
  right: -5px;
  border-radius: 10px;
  height: 14px;
  width: 14px;
  color: #FFFFFF;
  background: rgb(111.8260869565, 152.8434782609, 220.1739130435);
  font-size: 8px;
  padding: 3px 3px;
  text-align: center;
}
#address-list-wrapper {
  position: absolute;
  top: 72px;
  left: 40px;
  width: 220px;
  max-height: calc(100vh - 430px);
  overflow-y: scroll;
  background: rgb(255, 255, 255);
  border-radius: 0 0 5px 5px;
  box-shadow: 0 1px -3px 1px rgba(155, 155, 155, 0.4);
  display: none;
}
#address-list-wrapper.active {
  display: block;
  padding: 15px;
  z-index: 9;
}
#blurb-editor > .account-builder-wrapper.messenger > header > div > h1 {
  background: transparent;
  color: #555;
}
#address-list-wrapper > ul, #address-list-wrapper > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
#address-list-wrapper > ul > li {
  padding: 5px 10px;
  font-size: 14px;
  cursor: pointer;
}
#address-list-wrapper > ul > li:hover {
  background: white;
  color: rgb(25.0434782609, 54.5391304348, 102.9565217391);
}
#address-list-wrapper > em {
  position: absolute;
  top: 5px !important;
  right: 5px;
  border-radius: 10px;
  height: 18px;
  width: 18px;
  color: #555;
  background: #FFFFFF;
  font-size: 9px;
  padding: 3px 4px;
}
#subject {
  position: relative;
  float: left;
  min-width: 100%;
  min-height: 34px;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3);
}
#subject:focus {
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.6);
}
#message {
  position: relative;
  float: left;
  min-width: 100%;
  min-height: 140px;
  padding: 10px;
  font-size: 1.3em;
  line-height: 1.5em;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3);
  letter-spacing: 0.01rem;
}
#message:focus {
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.6);
}
.msgs-toolbox {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.msgs-toolbox > .dash-button {
  width: 33.33%;
  height: auto;
  margin: 0;
  border-radius: 0;
  border-bottom: solid 1px rgb(102, 102, 102);
  border-left: 1px solid rgb(102, 102, 102);
}
.msgs-toolbox > .dash-button:first-child {
  border-radius: 5px 0 0 0;
  border-left: none;
}
.msgs-toolbox > .dash-button:last-child {
  border-radius: 0 5px 0 0;
}
.msgs-toolbox > .dash-button.active-msgs {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.msgs-toolbox > .dash-button.active-msgs + .dash-button {
  border-left: 1px solid rgb(102, 102, 102);
  border-radius: 0 0 0 5px;
}
.msgs-toolbox > .dash-button:has(+ .active-msgs) {
  border-right: 1px solid rgb(102, 102, 102);
  border-radius: 0 0 5px 0;
}
.msgs-toolbox > .dash-button > em, .msgs-toolbox > .dash-button > span {
  width: 100%;
}
.msgs-toolbox > .dash-button > span {
  font-size: 12px;
}
.msgs-toolbox > .dash-button.active-msgs {
  color: rgb(45, 98, 185);
}
.msgs-toolbox > .dash-button > .btn-txt {
  position: relative;
  float: left;
  height: 30px;
  width: 100%;
  text-align: center;
  padding: 5px 0 0;
}
.msgs-toolbox > .dash-button > .btn-txt > em {
  font-size: 1rem;
  padding: 0.4rem 0 0;
  margin-right: 0.5rem;
}
.msgs-toolbox > .dash-button > .btn-txt > span {
  font-size: 1.4rem;
}
.bottom-toolbar {
  position: relative;
  float: left;
  width: 100%;
  padding: 0px 30px;
}
/* Container card */
.discussion-card {
  list-style: none;
  margin: 1.5rem 0;
  padding: 0;
  border-radius: 12px;
  border: 1px solid #e5e7eb; /* light gray */
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.05);
  display: flex;
  flex-direction: column;
  max-height: 80vh;
}
/* Header / toolbar */
.discussion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e5e7eb;
  border-top: 1px solid #e5e7eb;
  gap: 0.2rem;
}
.discussion-title {
  min-width: 0;
  width: 100%;
}
.discussion-heading {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
  color: #555;
  letter-spacing: 0.02em;
  text-align: center;
}
.discussion-meta {
  margin: 0.1rem 0 0;
  font-size: 0.8rem;
  color: #6b7280;
}
.discussion-header {
  display: flex;
  flex-direction: column; /* stack title + toolbar */
  align-items: center; /* center horizontally */
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
}
.discussion-toolbar {
  display: flex;
  justify-content: center; /* center the buttons */
  align-items: center; /* vertically align */
  gap: 0.5rem; /* spacing between buttons */
  margin-top: 0.5rem; /* spacing from title */
}
.discussion-action {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0rem 0.75rem;
  border-radius: 0;
  border: none;
  background: transparent;
  color: #555;
  font-size: 0.8rem;
  line-height: 1;
  cursor: pointer;
}
.discussion-toolbar > button, .discussion-toolbar > .discussion-files {
  border-right: 1px solid rgba(122, 122, 122, 0.4);
}
.discussion-toolbar > :last-child {
  border-right: none;
}
.discussion-action em {
  padding: 5px 0 0;
  font-size: 0.9rem;
}
.discussion-action span {
  white-space: nowrap;
}
/* Make the wrapper hug the button without changing its size */
.discussion-toolbar .discussion-files {
  display: inline-flex;
  align-items: center;
  position: relative; /* still needed for the dropdown */
}
/* Ensure the Files button looks identical to Comment */
.discussion-toolbar .discussion-files .discussion-action {
  font-size: inherit;
  padding: 0.35rem 0.75rem; /* same as .discussion-action */
  height: 100%;
}
/* Optional: small left gap so the two buttons don't touch */
.discussion-toolbar .discussion-files {
  margin-left: 0.25rem;
}
/* Body / messages */
.discussion-body {
  padding: 0.75rem 1rem;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
.msg-list-wrapper {
  position: relative;
  flex: 1;
  overflow-y: auto;
  padding-right: 0.25rem; /* small space for scrollbar */
  padding-bottom: 40px;
}
.discussion-footer {
  height: 0;
  display: none;
  padding: 10px 1rem;
  background: white;
}
.discussion-footer.message-open {
  position: fixed;
  bottom: 30px;
  height: 200px;
  display: block;
  z-index: 99;
  border-top: 1px solid rgba(122, 122, 122, 0.4);
  box-shadow: 0 0 0 10px rgb(255, 255, 255);
}
.discussion-footer.message-open > .editor-wrapper {
  height: 150px;
}
/* Scroll styling (optional, browser-dependent) */
.msg-list-wrapper::-webkit-scrollbar {
  width: 6px;
}
.msg-list-wrapper::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 999px;
}
/* Messages list */
.msg-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
/* Generic message row */
.msg {
  display: flex;
  gap: 0.5rem;
}
/* Avatar circle for "other" people */
.msg-avatar {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #e5e7eb;
  color: #4b5563;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 600;
  flex-shrink: 0;
}
/* Message bubble */
.msg-bubble {
  background: #f3f4f6;
  border-radius: 16px;
  padding: 0.35rem 0.6rem;
  font-size: 0.85rem;
  color: #111827;
  position: relative;
}
.msg-header {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.15rem;
  font-size: 0.75rem;
  color: #6b7280;
}
.msg-author {
  font-weight: 600;
}
.msg-time {
  white-space: nowrap;
}
.msg-text {
  white-space: pre-wrap;
  word-break: break-word;
}
/* Alignments */
.msg--other {
  align-self: flex-start;
}
.msg--me {
  align-self: flex-end;
  flex-direction: row-reverse;
}
.msg--me .msg-avatar {
  display: none; /* if you don't want avatar for "you" */
}
.msg--me .msg-bubble {
  background: #2563eb;
  color: #ffffff;
}
.msg--me .msg-header {
  color: rgba(255, 255, 255, 0.9);
}
/* Files dropdown */
.discussion-files {
  position: relative;
  float: right;
}
.feed-files {
  position: absolute;
  right: 0;
  top: calc(100% + 0.4rem);
  min-width: 220px;
  max-height: 260px;
  overflow-y: auto;
  margin: 0;
  padding: 0.3rem 0;
  list-style: none;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.15);
  z-index: 30;
  display: none; /* toggled via .open-list */
}
/* Your JS toggles `open-list` on #feed-files */
.feed-files.open-list {
  display: block;
}
.feed-file-item {
  padding: 0;
}
.feed-file-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.4rem 0.8rem;
  font-size: 0.8rem;
  color: #111827;
  text-decoration: none;
}
.feed-file-item a:hover {
  background: #f3f4f6;
}
.feed-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Footer / editor */
.editor-wrapper {
  /* TinyMCE will inject its own iframe/toolbar;
     these styles just provide context/spacing. */
}
.editor-wrapper .tox-tinymce {
  border-radius: 8px;
}
/* Wrapper around editor + buttons */
.editor-wrapper {
  background: #f9fafb;
}
/* Editable area (TinyMCE inline region) */
.editor-area {
  position: relative;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  padding: 0.5rem 0.75rem;
  min-height: 80px;
  overflow-y: scroll;
  max-height: 130px;
}
.editor-area:focus-within {
  border-color: #2563eb;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}
/* Tiny inline container: remove extra chrome */
.tox-tinymce-inline {
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}
/* Make the inline toolbar sit nicely at the bottom of the box */
.tox-tinymce-inline .tox-editor-header {
  max-width: 100% !important;
}
/* Make the contenteditable full width and use normal text styling */
#msg.editable {
  min-height: 60px;
  outline: none;
  font-size: 1.1rem;
  line-height: 1.5rem;
  color: #555;
}
/* Buttons row */
.editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 1rem;
  margin-right: 1rem;
}
/* Reuse dash-button, but tweak variants for clarity */
.editor-btn {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.2rem;
  padding: 0.6rem 1rem;
  border-radius: 5px;
  border: 1px solid rgb(45, 98, 185);
}
.editor-btn-primary {
  background: #2563eb;
  border-color: rgb(45, 98, 185);
  color: #ffffff;
}
.editor-btn-secondary {
  background: #ffffff;
  border-color: rgb(45, 98, 185);
  color: #374151;
}
/* Icon styling */
.editor-btn em {
  font-size: 0.9rem;
}
.reply-button, .msg-reply-replyto > div > span.js-global {
  cursor: pointer;
  float: right;
  padding: 2px 5px;
  background: white;
  color: rgb(15.0652173913, 32.8086956522, 61.9347826087);
  border-radius: 3px;
  font-weight: 400;
}
.msg-reply-replyto > div > span.js-global {
  background: rgb(45, 98, 185);
  float: left;
}
.reply-button.secondary {
  background: rgb(45, 98, 185);
  color: white;
}
.msg {
  width: 100%;
}
/* Mobile tweaks */
.discussion-card {
  max-height: none;
}
.discussion-header {
  flex-direction: column;
  align-items: flex-start;
}
.discussion-toolbar {
  width: 100%;
}
/* ===== Overlay / dialog shell ===== */
.messenger-overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.45); /* slate-ish glass */
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 60;
}
/* When active-window is present, show overlay */
.messenger-overlay.active-window {
  display: flex;
}
.messenger-dialog {
  width: min(720px, 100% - 2rem);
  max-height: 90vh;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.12), 0 8px 10px -6px rgba(15, 23, 42, 0.08);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-size: 0.9rem;
}
/* ===== Header ===== */
.messenger-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid rgb(102, 102, 102);
  background: white;
}
.messenger-title h1 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
}
.messenger-header > div > p,
.messenger-title > p {
  margin: 0.15rem 20px 0;
  font-size: 1.5rem;
  color: #000;
  font-weight: 400;
}
.msg-body {
  padding-left: 70px;
  font-size: 0.9em;
  line-height: 1em;
}
.messenger-close {
  border: none;
  background: transparent;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  color: #6b7280;
  padding: 0 3px;
  border-radius: 999px;
  height: 20px;
  width: 20px;
}
.messenger-close:hover {
  background: #e5e7eb;
  color: #111827;
}
/* ===== Body ===== */
.messenger-body {
  padding: 0.75rem 1rem 0.5rem;
  overflow-y: auto;
}
/* Each field block */
.messenger-field {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.messenger-label {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #000;
  margin: 10px 0 5px 0;
}
/* ===== To: chips + search ===== */
.to-input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  padding: 0.35rem 0.5rem;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  min-height: 2.1rem;
}
/* Selected recipients */
.address-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.address-chips li {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  background: white;
  font-size: 0.9rem;
  color: #374151;
}
.address-chips li em.ss-delete {
  font-size: 0.8rem;
  cursor: pointer;
}
/* Search "input" */
.to-search {
  flex: 1 1 auto;
  min-width: 80px;
  outline: none;
  border: none;
  font-size: 0.85rem;
  padding: 0.1rem 0;
  color: #111827;
}
/* Suggestions dropdown */
.address-suggestions {
  position: relative;
  margin: 0.25rem 0 0;
  padding: 0;
  list-style: none;
  max-height: 180px;
  overflow-y: auto;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}
.address-suggestions:empty {
  display: none;
}
.address-suggestions > li {
  padding: 0.35rem 0.75rem;
  font-size: 0.85rem;
  cursor: pointer;
}
.address-suggestions > li:hover {
  background: #eff6ff;
}
/* ===== Subject / Message inputs (TinyMCE inline targets) ===== */
.subject-input,
.message-input {
  border-radius: 8px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  padding: 0.35rem 0.5rem;
  outline: none;
}
.subject-input {
  min-height: 2rem;
  font-size: 0.9rem;
  font-weight: 500;
}
.message-input {
  min-height: 150px;
  font-size: 0.9rem;
  line-height: 1.4;
}
/* When TinyMCE injects its inline chrome, keep it flat */
.tox-tinymce-inline {
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}
.tox-tinymce-inline .tox-editor-header {
  max-width: 100% !important;
}
/* ===== Footer / buttons ===== */
.messenger-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.6rem 1rem 0.7rem;
  border-top: 1px solid rgb(102, 102, 102);
  background: white;
}
.messenger-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.85rem;
  padding: 10px 10px;
  color: rgb(102, 102, 102);
  box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.4);
  border-radius: 5px;
  cursor: pointer;
}
.messenger-btn > span {
  width: calc(100% - 40px);
  color: #222222;
  border-left: 1px solid rgb(102, 102, 102);
}
.messenger-btn > em {
  width: 40px;
  font-size: 10px;
  line-height: 16px;
}
.messenger-btn:hover > span {
  color: rgb(45, 98, 185);
}
.messenger-btn-primary {
  background: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
}
.messenger-btn-primary .loader {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-top-color: #ffffff;
  margin-left: 0.2rem;
  animation: spin 0.7s linear infinite;
}
.messenger-btn-secondary {
  background: #ffffff;
  border-color: rgb(102, 102, 102);
  color: #374151;
}
/* ===== Utilities ===== */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 640px) {
  .messenger-dialog {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    border-radius: 0;
  }
}
/* --- Notification Container --- */
#notification {
  position: fixed;
  top: 68px;
  right: 20px;
  z-index: 9999;
  /* Hidden by default */
  opacity: 0;
  pointer-events: none;
  transform: translateY(-15px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
/* --- When notify class applied --- */
#notification.notify {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
/* --- Notification Box Styling --- */
#notification section {
  background: #2c7a32; /* soft green for success */
  color: white;
  padding: 14px 22px;
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
  font-weight: 500;
  min-width: 180px;
  text-align: center;
}
/* Optional: style the heading text */
#notification h5 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  .msg-feed-list h4, .enrolment-list h4 {
    font-size: 1.4em;
  }
  .msg-feed-list p, .enrolment-list p {
    font-size: 1em;
  }
  #msg-feed .original-wrapper {
    max-height: 110px;
  }
  .account-builder-wrapper.messenger {
    margin-left: 0;
    width: 100vw;
  }
  .account-builder-wrapper.enrolment {
    width: 90vw;
    margin-left: 5vw;
  }
  .msg-list-wrapper {
    height: calc(100vh - 260px);
  }
  #msg-feed .feed-files {
    left: 2.5vw;
    width: 45vw;
  }
}
@media screen and (min-width: 1024px) {
  .account-builder-wrapper.messenger {
    height: 100vh;
    width: 60vw;
    margin-left: 20vw;
  }
  .account-builder-wrapper.enrolment {
    width: 60vw;
    margin-left: 20vw;
  }
  #msg-editor-wrapper {
    width: calc(60vw - 40px);
  }
  #msg-feed .feed-files {
    left: 2.5vw;
    width: 25vw;
  }
}
.users-toolbox {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 5px;
  margin: 0;
}
.users-toolbox li {
  position: relative;
  float: left;
  margin-right: 10px;
  height: 22px;
  width: 22px;
  line-height: 22px;
  font-size: 14px;
  padding: 2px 4px;
  box-shadow: 0 0 2px 1px rgba(133, 133, 133, 0.3);
  color: #aaa;
  cursor: pointer;
  transition: color ease-out 0.2s;
}
.users-toolbox li:hover {
  color: rgb(50, 161.0837438424, 255);
  box-shadow: 0 0 2px 1px rgba(59, 139, 203, 0.3);
}
.user-profile {
  position: relative;
  float: left;
  width: 100%;
  margin: 10px 0;
}
.user-profile .icon {
  width: 4%;
  color: #9c9c9c;
}
.user-profile .icon em {
  position: relative;
  float: left;
  transition: color ease-out 0.2s;
  cursor: pointer;
}
.user-profile .icon em:hover {
  color: rgb(50, 161.0837438424, 255);
}
.user-profile .name, .user-profile .email {
  width: 28%;
}
.user-profile .code {
  width: 40%;
  text-align: right;
}
.user-profile .ss-check {
  color: green;
  display: none;
}
.user-profile .ss-delete {
  color: red;
}
.editable > .user-profile > tbody > tr > td .ss-check {
  display: block;
}
.editable > .user-profile > tbody > tr > td .ss-delete {
  display: none;
}
.user-toolbox {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.user-toolbox .right-justify {
  width: 64%;
}
.user-toolbox .icon {
  width: 4%;
  color: #9c9c9c;
}
.user-toolbox .icon em {
  position: relative;
  float: right;
  transition: color ease-out 0.2s;
  cursor: pointer;
}
.user-toolbox .icon em:hover {
  color: rgb(50, 161.0837438424, 255);
}
.user-toolbox .icon.left em {
  float: left;
}
.user-toolbox .icon.green {
  color: green;
}
.user-toolbox .icon.red {
  color: red;
}
.user-toolbox .icon.green em, .user-toolbox .icon.red em {
  float: left;
  cursor: default;
}
.user-toolbox .icon.green em:hover, .user-toolbox .icon.red em:hover {
  color: inherit;
}
.admin-users-cont {
  position: relative;
  float: left;
  width: 100%;
  overflow-y: scroll;
  height: calc(82vh - 30px);
  padding-bottom: 120px;
}
#admin-user-list {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 120px;
}
#admin-user-list li {
  padding: 10px;
}
#admin-user-list li:nth-child(2n-1) {
  background: #f7f7f7;
}
#admin-user-list h4 {
  font-size: 18px;
}
#admin-user-list h5 {
  font-size: 14px;
}
#admin-user-list thead th {
  font-size: 14px;
  text-align: center;
}
#admin-user-list .name {
  font-weight: 400;
  font-size: 18px;
}
#admin-user-list .email {
  text-align: left;
  font-size: 16px;
}
#admin-user-list button {
  position: relative;
  float: right;
  width: auto;
  margin-left: 0;
  font-size: 14px;
  padding: 3px 5px 3px;
  color: #006ecb;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  margin-left: 5px;
  background: none;
  line-height: 19px;
}
#admin-user-list button:hover {
  color: #66c0ff;
}
#admin-user-list button > .loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  border-radius: 40px;
}
#admin-user-list button > .loader.loading {
  display: block;
  background-repeat: no-repeat;
  background: rgba(102, 192, 255, 0.6);
  background-position: 40% 40%;
  background-size: 90%;
  background-image: url("/build/assets/white_spinner-CnNCrxc3.gif");
  z-index: 99;
}
.users-list-item > .row1, .users-list-item > .row2, .users-list-item > .row3 {
  position: relative;
  float: left;
  width: 100%;
  cursor: default;
}
.users-list-item > .row1 .r2s1, .users-list-item > .row2 .r2s1, .users-list-item > .row3 .r2s1 {
  position: relative;
  float: left;
  width: 50%;
}
.users-list-item > .row1 .r2s2, .users-list-item > .row2 .r2s2, .users-list-item > .row3 .r2s2 {
  position: relative;
  float: left;
  width: 50%;
}
.users-list-item > .row1 .ss-check, .users-list-item > .row1 .ss-delete, .users-list-item > .row2 .ss-check, .users-list-item > .row2 .ss-delete, .users-list-item > .row3 .ss-check, .users-list-item > .row3 .ss-delete {
  float: left;
  margin-left: calc(50% - 7px);
  cursor: pointer;
}
.add-user-btn {
  position: relative;
  float: left;
  width: auto;
  margin-left: 0;
  font-size: 20px;
  padding: 4px 15px 3px;
  background: #66c0ff;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  box-shadow: 0 0 2px 1px #ddd;
}
.add-user-btn em {
  position: relative;
  float: left;
  margin-right: 6px;
  font-size: 12px;
  padding: 7px 0;
}
.add-user-btn em.ss-upload {
  margin-right: 0;
}
.add-user-btn:hover {
  background: #006ecb;
}
.aelp {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding-right: 20px;
  overflow-y: scroll;
}
.aelp .left-column, .aelp .right-column {
  position: relative;
  float: left;
  width: 50%;
}
.aelp .left-column {
  padding-right: 20px;
}
.aelp .c1, .aelp .c2 {
  position: relative;
  float: left;
  width: 100%;
}
.aelp .c1 li:nth-child(2n), .aelp .c2 li:nth-child(2n) {
  background: #f7f7f7;
}
.aelp ul {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}
.aelp li {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px;
  background: white;
  cursor: pointer;
}
.aelp li span {
  position: relative;
  float: left;
  width: 90%;
}
.aelp li input.u-hidden {
  display: none;
}
.aelp li em {
  position: relative;
  float: left;
  width: 10%;
  cursor: pointer !important;
}
.aelp li .ss-delete {
  cursor: pointer !important;
}
.aelp li .ss-check {
  cursor: pointer !important;
  display: none;
}
.aelp li.checked .ss-delete {
  display: none;
}
.aelp li.checked .ss-check {
  display: block;
}
.aelp li select {
  position: relative;
  float: right;
}
.aeup-selector {
  position: relative;
  float: left;
  margin-top: 10px;
  font-size: 18px;
  padding: 6px 10px;
  background: #f1f1f1;
  box-shadow: 0 0 3px 1px #eee;
  border: none;
}
.user-add-list {
  position: absolute;
  right: 5px;
  top: 22px;
  width: 50%;
  background: #FFFFFF;
  list-style: none;
  margin: 0;
  z-index: 999;
  padding: 10px;
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.4);
}
.user-add-list li {
  position: relative;
  float: left;
  width: 100%;
  line-height: 18px;
  font-size: 14px;
  cursor: pointer;
}
.user-add-list li:nth-child(2n-1) {
  background: #fff !important;
}
.user-add-list li:hover {
  color: #66c0ff;
}
.user-add-list#editor-listm, .user-add-list#editor-list-A, .user-add-list#editor-list-B {
  width: 280px;
  right: 0;
  top: -3px;
  z-index: 9999;
}
.user-add-list#editor-listm li, .user-add-list#editor-list-A li, .user-add-list#editor-list-B li {
  padding: 5px 10px;
  line-height: 24px;
  font-size: 18px;
  color: #555;
  font-weight: 400;
}
.user-add-list#editor-listm li:hover, .user-add-list#editor-list-A li:hover, .user-add-list#editor-list-B li:hover {
  color: #66c0ff;
}
.user-add-list#editor-listm li em, .user-add-list#editor-list-A li em, .user-add-list#editor-list-B li em {
  float: left;
  margin-right: 10px;
  font-size: 12px;
  padding: 0px 4px 2px;
  height: 24px;
}
.user-add-list#editor-listm li em.si-grades, .user-add-list#editor-list-A li em.si-grades, .user-add-list#editor-list-B li em.si-grades {
  background-image: url("/build/assets/accent-icons_grey-j-r7P6Md.png");
  background-size: 280px !important;
  background-position: -253px -41px;
}
.user-add-list#editor-listm li em.si-grades:hover, .user-add-list#editor-list-A li em.si-grades:hover, .user-add-list#editor-list-B li em.si-grades:hover {
  background-image: url("/build/assets/accent-icons_cyan-DjDDI2Um.png");
}
.group-list-active, .group-list, .group-sub-list-active, .group-class-list {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  transition: height ease-in 0.3s;
}
.group-list-active li, .group-list li, .group-sub-list-active li, .group-class-list li {
  position: relative;
  float: left;
  width: 100%;
}
.group-list-active ul, .group-list ul, .group-sub-list-active ul, .group-class-list ul {
  position: relative;
  float: left;
  width: calc(100% - 20px);
  margin-left: 20px;
}
.group-list-active span, .group-list span {
  position: relative;
  float: left;
  width: 300px;
  font-size: 16px;
  font-weight: 600;
}
.group-list-active em, .group-list-active i, .group-list em, .group-list i {
  position: relative;
  float: right;
  font-size: 12px;
  margin-left: 10px;
  width: 14px;
  text-align: right;
}
.group-list-active label, .group-list label {
  position: relative;
  float: left;
  font-size: 16px;
}
.group-list-active i, .group-list i {
  float: left;
  padding-top: 4px;
}
.group-list-active, .group-sub-list-active, .group-classes-list-active {
  background: white;
}
.group-list-active li, .group-sub-list-active li, .group-classes-list-active li {
  display: none;
}
.group-list-active li.checked, .group-sub-list-active li.checked, .group-classes-list-active li.checked {
  display: block;
}
.group-list, .group-sub-list, .group-classes-list {
  display: none;
}
.group-list.active-list, .group-sub-list.active-list, .group-classes-list.active-list {
  display: block;
}
.group-list li, .group-sub-list li, .group-classes-list li {
  display: block;
}
.group-list li.checked, .group-sub-list li.checked, .group-classes-list li.checked {
  display: none;
}
.group-sub-list, .group-classes-list {
  display: block;
}
.group-list li {
  background: rgb(233.75, 233.75, 233.75);
}
.group-list li:nth-child(2n) {
  background: rgb(246.5, 246.5, 246.5);
}
.group-sub-list-active span, .group-sub-list span, .group-classes-list span, .group-classes-list-active span {
  position: relative;
  float: left;
  width: 270px;
  font-size: 14px;
  font-weight: 300;
}
.group-sub-list-active em, .group-sub-list-active i, .group-sub-list em, .group-sub-list i, .group-classes-list em, .group-classes-list i, .group-classes-list-active em, .group-classes-list-active i {
  position: relative;
  float: right;
  font-size: 12px;
  margin-left: 10px;
  width: 14px;
  text-align: right;
}
.group-classes-list span, .group-classes-list-active span {
  width: 240px;
}
#player {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.9);
}
#player.active-window {
  display: block;
  z-index: 9999;
}
#player-wrapper {
  position: relative;
  float: left;
  width: 100vw;
  height: 100vh;
  padding: 5%;
}
#player-wrapper .click-close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
#player-wrapper .embedded-player {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background: black;
}
#notification-list > span {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 14px;
  background: white;
  padding: 0px 5px;
  z-index: 999;
  cursor: pointer;
}
.notice-table {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 0 !important;
}
.notice-table li {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 1px;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 3px;
  color: white;
}
.notice-table h3 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: 14px;
}
.notice-table h3 a {
  color: rgb(193.8695652174, 211.3826086957, 240.1304347826);
  cursor: pointer;
  padding-left: 10px;
  position: relative;
  float: right;
  margin-top: 1px;
}
.notice-table i {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  font-size: 10px;
  line-height: 16px;
  padding: 0 3px;
  cursor: pointer;
}
#notification > h3 {
  padding: 5px 20px;
}
#editor-22 {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: none;
  background: rgb(245, 245, 245);
}
#editor-22.active-window {
  display: block;
  z-index: 9999;
}
#editor-22 .top-nav {
  position: relative;
  width: 100vw;
  height: 60px;
  z-index: 999;
  background: #f7f7f7;
}
#editor-22 .top-nav .alert {
  position: relative;
  float: left;
  width: calc(100% - 150px - 2.5%);
  line-height: 18px;
  font-size: 16px;
  margin-top: 10px;
  margin-left: 2.5%;
}
#editor-22 .top-nav ul, #editor-22 .top-nav li {
  position: relative;
  float: right;
  list-style: none;
  height: 30px;
  margin-top: 8px;
}
#editor-22 .top-nav ul {
  margin-right: 2.5vw;
}
#editor-22 .top-nav li {
  width: 28px;
  height: 28px;
  margin-left: 5px;
  background: white;
  border: 1px solid rgba(155, 155, 155, 0.2);
  border-radius: 3px;
  color: #aaaaaa;
  cursor: default;
  padding: 4px 6px;
  cursor: pointer;
}
#editor-22 .top-nav li.flipped {
  transform: rotateY(180deg);
  padding: 4px 5px;
}
#editor-22 .top-nav li.active-button {
  background: rgb(70.8043478261, 123.5739130435, 210.1956521739);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
  cursor: pointer;
}
#editor-22 .top-nav li.active-button em.si-e-save {
  background-image: url("/build/assets/accent-icons_white-BPzzEnF_.png");
  opacity: 1;
}
#editor-22 .top-nav li em {
  font-size: 1.1em;
}
#editor-22 .top-nav li em.si-e-save {
  position: relative;
  float: left;
  background-repeat: no-repeat;
  background-image: url("/build/assets/accent-icons_grey-j-r7P6Md.png");
  background-position: -275px -16px;
  background-size: 1500%;
  opacity: 0.5;
  width: 20px;
  height: 20px;
}
#editor-22 .side-menu, #editor-22 .editor-wrapper {
  position: relative;
  float: left;
  height: calc(100vh - 60px);
  width: 50%;
  background: white;
  padding: 0 20px;
  overflow: hidden;
  overflow-y: scroll;
}
#editor-22 .editor-wrapper {
  padding-top: 30px;
}
#editor-22 .side-menu .side-top-menu {
  position: relative;
  float: left;
  width: 100%;
  height: 30px;
}
#editor-22 .side-menu .side-top-menu ul {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  padding: 5px 0;
}
#editor-22 .side-menu .side-top-menu ul li {
  position: relative;
  float: left;
  margin-right: 20px;
  width: calc(33.3% - 20px);
}
#editor-22 .side-menu .side-top-menu ul li.active {
  border-bottom: rgb(45, 98, 185) 2px solid;
}
#editor-22 .side-menu .side-top-menu ul li.inactive {
  color: rgb(230.25, 230.25, 230.25);
}
#editor-22 .side-menu .side-top-menu ul li.inactive.active {
  color: #555;
}
#editor-22 .side-menu .side-top-menu i, #editor-22 .side-menu .side-top-menu span {
  position: relative;
  float: left;
}
#editor-22 .side-menu .side-top-menu i {
  font-size: 14px;
  padding: 8px 5px 0;
}
#editor-22 .side-menu .side-top-menu span {
  font-size: 14px;
  margin-top: 5px;
  margin-left: 5px;
}
.page-item-title {
  border-bottom: 1px solid rgba(155, 155, 155, 0.4);
  margin-bottom: 1px;
}
.page-item-title > .tnymce-wrapper {
  padding: 10px;
  font-size: 24px;
  font-weight: 600;
  background: #f3f3f3;
}
.page-item-title > .tnymce-wrapper.mce-edit-focus {
  background: white;
}
.content-meta-data {
  position: relative;
  float: left;
  width: 100%;
  display: none;
}
.content-meta-data.active {
  display: block;
}
.content-meta-data > ul, .content-meta-data > ul > li {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  padding: 10px 0;
  margin: 0;
}
.content-items {
  position: relative;
  float: left;
  width: 100%;
  display: none;
}
.content-items.active {
  display: block;
}
.content-items .tnymce-wrapper {
  display: none;
}
.content-items .mini-toolbar {
  display: none;
}
.content-items > ul {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  padding: 10px;
}
.content-items > ul li {
  position: relative;
  float: left;
  width: calc(33.3% - 20px);
  height: calc(11vw - 40px);
  min-height: 100px;
  margin: 10px;
  background: rgba(155, 155, 155, 0.1);
  box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.2);
}
.content-items > ul i, .content-items > ul h5, .content-items > ul span {
  position: relative;
  float: left;
  width: calc(100% - 20px);
  text-align: center;
}
.content-items > ul i {
  font-size: 1.2em;
  margin: 5px 10px 10px;
}
.content-items > ul h5 {
  font-size: 1.6em;
  margin: 0 10px;
  width: calc(100% - 20px);
}
.content-items > ul h5 em {
  position: relative;
  float: left;
  height: 46px;
  width: 46px;
  margin-left: calc(50% - 23px);
}
.content-items > ul span {
  font-size: 1em;
  line-height: 1.05em;
  margin: 10px 10px 5px;
}
.editor-wrapper .moving {
  position: relative;
  float: left;
  width: 100%;
  min-height: 46px;
  border: dashed 1px cyan;
}
.editor-wrapper .moving .h5, .editor-wrapper .moving span {
  position: relative;
  float: left;
  width: 46px;
  font-size: 1.6em;
  margin: 0 10px;
  text-align: center;
}
.editor-wrapper .moving .h5 em, .editor-wrapper .moving span em {
  position: relative;
  float: left;
  height: 46px;
  width: 46px;
  margin-left: calc(50% - 23px);
}
.editor-wrapper .moving span {
  width: calc(100% - 46px);
}
.editor-block {
  z-index: 9;
  position: relative;
  margin: 10px;
  float: left;
  width: calc(100% - 20px);
  padding: 10px;
  border: 1px dashed;
  border-color: transparent;
  border-radius: 2px;
  background: #f3f3f3;
}
.editor-block .mini-toolbox {
  position: absolute;
  right: 0;
  bottom: 15px;
  background: rgba(155, 155, 155, 0.1);
  padding: 0;
  height: 26px;
  display: none;
  overflow: hidden;
  transition: bottom ease-out 0.6s;
}
.editor-block .mini-toolbox li {
  position: relative;
  float: left;
  width: 26px;
  height: 26px;
  color: #FFFFFF;
  margin-left: 5px;
  padding: 5px 6px;
  font-size: 12px;
  background: rgba(155, 155, 155, 0.3);
  border-radius: 2px;
}
.editor-block .mini-toolbox li:hover, .editor-block .mini-toolbox li:focus {
  background: rgba(155, 155, 155, 0.5);
  cursor: pointer;
}
.editor-block .mini-toolbox li:first-child {
  margin-left: 0;
}
.editor-block .mini-toolbox li:last-child {
  margin-right: 0;
}
.editor-block:hover, .editor-block .editing {
  border-color: #006ecb;
}
.editor-block.bg-blue:hover, .editor-blockbg-blue.editing {
  border-color: #96d7f1;
}
.editor-row {
  z-index: 99;
  position: relative;
  float: left;
  width: 100%;
  background: rgba(200, 200, 200, 0.2);
  padding: 5px;
  border: 1px dashed;
  border-color: transparent;
  border-radius: 2px;
}
.editor-row:hover, .editor-row .editing {
  border-color: #006ecb;
}
.editor-row.bg-blue:hover, .editor-rowbg-blue.editing {
  border-color: #96d7f1;
}
.editor-wrapper {
  /*	$bgcyan:#337AB7;
  	$bgblue:#006ecb;
  	$bgorange:#d8571f;
  	$bgnavy:#0b2141;
  	$bggreen:#4ec4a1;
  	$bgmagenta:#a354db;
  	$bggrey:#6b788c;
  	$bgsky:#96d7f1;
  	$bgiris:#4555D2;
  */
  /*.hideable{
  	display:none;
  }*/
}
.editor-wrapper .bg-white {
  background: #FFFFFF !important;
}
.editor-wrapper .bg-blue {
  background: #006ecb !important;
}
.editor-wrapper .bg-orange {
  background: #d8571f !important;
}
.editor-wrapper .bg-navy {
  background: #0b2141 !important;
}
.editor-wrapper .bg-aqua {
  background: #4ec4a1 !important;
}
.editor-wrapper .bg-amethyst {
  background: #a354db !important;
}
.editor-wrapper .bg-grey {
  background: #6b788c !important;
}
.editor-wrapper .bg-sky {
  background: #96d7f1 !important;
}
.editor-wrapper .bg-iris {
  background: #4555D2 !important;
}
.editor-wrapper .editable, .editor-wrapper .tnymce-wrapper, .editor-wrapper .editor-item {
  position: relative;
  float: left;
  width: 100%;
  /*span{
  	position:relative;
  	float:left;
  	width:100%;
  }*/
}
.editor-item {
  z-index: 999;
  display: flex;
  overflow-wrap: break-word;
  border: 1px dashed;
  border-color: transparent;
  border-radius: 2px;
}
.editor-item.active-box {
  margin-bottom: 30px;
  z-index: 99;
}
.editor-item.active-box .editable {
  border-color: rgb(45, 98, 185);
  margin-bottom: 30px;
}
.editor-item.active-box .mini-toolbox {
  display: block;
}
.editor-item .editable h1, .editor-item .editable h2, .editor-item .editable h3, .editor-item .editable h4, .editor-item .editable h5, .editor-item .editable h6 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.editor-item:hover, .editor-item.editing {
  border-color: rgb(195, 232.1428571429, 247);
}
.editor-item.bg-sky:hover, .editor-item.bg-blue.editing {
  border-color: rgb(0, 137.6354679803, 254);
}
.editor-item > div {
  position: relative;
  float: left;
  width: 100%;
}
.editor-item > figure {
  position: relative;
  float: left;
  width: 40%;
  padding: 10px;
}
.editor-item > figure img {
  position: relative;
  float: left;
  width: 100%;
  opacity: 0.6;
}
.editor-item > figure .img-toolbar {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: none;
  color: rgba(155, 155, 155, 0.7);
  transition: color 0.4s ease-in-out;
}
.editor-item > figure .img-toolbar li {
  position: relative;
  float: left;
  font-size: 18px;
  margin-left: 10px;
  background: rgba(155, 155, 155, 0.4);
  padding: 4px 5px 2px;
  border-radius: 3px;
  line-height: 22px;
}
.editor-item > figure .img-toolbar li:hover, .editor-item > figure .img-toolbar li:focus {
  color: rgb(45, 98, 185);
}
.editor-item > figure:hover .img-toolbar, .editor-item > figure:focus .img-toolbar {
  display: block;
}
.editor-item > figure:hover img, .editor-item > figure:focus img {
  opacity: 1;
}
.column-left-image > div, .column-right-image > div {
  width: 50%;
}
.column-left-image > div > figure, .column-right-image > div > figure {
  width: 50%;
}
.editor-row .active-box, .editor-block .active-box {
  z-index: 99;
}
.editor-row .editor-22-toolbox-wrapper, .editor-block .editor-22-toolbox-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0px;
  transition: bottom ease-in 0.3s;
}
.editor-row .active-box > .editor-22-toolbox-wrapper, .editor-block .active-box > .editor-22-toolbox-wrapper {
  bottom: 0;
}
.editor-row .active-box > .editor-22-toolbox-wrapper .mini-toolbox, .editor-block .active-box > .editor-22-toolbox-wrapper .mini-toolbox {
  position: relative;
  float: right;
  display: block;
  bottom: 0;
}
editor-placeholder {
  position: relative;
  float: left;
  width: 100%;
  height: 50px;
  background-color: yellow;
}
.column-left-image .tnymce-wrapper, .column-right-image .tnymce-wrapper {
  position: relative;
  float: left;
  width: 50%;
}
.column-left-image .image-wrapper, .column-right-image .image-wrapper {
  position: relative;
  float: left;
  width: calc(100% - 2px);
  box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.3);
  margin: 1px;
}
.column-left-image .image-wrapper img, .column-right-image .image-wrapper img {
  position: relative;
  float: left;
  width: 100%;
}
.editor-item.image .image-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
.editor-item.image .image-wrapper img {
  position: relative;
  float: left;
  width: 100%;
}
#editor-22 .js-global {
  cursor: pointer;
}
.toolbox-loader {
  position: absolute !important;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px !important;
  height: 40px !important;
  border-radius: 5px;
  background: rgba(69, 85, 96, 0.4);
  background-repeat: no-repeat;
  background-image: url("/build/assets/white_spinner-CnNCrxc3.gif");
  background-size: 100%;
  background-position: 50% 40%;
  display: none;
}
.toolbox-loader.loading {
  display: block;
  z-index: 9999 !important;
}
#styling-content {
  position: relative;
  float: left;
  width: 100%;
  display: none;
}
#styling-content.active {
  display: block;
}
#action-toolbar {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 2px;
  border-radius: 5px;
  background: rgba(155, 155, 155, 0.1);
  padding: 2px 0;
}
#action-toolbar > li {
  position: relative;
  float: left;
  width: calc(33.3% - 1px);
  border-right: 1px solid rgba(155, 155, 155, 0.5);
  padding: 5px 10px;
}
#action-toolbar > li:last-child {
  border-right: none;
}
#action-toolbar > li:hover {
  background: rgba(0, 110, 203, 0.5);
}
#action-toolbar > li > span {
  position: relative;
  float: left;
  width: calc(100% - 50px);
  font-size: 1.2em;
  text-align: center;
}
#action-toolbar > li > em {
  position: relative;
  float: left;
  width: 20px;
  margin-left: 30px;
  padding: 5px 0;
}
.content-styling {
  position: relative;
  float: left;
  width: 100%;
  margin: 20px 0;
}
.content-styling-tools, .number-columns, .color-tools {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
}
.content-styling-tools > li, .color-tools > li, .border-tools > li {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px;
  margin-bottom: 2px;
  border-radius: 5px;
  background: rgba(155, 155, 155, 0.1);
  border: solid 1px rgba(155, 155, 155, 0.2);
}
.content-styling-tools > li h3, .color-tools > li h3, .border-tools > li h3 {
  text-align: center;
  margin: 0 0 20px;
  font-size: 22px;
}
.number-columns {
  width: 120px;
  margin-left: calc(50% - 60px);
}
.number-columns li {
  position: relative;
  float: left;
  width: 50%;
  min-height: auto !important;
}
.number-columns li:first-child, .number-columns li:last-child {
  margin: 0 25%;
}
.number-columns span, .number-columns input, .number-columns i {
  position: relative;
  float: left;
  text-align: center;
  font-weight: 600;
}
.number-columns span {
  text-align: center;
  width: 40px;
  margin-right: calc(100% - 40px);
}
.number-columns input {
  width: 40px;
  margin-left: 10px;
}
.number-columns i {
  font-size: 12px;
  width: 10px;
  margin-left: 2px;
}
.info-img-toolbox {
  position: absolute;
  top: 10px;
  right: 15px;
  height: 28px;
  background: rgba(255, 255, 255, 0);
}
.info-img-toolbox .editor-img-item {
  background-color: rgba(50, 161, 255, 0.5);
  border: rgba(50, 161, 255, 0.6) solid 1px;
}
.info-img-toolbox .editor-img-item:hover {
  background-color: rgb(50, 161, 255);
}
.color-tools, .border-tools {
  position: relative;
  float: right;
  width: 100%;
}
.color-tools li, .border-tools li {
  position: relative;
  float: left;
  width: calc(50% - 1px);
  min-height: 125px;
}
.color-tools li:first-child, .border-tools li:first-child {
  margin-right: 2px;
}
.color-tools h3, .color-tools select, .border-tools h3, .border-tools select {
  position: relative;
  float: left;
  width: calc(100% - 40px);
  padding: 5px 10px;
}
.color-tools .dropdown, .border-tools .dropdown {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  background: none;
}
.color-tools .dropdown button, .border-tools .dropdown button {
  position: relative;
  float: left;
  border: 1px solid rgba(255, 255, 255, 0.2);
  min-width: 120px;
  margin-left: calc(50% - 60px);
}
.color-tools .dropdown button em, .border-tools .dropdown button em {
  position: absolute;
  right: 0;
  top: 0;
  margin-left: 6px;
  margin-bottom: 2px;
  height: 14px;
  width: auto;
  box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.4);
  font-size: 9px;
  line-height: 11px;
  text-align: center;
  padding: 1px 2px;
}
.color-tools .dropdown-menu, .border-tools .dropdown-menu {
  border: rgba(155, 155, 155, 0.2);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #555;
}
.color-tools .dropdown-menu a, .border-tools .dropdown-menu a {
  position: relative;
  float: left;
  width: 100%;
  text-decoration: none;
  padding: 1px 10px;
}
.color-tools .dropdown-menu em, .border-tools .dropdown-menu em {
  position: relative;
  float: left;
  margin-right: 10px;
  height: 22px;
  width: 22px;
  border-radius: 2px;
  border: solid 1px rgba(155, 155, 155, 0.3);
}
.color-tools .dropdown-menu span, .color-tools .dropdown-menu i, .border-tools .dropdown-menu span, .border-tools .dropdown-menu i {
  position: relative;
  float: left;
}
.color-tools .dropdown-menu i, .border-tools .dropdown-menu i {
  text-align: center;
  width: 100%;
  font-size: 12px;
}
.border-tools > li > h4 {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 0;
  margin-top: 10px;
}
.button-editor {
  margin-top: 10px;
}
.button-editor > div {
  padding: 5px 10px 0;
  font-size: 16px;
  border: dashed 1px rgb(45, 98, 185);
  text-align: center;
}
.si-e-header {
  background-repeat: no-repeat;
  background-image: url("/build/assets/Page-editor-symbolset-BXmJYHPZ.svg");
  background-position: 0px 0;
  background-size: 375%;
}
.si-e-text {
  background-repeat: no-repeat;
  background-image: url("/build/assets/Page-editor-symbolset-BXmJYHPZ.svg");
  background-position: -60px 0;
  background-size: 370%;
}
.si-e-image {
  background-repeat: no-repeat;
  background-image: url("/build/assets/Page-editor-symbolset-BXmJYHPZ.svg");
  background-position: -125px 0;
  background-size: 370%;
}
.si-e-image-left {
  background-repeat: no-repeat;
  background-image: url("/build/assets/Page-editor-symbolset-BXmJYHPZ.svg");
  background-position: 0 -56px;
  background-size: 365%;
}
.si-e-image-right {
  background-repeat: no-repeat;
  background-image: url("/build/assets/Page-editor-symbolset-BXmJYHPZ.svg");
  background-position: -62px -56px;
  background-size: 365%;
}
.si-e-2-columns {
  background-repeat: no-repeat;
  background-image: url("/build/assets/Page-editor-symbolset-BXmJYHPZ.svg");
  background-position: -122px -56px;
  background-size: 365%;
}
.si-e-3-columns {
  background-repeat: no-repeat;
  background-image: url("/build/assets/Page-editor-symbolset-BXmJYHPZ.svg");
  background-position: 0 -112px;
  background-size: 350%;
}
.si-e-upload {
  background-repeat: no-repeat;
  background-image: url("/build/assets/Page-editor-symbolset-BXmJYHPZ.svg");
  background-position: -62px -120px;
  background-size: 375%;
}
.si-e-add-block {
  background-repeat: no-repeat;
  background-image: url("/build/assets/Page-editor-symbolset-BXmJYHPZ.svg");
  background-position: -114px -112px;
  background-size: 345%;
}
.editor-block-placeholder {
  border: 1px dotted black;
  margin: 0 1em 1em 0;
  height: 50px;
  width: 30vw;
}
.ui-draggable-dragging {
  z-index: 9999;
}
.item-wrapper > button > p {
  margin: 0;
}
#links-and-files {
  position: absolute;
  top: 0;
  left: -50px;
  background: white;
  padding: 20px;
  border-radius: 3px;
  min-height: 120px;
  min-width: 120px;
  z-index: 9;
  box-shadow: 0 2px 3px 1px rgba(155, 155, 155, 0.4);
  display: none;
}
#links-and-files.active-box {
  display: block;
}
#links-and-files > ul {
  position: relative;
  float: left;
  width: 100%;
  display: none;
}
#links-and-files > ul.active-tab {
  display: block;
}
#links-and-files > span {
  position: relative;
  float: left;
  display: block;
  padding: 5px 10px;
  background: #f3f3f3;
  border: 1px solid rgba(155, 155, 155, 0.4);
  border-radius: 3px;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 600;
  margin-right: 2px;
}
#links-and-files > span.active-tab {
  display: none;
}
#links-and-files > ul > li > label, #links-and-files > ul > li > a, #links-and-files > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
#links-and-files > ul > li > label {
  margin-top: 5px;
}
#links-and-files > ul > li > input {
  width: 100%;
  font-size: 16px;
}
#files-link-editor-item > ul > button {
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  background: white;
  border: 1px solid rgba(155, 155, 155, 0.5);
  border-radius: 5px;
  padding: 3px 8px;
  margin: 5px 0;
}
.editor-img-toolbox {
  position: relative;
  float: left;
}
.editor-img-toolbox.new-item {
  min-height: 50px;
  height: 50px;
  width: 50px;
  border: 2px dashed #555;
  background-repeat: no-repeat;
  background-image: "../ui/add.png";
  background-size: 50px;
  padding: 3px;
}
.editor-img-toolbox.new-item .editor-img-item {
  position: relative;
  float: left;
  margin-left: 0;
}
.editor-img-toolbox.new-item .editor-img-item em {
  top: 24%;
  font-size: 20px;
}
#image-library {
  position: fixed;
  height: 100vh;
  width: 100vw;
  display: none;
}
#image-library.open-window {
  display: block;
  z-index: 9999;
}
#image-library .image-library-wrapper {
  margin: 2.5%;
  position: relative;
  float: left;
  width: calc(100vw - 5%);
  height: calc(100vh - 5%);
  background: rgb(255, 255, 255);
}
#image-library .click-close {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
}
#ills {
  position: relative;
  float: left;
  width: 30%;
  padding: 20px;
  min-height: 100vh;
}
#image-editor-wrapper {
  position: relative;
  float: left;
  width: 70%;
  min-height: 100vh;
  background: rgba(155, 155, 155, 0.2);
}
#image-editor {
  position: relative;
  float: left;
  min-width: 300px;
  min-height: 300px;
  width: calc(100% - 80px);
  margin: 95px 0;
  margin-left: 80px;
  opacity: 1;
}
#image-editor.ghost {
  opacity: 0;
}
.image-editor-tools {
  position: absolute;
  float: left;
  width: 180px;
  height: 95vh;
  background: rgb(255, 255, 255);
  padding: 20px;
  z-index: 99;
  overflow-y: scroll;
}
.image-toolbar, .crop-toolbar {
  position: relative;
  float: left;
  width: 100%;
}
.image-toolbar .editor-img-item input, .crop-toolbar .editor-img-item input {
  width: 100%;
  height: 50px;
  cursor: pointer;
}
.image-toolbar ul, .crop-toolbar ul {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
}
.image-toolbar li, .crop-toolbar li {
  position: relative;
  float: left;
  width: calc(50% - 14px);
  min-height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: rgb(45, 98, 185);
  background: white;
  text-align: center;
  list-style: none;
  box-shadow: 0 0 1px 1px rgba(0, 150, 255, 0.7);
}
.image-toolbar li span, .crop-toolbar li span {
  position: relative;
  float: left;
  width: calc(100% - 50px);
  text-align: center;
}
.image-toolbar li:hover, .crop-toolbar li:hover {
  color: rgb(45, 98, 185);
  background: white;
  box-shadow: 0 0 1px 1px rgb(0, 150, 255);
  cursor: pointer;
}
.image-toolbar li:hover em, .crop-toolbar li:hover em {
  color: #FFFFFF;
  background: rgb(45, 98, 185);
}
.image-toolbar li:first-child, .crop-toolbar li:first-child {
  margin-right: 20px;
}
.image-toolbar li em, .crop-toolbar li em {
  position: relative;
  float: left;
  min-width: 50px;
  min-height: 48px;
  line-height: 48px;
  color: rgb(45, 98, 185);
  background: rgb(193.8695652174, 211.3826086957, 240.1304347826);
  text-align: center;
  font-size: 20px;
}
.image-toolbar li#crop-btn, .crop-toolbar li#crop-btn {
  width: 50px;
}
.image-toolbar li#crop-btn em, .crop-toolbar li#crop-btn em {
  min-width: 50px;
  min-height: 50px;
  line-height: 50px;
}
.image-toolbar li button, .crop-toolbar li button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.image-selector {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: rgba(0, 150, 255, 0.7);
  border-radius: 0 0 0 3px;
}
.image-selector:hover, .image-selector:focus {
  background: rgb(0, 150, 255);
}
.image-selector input {
  width: 16px;
  height: 16px;
  margin: 2px;
  background: rgba(54, 117, 255, 0.7);
}
.image-selector input:hover, .image-selector input:focus {
  background: rgb(54, 117, 255);
}
.image-options {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 20px;
  background: rgba(0, 150, 255, 0.7);
}
.image-options .ioh {
  position: relative;
  float: right;
  width: 16px;
  height: 16px;
  background: rgba(54, 117, 255, 0.7);
  border-radius: 3px;
  margin: 2px;
  color: white;
  text-align: center;
}
.image-options .ioh:hover, .image-options .ioh:focus {
  background: rgb(54, 117, 255);
}
#cropped-image-list, #image-library-list {
  padding: 0;
  margin: 20px 0;
  position: relative;
  float: left;
  width: 100%;
}
#cropped-image-list li, #image-library-list li {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 5px 0;
}
#cropped-image-list li picture, #image-library-list li picture {
  position: relative;
  float: left;
  width: 100%;
  box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.4);
}
#cropped-image-list li picture:first-child, #image-library-list li picture:first-child {
  box-shadow: 0 0 1px 1px rgba(0, 150, 255, 0.7);
}
#cropped-image-list li picture img, #image-library-list li picture img {
  position: relative;
  float: left;
  width: 100%;
}
#ill-wrap {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
}
#image-library-list li {
  height: calc(10vw - 20px);
  width: 30%;
  margin: 10px 1%;
}
#image-library-list li:first-child {
  margin-left: 2%;
}
#image-library-list li:last-child {
  margin-left: 2%;
}
/*.editable.mce-edit-focus {
    margin-bottom:30px;
}*/
#toggle_button {
  position: relative;
  float: right;
  height: 40px;
  width: 180px;
  padding: 10px;
}
#toggle_button > button {
  background: rgb(111.8260869565, 152.8434782609, 220.1739130435);
  color: white;
  border-radius: 3px;
  border: rgb(152.847826087, 182.1130434783, 230.152173913);
  padding: 5px 10px;
  font-weight: 400;
}
#toggle_button > button.u-hidden {
  display: none;
}
#toggle_button > button:hover {
  background: rgb(45, 98, 185);
  border: rgb(70.8043478261, 123.5739130435, 210.1956521739);
}
#toggle_button.clicked > button {
  display: none;
}
#toggle_button.clicked > button.u-hidden {
  display: block;
}
.ab-full-panel.kbyg > ul > li > label {
  position: relative;
  float: left;
  width: 100%;
  margin-right: 0;
  margin-bottom: 5px;
}
.ab-full-panel.kbyg > ul > li > select {
  position: relative;
  float: left;
  max-width: 50%;
  margin-right: 50%;
}
#question-sets {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 20px;
}
#question-sets > select, #question-sets > label {
  max-width: 50%;
  margin-right: 50%;
  position: relative;
  float: left;
}
#question-sets > select {
  margin-bottom: 30px;
}
.sub-section {
  position: relative;
  float: left;
  width: 100%;
  margin-left: 40px;
  margin-bottom: 30px;
}
.sub-section > label, .sub-section > select {
  position: relative;
  float: left;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .content-styling-tools > li {
    width: calc(50% - 1px);
  }
  .content-styling-tools > li:first-child {
    margin-right: 2px;
  }
  .number-columns span {
    text-align: left;
  }
  .number-columns input {
    margin-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  #editor-22 .side-menu {
    width: 40%;
  }
  #editor-22 .side-menu .side-top-menu i {
    padding: 12 0 0;
    font-size: 10px;
  }
  #editor-22 .side-menu .side-top-menu span {
    font-size: 20px;
  }
  #editor-22 .editor-wrapper {
    width: 60%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1200px) {
  #editor-22 .side-menu .side-top-menu i {
    display: block;
    font-size: 14px;
    padding: 8px 5px 6px;
  }
  #editor-22 .side-menu .side-top-menu span {
    font-size: 22px;
  }
}
.big-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9);
  background-repeat: no-repeat;
  background-image: url("/build/assets/loading-chain-BjUhyQ6q.gif");
  background-position: 50% 50%;
  display: none;
}
.big-loader.loading {
  display: block;
  z-index: 9999;
}
.sub-nav.tickets {
  position: relative;
  float: left;
  width: calc(100% - 66px);
  background: #FFFFFF;
  padding: 0;
  box-shadow: 0 1px 3px 1px rgba(133, 133, 133, 0.1);
  margin-bottom: 40px;
}
.sub-nav.tickets > div.sub-nav-item, .sub-nav.tickets > div.sub-nav-item-inactive {
  position: relative;
  float: left;
  padding: 10px 20px;
}
.sub-nav.tickets > div.sub-nav-item.active {
  background: rgb(70.8043478261, 123.5739130435, 210.1956521739);
  color: white;
}
.sub-nav.tickets > div.sub-nav-item > button, .sub-nav.tickets > div.sub-nav-item-inactive > button {
  cursor: pointer;
  padding: 5px 10px;
  border-right: rgba(133, 133, 133, 0.5) solid 1px;
  background: none;
}
.sub-nav.tickets > div.sub-nav-item.g6, .sub-nav.tickets > div.sub-nav-item-inactive.g6 {
  width: 16.66%;
  height: 74px;
}
.sub-nav.tickets > div.sub-nav-item:last-child {
  border-right: none;
}
.sub-nav.tickets > div.sub-nav-item > button, .sub-nav.tickets > div.sub-nav-item-inactive > button, .sub-nav.tickets > div.sub-nav-item-inactive > div, .sub-nav.tickets > div.sub-nav-item > div {
  position: relative;
  float: left;
  border: none;
  width: 100%;
  text-align: center;
}
.sub-nav.tickets > div.sub-nav-item > button > i, .sub-nav.tickets > div.sub-nav-item > button > span > i, .sub-nav.tickets > div.sub-nav-item-inactive > button > span > i {
  font-size: 0.7em;
}
.sub-nav.tickets > div.sub-nav-item-inactive > button {
  padding: 17px 0;
}
.sub-nav.tickets > div.sub-nav-item-inactive > button > span {
  line-height: 18px;
}
.sub-nav.tickets > div.sub-nav-item-inactive > button.double {
  padding: 7px 0;
}
.sub-nav.tickets > div.sub-nav-item > button > i, .sub-nav.tickets > div.sub-nav-item-inactive > button > i, .sub-nav.tickets > div.sub-nav-item > div > i, .sub-nav.tickets > div.sub-nav-item-inactive > div > i {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  font-size: 12px;
  line-height: 22px;
}
div.sub-nav-item > button > span, div.sub-nav-item-inactive > button > span, div.sub-nav-item > div > span, div.sub-nav-item-inactive > div > span {
  font-size: 18px;
  line-height: 22px;
}
.row > .col12, #term_selector_container {
  width: calc(100vw - 20px);
  margin-left: 10px;
}
div.dt-button-collection > ul.dropdown-menu {
  background: white;
}
.dt-search {
  margin-bottom: 10px;
}
.main-panel.dashboard {
  overflow: hidden;
}
.main-panel.dashboard > h2, .main-panel.dashboard > h4 {
  margin-left: 20px;
  width: calc(100% - 20px);
}
.main-panel.dashboard > ul.day {
  margin-left: 20px;
  width: calc(100% - 20px);
}
.main-panel.dashboard {
  padding-top: 0;
}
.dropdown {
  padding: 0 !important;
}
.dataTables_filter > label > input {
  margin-left: 5px;
}
.day, .classrooms, .timeslots {
  position: relative;
  float: left;
  width: 100%;
}
.timeslots {
  width: 90%;
}
.day > li, .timeslots > li {
  position: relative;
  float: left;
  width: 100%;
}
ul.day > li {
  margin-bottom: 5px;
}
ul.classrooms > li.head {
  border-bottom: solid 1px rgba(155, 155, 155, 0.6);
}
.callout > .callout-wrapper > ul > li, .callout > .callout-wrapper > ul.day > li, .day > li {
  width: calc(100% - 30px);
}
.classrooms {
  border: solid 1px rgba(0, 0, 0, 0.8);
}
.classrooms > li {
  width: 100%;
  border-right: solid 1px rgba(155, 155, 155, 0.5);
  min-height: 60px;
}
.classrooms > li > h4 {
  position: relative;
  float: left;
  width: 10%;
  text-align: left;
  padding: 0 5px;
  margin: 0;
  font-size: 1em;
  border-right: solid 1px rgba(155, 155, 155, 0.5);
  min-height: 80px;
  line-height: 80px;
}
.classrooms > li.head > h4 {
  min-height: 30px;
  line-height: 30px;
}
.classrooms > li > h4.head, .timeslots > li.head, .classrooms > li.head {
  min-height: 27px;
}
.classrooms > li:last-child {
  border-right: none;
}
.timeslots > li {
  min-height: 80px;
  border-right: solid 1px rgba(155, 155, 155, 0.2);
  width: 1.7857142857%;
}
.head > .timeslots > li {
  min-height: 30px;
}
.timeslots.hours8 > li {
  width: 3.125%;
}
.timeslots.hours9 > li {
  width: 2.7777777778%;
}
.timeslots.hours10 > li {
  width: 2.5%;
}
.timeslots.hours11 > li {
  width: 2.2727272727%;
}
.timeslots.hours12 > li {
  width: 2.0833333333%;
}
.timeslots.hours13 > li {
  width: 1.9230769231%;
}
.timeslots.hours14 > li {
  width: 1.7857142857%;
}
.timeslots.hours15 > li {
  width: 1.6666666667%;
}
.timeslots.hours16 > li {
  width: 1.5625%;
}
.timeslots.hours17 > li {
  width: 1.4705882353%;
}
.timeslots.hours18 > li {
  width: 1.3888888889%;
}
.timeslots > li:nth-child(4n) {
  border-right: solid 1px rgba(155, 155, 155, 0.7);
}
.timeslots > li:last-child {
  border-right: none;
}
.timeslots > li > em {
  position: relative;
  float: left;
  width: 10px;
  margin-left: 1px;
  padding: 5px 0;
  font-size: 10px;
  color: rgba(133, 133, 133, 0.5);
}
.timeslots > li:nth-child(4n-3) > em {
  font-size: 12px;
  color: #555;
}
.timeslots > li > span {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  height: 80px;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.timeslots.hours11 > li > span > em {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 0;
  height: 0;
  border-bottom: 25px solid red;
  border-left: 25px solid transparent;
}
.timeslots > li > span > i {
  position: absolute;
  right: 3px;
  bottom: 1px;
  text-align: center;
  color: white;
  width: 12px;
  height: 12px;
  font-size: 0.7em;
  font-weight: 600;
}
.timeslots > li > span.start {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.timeslots > li > span.end {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.timeslots > li > span.u-code-1 {
  background-color: rgb(193, 255, 255);
  border-top: 1px solid rgba(118, 166, 166, 0.3);
  border-bottom: 1px solid rgba(118, 166, 166, 0.3);
}
.timeslots > li > span.u-code-1.start {
  border-left: 1px solid rgba(118, 166, 166, 0.3);
}
.timeslots > li > span.u-code-1.end {
  border-right: 1px solid rgba(118, 166, 166, 0.3);
}
.timeslots > li > span.u-code-1 > em {
  border-bottom: 25px solid rgb(118, 166, 166);
}
.timeslots > li > span.u-code-2 {
  background-color: rgb(255, 238, 193);
  border-top: 1px solid rgba(199, 182, 137, 0.3);
  border-bottom: 1px solid rgba(199, 182, 137, 0.3);
}
.timeslots > li > span.u-code-2.start {
  border-left: 1px solid rgba(199, 182, 137, 0.3);
}
.timeslots > li > span.u-code-2.end {
  border-right: px solid rgba(199, 182, 137, 0.3);
}
.timeslots > li > span.u-code-2 > em {
  border-bottom: 25px solid rgb(199, 182, 137);
}
.timeslots > li > span.u-code-3 {
  background-color: rgb(246, 193, 255);
  border-top: 1px solid rgba(186, 144, 193, 0.3);
  border-bottom: 1px solid rgba(186, 144, 193, 0.3);
}
.timeslots > li > span.u-code-3.start {
  border-left: 1px solid rgba(186, 144, 193, 0.3);
}
.timeslots > li > span.u-code-3.end {
  border-right: 1px solid rgba(186, 144, 193, 0.3);
}
.timeslots > li > span.u-code-3 > em {
  border-bottom: 25px solid rgb(186, 144, 193);
}
.timeslots > li > span.u-code-4 {
  background-color: rgb(193, 207, 255);
  border-top: 1px solid rgba(146, 157, 194, 0.3);
  border-bottom: 1px solid rgba(146, 157, 194, 0.3);
}
.timeslots > li > span.u-code-4.start {
  border-left: 1px solid rgba(146, 157, 194, 0.3);
}
.timeslots > li > span.u-code-4.end {
  border-right: 1px solid rgba(146, 157, 194, 0.3);
}
.timeslots > li > span.u-code-4 > em {
  border-bottom: 25px solid rgb(146, 157, 194);
}
.timeslots > li > span.u-code-5 {
  background-color: rgb(252, 255, 193);
  border-top: 1px solid rgba(182, 184, 138, 0.3);
  border-bottom: 1px solid rgba(182, 184, 138, 0.3);
}
.timeslots > li > span.u-code-5.start {
  border-left: 1px solid rgba(182, 184, 138, 0.3);
}
.timeslots > li > span.u-code-5.end {
  border-right: 1px solid rgba(182, 184, 138, 0.3);
}
.timeslots > li > span.u-code-5 > em {
  border-bottom: 25px solid rgb(182, 184, 138);
}
.timeslots > li > span.u-code-6 {
  background-color: rgb(193, 255, 219);
  border-top: 1px solid rgba(128, 170, 145, 0.3);
  border-bottom: 1px solid rgba(128, 170, 145, 0.3);
}
.timeslots > li > span.u-code-6.start {
  border-left: 1px solid rgba(128, 170, 145, 0.3);
}
.timeslots > li > span.u-code-6.end {
  border-right: 1px solid rgba(128, 170, 145, 0.3);
}
.timeslots > li > span.u-code-6 > em {
  border-bottom: 25px solid rgb(128, 170, 145);
}
.timeslots > li > span.u-code-7 {
  background-color: rgb(255, 213, 193);
  border-top: 1px solid rgba(191, 160, 145, 0.3);
  border-bottom: 1px solid rgba(191, 160, 145, 0.3);
}
.timeslots > li > span.u-code-7.start {
  border-left: 1px solid rgba(191, 160, 145, 0.3);
}
.timeslots > li > span.u-code-7.end {
  border-right: 1px solid rgba(191, 160, 145, 0.3);
}
.timeslots > li > span.u-code-7 > em {
  border-bottom: 25px solid rgb(191, 160, 145);
}
.timeslots > li > span.u-code-8 {
  background-color: rgb(255, 193, 193);
  border-top: 1px solid rgba(200, 141, 141, 0.3);
  border-bottom: 1px solid rgba(200, 141, 141, 0.3);
}
.timeslots > li > span.u-code-8.start {
  border-left: 1px solid rgba(200, 141, 141, 0.3);
}
.timeslots > li > span.u-code-8.end {
  border-right: 1px solid rgba(200, 141, 141, 0.3);
}
.timeslots > li > span.u-code-8 > em {
  border-bottom: 25px solid rgb(200, 141, 141);
}
.timeslots > li > span.u-code-9 {
  background-color: rgb(193, 215, 255);
  border-top: 1px solid rgba(141, 162, 201, 0.3);
  border-bottom: 1px solid rgba(141, 162, 201, 0.3);
}
.timeslots > li > span.u-code-9.start {
  border-left: 1px solid rgba(141, 162, 201, 0.3);
}
.timeslots > li > span.u-code-9.end {
  border-right: 1px solid rgba(141, 162, 201, 0.3);
}
.timeslots > li > span.u-code-9 > em {
  border-bottom: 25px solid rgb(141, 162, 201);
}
.timeslots > li > span.u-code-0 {
  background-color: rgb(210, 255, 193);
  border-top: 1px solid rgba(147, 192, 130, 0.3);
  border-bottom: 1px solid rgba(147, 192, 130, 0.3);
}
.timeslots > li > span.u-code-0.start {
  border-left: 1px solid rgba(147, 192, 130, 0.3);
}
.timeslots > li > span.u-code-0.end {
  border-right: 1px solid rgba(147, 192, 130, 0.3);
}
.timeslots > li > span.u-code-0 > em {
  border-bottom: 25px solid rgb(147, 192, 130);
}
.classrooms > li {
  position: relative;
  float: left;
}
/*.classrooms > li.col1{
	width:calc(100% / 1);
}
.classrooms > li.col2{
	width:calc(100% / 2);
}
.classrooms > li.col3{
	width:calc(100% / 3);
}
.classrooms > li.col4{
	width:calc(100% / 4);
}
.classrooms > li.col5{
	width:calc(100% / 5);
}
.classrooms > li.col5{
	width:calc(100% / 6);
}
.classrooms > li.col7{
	width:calc(100% / 7);
}
.classrooms > li.col8{
	width:calc(100% / 8);
}
.classrooms > li.col9{
	width:calc(100% / 9);
}
.classrooms > li.col10{
	width:calc(100% / 10);
}*/
.class-description {
  position: absolute;
  left: 0;
  top: 0;
  height: 80px;
  padding: 1px 5px;
  font-size: 11px;
  line-height: 14px;
  z-index: 99;
}
.class-description > ul {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 42px;
}
.class-description > ul > li {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
.class-description > figcaption {
  position: absolute;
  left: 0;
  bottom: 2px;
  transform-origin: 20px 20px;
  height: 13px;
  width: auto;
  font-size: 11px;
  line-height: 12px;
  font-weight: 400;
  padding: 1px 5px;
  border-radius: 0 3px 0 0;
  background: white;
  color: #005a99;
  box-shadow: 1px 0px 1px 1px rgba(155, 155, 155, 0.3);
}
.class-description.l-15 {
  width: 100%;
}
.class-description.l-15 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-15 > ul:hover {
  width: 600%;
  overflow: auto;
  background: white;
}
.class-description.l-30 {
  width: 200%;
}
.class-description.l-35 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-35 > ul:hover {
  width: 600%;
  overflow: auto;
  background: white;
}
.class-description.l-45 {
  width: 300%;
}
.class-description.l-45 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-45 > ul:hover {
  width: 600%;
  overflow: auto;
  background: white;
}
.class-description.l-60 {
  width: 300%;
}
.class-description.l-60 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-60 > ul:hover {
  width: 500%;
  overflow: auto;
  background: white;
}
.class-description.l-75 {
  width: 300%;
}
.class-description.l-75 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-75 > ul:hover {
  width: 400%;
  overflow: auto;
  background: white;
}
.class-description.l-85 {
  width: 300%;
}
.class-description.l-85 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-85 > ul:hover {
  width: 400%;
  overflow: auto;
  background: white;
}
.class-description.l-100 {
  width: 500%;
}
.class-description.l-115 {
  width: 600%;
}
.class-description.l-130 {
  width: 700%;
}
.class-description.l-145 {
  width: 800%;
}
.class-description.l-160 {
  width: 800%;
}
.class-description.l-185 {
  width: 800%;
}
.class-description.l-200 {
  width: 1000%;
}
.class-description.l-215 {
  width: 1100%;
}
.class-description.l-230 {
  width: 1200%;
}
.class-description.l-245 {
  width: 1300%;
}
.class-description.l-260 {
  width: 1200%;
}
.class-description.l-285 {
  width: 1200%;
}
.class-description.l-300 {
  width: 1300%;
}
.class-description.l-315 {
  width: 1400%;
}
.class-description.l-330 {
  width: 1500%;
}
.class-description.l-345 {
  width: 1600%;
}
.class-description.l-400 {
  width: 1700%;
}
.class-description.l-415 {
  width: 1800%;
}
.class-description.l-430 {
  width: 1900%;
}
.class-description.l-445 {
  width: 2000%;
}
.class-description.l-500 {
  width: 2100%;
}
.class-description.l-515 {
  width: 2200%;
}
.class-description.l-530 {
  width: 2300%;
}
.class-description.l-545 {
  width: 2400%;
}
.class-description.l-600 {
  width: 2500%;
}
.class-description.l-615 {
  width: 2600%;
}
.class-description.l-630 {
  width: 2700%;
}
.class-description.l-645 {
  width: 2800%;
}
.class-description.l-700 {
  width: 2900%;
}
.class-description.l-715 {
  width: 3000%;
}
.class-description.l-730 {
  width: 3100%;
}
.class-description.l-745 {
  width: 3200%;
}
.class-description.l-800 {
  width: 3300%;
}
.class-description.l-1 {
  width: 100%;
}
.class-description.l-1 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-1 > ul:hover {
  width: 600%;
  overflow: auto;
  background: white;
}
.class-description.l-2 {
  width: 200%;
}
.class-description.l-2 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-2 > ul:hover {
  width: 600%;
  overflow: auto;
  background: white;
}
.class-description.l-3 {
  width: 300%;
}
.class-description.l-3 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-3 > ul:hover {
  width: 600%;
  overflow: auto;
  background: white;
}
.class-description.l-4 {
  width: 300%;
}
.class-description.l-4 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-4 > ul:hover {
  width: 500%;
  overflow: auto;
  background: white;
}
.class-description.l-5 {
  width: 300%;
}
.class-description.l-5 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-5 > ul:hover {
  width: 400%;
  overflow: auto;
  background: white;
}
.class-description.l-6 {
  width: 300%;
}
.class-description.l-6 > ul {
  width: auto;
  overflow: hidden;
}
.class-description.l-6 > ul:hover {
  width: 400%;
  overflow: auto;
  background: white;
}
.class-description.l-7 {
  width: 900%;
}
.class-description.l-8 {
  width: 1000%;
}
.class-description.l-9 {
  width: 1100%;
}
.class-description.l-10 {
  width: 1200%;
}
.class-description.l-11 {
  width: 1300%;
}
.class-description.l-12 {
  width: 1400%;
}
.class-description.l-13 {
  width: 1500%;
}
.class-description.l-14 {
  width: 1600%;
}
.class-description.l-15 {
  width: 1700%;
}
.class-description.l-16 {
  width: 1800%;
}
.class-description.l-17 {
  width: 1900%;
}
.class-description.l-18 {
  width: 2000%;
}
.class-description.l-19 {
  width: 2100%;
}
.class-description.l-20 {
  width: 2200%;
}
.class-description.l-21 {
  width: 2300%;
}
.class-description.l-22 {
  width: 2400%;
}
.class-description.l-23 {
  width: 2500%;
}
.class-description.l-24 {
  width: 2600%;
}
.class-description.l-25 {
  width: 2700%;
}
.class-description.l-26 {
  width: 2800%;
}
.class-description.l-27 {
  width: 2900%;
}
.class-description.l-28 {
  width: 3000%;
}
.class-description.l-29 {
  width: 3100%;
}
.class-description.l-30 {
  width: 3200%;
}
.class-descriptor {
  position: absolute;
  top: 0;
  left: 29px;
  width: calc(100% - 29px);
  min-height: 90px;
  font-size: 0.9em;
}
.class-descriptor > ul, .class-descriptor > ul > li {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  font-size: 0.9em;
  text-align: center;
}
.class-descriptor > ul {
  padding: 5px;
}
.class-descriptor > ul > li {
  overflow-wrap: break-word;
}
.class-descriptor.s-800 {
  top: 30px;
}
.class-descriptor.s-815 {
  top: 54px;
}
.class-descriptor.s-830 {
  top: 78px;
}
.class-descriptor.s-845 {
  top: 102px;
}
.class-descriptor.s-900 {
  top: 126px;
}
.class-descriptor.s-915 {
  top: 150px;
}
.class-descriptor.s-930 {
  top: 174px;
}
.class-descriptor.s-945 {
  top: 198px;
}
.class-descriptor.s-1000 {
  top: 222px;
}
.class-descriptor.s-1015 {
  top: 246px;
}
.class-descriptor.s-1030 {
  top: 370px;
}
.class-descriptor.s-1045 {
  top: 294px;
}
.class-descriptor.s-1100 {
  top: 318px;
}
.class-descriptor.s-1115 {
  top: 342px;
}
.class-descriptor.s-1130 {
  top: 366px;
}
.class-descriptor.s-1145 {
  top: 390px;
}
.class-descriptor.s-1200 {
  top: 414px;
}
.class-descriptor.s-1215 {
  top: 438px;
}
.class-descriptor.s-1230 {
  top: 462px;
}
.class-descriptor.s-1245 {
  top: 486px;
}
.class-descriptor.s-1300 {
  top: 510px;
}
.class-descriptor.s-1315 {
  top: 534px;
}
.class-descriptor.s-1330 {
  top: 558px;
}
.class-descriptor.s-1345 {
  top: 582px;
}
.class-descriptor.s-1400 {
  top: 606px;
}
.class-descriptor.s-1415 {
  top: 630px;
}
.class-descriptor.s-1430 {
  top: 654px;
}
.class-descriptor.s-1445 {
  top: 678px;
}
.class-descriptor.s-1500 {
  top: 702px;
}
.class-descriptor.s-1515 {
  top: 726px;
}
.class-descriptor.s-1530 {
  top: 750px;
}
.class-descriptor.s-1545 {
  top: 774px;
}
.class-descriptor.s-1600 {
  top: 798px;
}
.class-descriptor.s-1615 {
  top: 822px;
}
.class-descriptor.s-1630 {
  top: 846px;
}
.class-descriptor.s-1645 {
  top: 870px;
}
.class-descriptor.s-1700 {
  top: 894px;
}
.class-descriptor.s-1715 {
  top: 918px;
}
.class-descriptor.s-1730 {
  top: 942px;
}
.class-descriptor.s-1745 {
  top: 966px;
}
.class-descriptor.s-1800 {
  top: 990px;
}
.class-descriptor.s-1815 {
  top: 1014px;
}
.class-descriptor.s-1830 {
  top: 1038px;
}
.class-descriptor.s-1845 {
  top: 1062px;
}
.class-descriptor.s-1900 {
  top: 1086px;
}
.class-descriptor.s-1915 {
  top: 1110px;
}
.class-descriptor.s-1930 {
  top: 1134px;
}
.class-descriptor.s-1945 {
  top: 1158px;
}
.class-descriptor.s-2000 {
  top: 1182px;
}
.class-descriptor.s-2015 {
  top: 1206px;
}
.class-descriptor.s-2030 {
  top: 1230px;
}
.class-descriptor.s-2045 {
  top: 1254px;
}
.class-descriptor.s-2100 {
  top: 1278px;
}
.class-descriptor.s-2115 {
  top: 1302px;
}
.class-descriptor.s-2130 {
  top: 1326px;
}
.class-descriptor.s-2145 {
  top: 1350px;
}
.callout {
  position: fixed;
  top: calc(50vh - 120px);
  height: 240px;
  left: calc(50vw - 170px);
  width: 340px;
  background: #FFFFFF;
  z-index: 9999;
  box-shadow: 0 0 5px 2px rgba(155, 155, 155, 0.5);
  text-align: center;
  border-radius: 5px;
  display: none;
  overflow: hidden;
}
.callout.confirm {
  display: block;
}
.callout-wrapper > button {
  background: rgb(50, 161.0837438424, 255);
}
.callout-wrapper > button:hover, .callout > button:focus, .callout-footer > button:hover, .callout-footer > button:focus {
  background: #006ecb;
}
.callout-wrapper > ul > li > button, .callout-wrapper > button, .callout-footer > button {
  bottom: 20px;
  border: none;
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3);
  border-radius: 3px;
  padding: 5px 10px;
  color: white;
  background: rgb(50, 161.0837438424, 255);
}
.callout-wrapper > ul > li > button:hover {
  background: #006ecb;
}
.callout-wrapper > ul > li > button.ok, .callout-wrapper > ul > li > button.delete, .callout-footer > ul > li > button.ok, .callout-footer > ul > li > button.delete {
  position: absolute;
  left: 20px;
  background: rgb(50, 161.0837438424, 255);
  color: white;
}
.callout-wrapper > button.ok:hover, .callout-footer > button.ok {
  background: #006ecb;
}
.callout-wrapper > button.no, .callout-footer > button.no {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: #f3f3f3;
  color: #555;
}
.callout-wrapper > ul > li > button.delete, .callout-footer > ul > li > button.delete {
  left: auto;
  right: 100px;
}
.callout-wrapper > button.ok, .callout-footer > button.ok {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.callout-wrapper > button.no:hover, .callout-footer > button.no {
  background: #006ecb;
  color: white;
}
.callout > div > button.delete {
  position: absolute;
  left: 110px;
  background: #ff6666;
  color: white;
  cursor: pointer;
}
.callout > div > ul > li > label {
  min-width: 30%;
}
.callout > div > ul > li > label.days-label {
  position: relative;
  float: left;
  margin-right: 10px;
  min-width: 50px;
}
.callout > div > ul > li > input.days-input {
  margin-right: 20%;
}
.callout > div > button.delete:hover {
  background: red;
}
.sub-nav.preview > ul > li > a > button:hover, .sub-nav.preview > ul > li > div > button:hover {
  background: rgb(70.8043478261, 123.5739130435, 210.1956521739);
  color: white;
}
.sub-nav.preview > ul > li > a > button.primed, .sub-nav.preview > ul > li > div > button.primed {
  background: rgb(70.8043478261, 123.5739130435, 210.1956521739);
  color: white;
}
.sub-nav.preview > ul > li > a > button.primed:hover, .sub-nav.preview > ul > li > div > button.primed:hover {
  background: rgb(25.0434782609, 54.5391304348, 102.9565217391);
}
.callout > .bottom-toolbar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: white;
  box-shadow: 0 -2px 4px 0 rgba(155, 155, 155, 0.4);
}
.callout > .bottom-toolbar > button > .loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 60%;
  background-image: url("/build/assets/white_spinner-CnNCrxc3.gif");
  opacity: 0.8;
  background-color: rgb(70.8043478261, 123.5739130435, 210.1956521739);
  display: none;
}
.callout > .bottom-toolbar > button.loading > .loader {
  display: block;
}
.callout.confirm {
  z-index: 9998;
}
.callout.confirm_ontop {
  z-index: 9999;
}
.callout-wrapper .js-global {
  cursor: pointer;
}
#confirm-callout-large, #confirm-callout-long {
  top: 20px;
  height: 90vh;
  left: calc(50vw - 230px);
  width: 460px;
  z-index: 9999;
}
#confirm-callout-large {
  width: 600px;
  left: calc(50vw - 300px);
}
#confirm-callout-longer {
  top: 10px;
  height: calc(100vh - 50px);
  left: calc(50vw - 230px);
  width: 460px;
}
#confirm-callout-editor {
  top: 10vh;
  height: 80vh;
  left: 10vw;
  width: 80vw;
}
#confirm-callout-editor > .callout-wrapper {
  height: calc(80vh - 40px);
  overflow-y: scroll;
}
#confirm-callout-editor > .callout-wrapper > ul > li > label {
  position: relative;
  float: left;
  max-width: 150px;
  width: 30%;
  background-color: #f3f3f3;
  margin-bottom: 1px;
  padding: 5px;
}
.callout-wrapper > ul > li.boxed {
  border: solid rgba(133, 133, 133, 0.5) 1px;
  padding: 5px 10px;
  margin: 5px 0;
  width: auto !important;
}
#confirm-callout-editor > .callout-wrapper > ul > li > input {
  position: relative;
  float: left;
  max-width: 540px;
  width: 70%;
  margin-bottom: 1px;
  margin: 1px;
  padding: 4px 5px 3px;
  border: solid 1px rgba(155, 155, 155, 0.5);
}
#confirm-callout-editor > .callout-wrapper > ul > li > select {
  position: relative;
  float: left;
  max-width: 300px;
  margin-bottom: 1px;
  margin: 2px;
  padding: 3px;
  border: solid 1px rgba(155, 155, 155, 0.5);
}
#confirm-callout-editor > .callout-wrapper > ul > li > input[type=checkbox] {
  max-width: 40px;
  border: solid 1px rgba(155, 155, 155, 0.5);
  height: 28px;
}
#confirm-callout-editor > .callout-wrapper > ul > li > textarea, #confirm-callout-editor > .callout-wrapper > ul > li > .tnymce-wrapper {
  position: relative;
  float: left;
  max-width: 540px;
  width: 70%;
  margin-bottom: 1px;
  padding: 4px;
  margin: 1px;
  min-height: 120px;
  border: solid 1px rgba(155, 155, 155, 0.5);
}
#confirm-callout-editor > .callout-wrapper > li#select-options {
  margin-bottom: 80px;
}
#confirm-callout-2.confirm {
  background: white;
  z-index: 99999;
  box-shadow: 0 0 100px 40px rgba(155, 155, 155, 0.7);
}
#confirm-callout-full {
  top: 0vh;
  height: 100vh;
  left: 0vw;
  width: 100vw;
  overflow-y: scroll;
  z-index: 9998;
}
#confirm-callout-full > .callout-wrapper {
  height: calc(95vh - 150px);
  padding-bottom: 80px;
  overflow-y: scroll;
}
.callout > .callout-wrapper {
  position: relative;
  float: left;
  width: 100%;
  overflow-y: scroll;
  height: 210px;
  padding: 20px 20px 100px;
  text-align: left;
  font-size: 1.1em;
}
.callout > .callout-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: #f3f3f3;
  box-shadow: 0 2px 5px 2px rgba(155, 155, 155, 0.4);
}
#callout-wrapper.api > ul > li:nth-child(2n) {
  background: rgb(70.8043478261, 123.5739130435, 210.1956521739);
  color: white;
  margin-bottom: 1px;
}
#callout-wrapper.api > ul > li:nth-child(2n-1) {
  background: rgb(91.3152173913, 138.2086956522, 215.1847826087);
  color: white;
  margin-bottom: 1px;
}
#confirm-callout-large > .callout-wrapper, #confirm-callout-long > .callout-wrapper {
  height: calc(100vh - 50px);
  overflow-y: scroll;
  top: 10px;
  padding-bottom: 180px;
}
#confirm-callout-longer > .callout-wrapper {
  height: calc(100vh - 90px);
}
#confirm-callout-large > .callout-wrapper > .tnymce-wrapper {
  min-height: 120px;
  box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.3);
  padding: 10px;
}
.callout > h3 {
  margin: 0;
  text-align: left;
  line-height: 20px;
  padding: 10px 20px;
  background: rgb(45, 98, 185);
  color: white;
  font-size: 1.1em;
  font-weight: 600;
  text-align: center;
}
.callout > .callout-wrapper > p {
  position: relative;
  float: left;
  width: 100%;
}
.callout > .callout-wrapper > label {
  position: relative;
  float: left;
  text-align: right;
  margin: 4px 10px;
  width: calc(40% - 20px);
}
.callout > .callout-wrapper > input {
  position: relative;
  float: left;
  width: 60%;
  font-size: 1.4em;
}
.callout > .callout-wrapper > textarea {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
}
.callout > .callout-wrapper > .tinymce-body {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
  max-height: 240px;
  overflow-y: scroll;
}
.callout > .callout-wrapper > ul {
  position: relative;
  float: left;
  width: 100%;
}
.callout > .callout-wrapper > ul > li {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px;
}
.callout > .callout-wrapper > ul > li > em {
  position: relative;
  float: left;
  width: 20px;
}
.callout > .callout-wrapper > ul > li > span {
  position: relative;
  float: left;
  width: calc(100% - 50px);
}
.click-close {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 0;
}
.click-close em {
  position: absolute;
  top: 10px;
  right: 30px;
  color: white;
  font-size: 24px;
  z-index: 99999;
  height: 24px;
  background: rgba(0, 0, 0, 0);
  width: 24px;
  font-weight: 600;
  text-transform: lowercase;
}
#confirm-callout {
  position: fixed;
  top: calc(50vh - 130px);
  height: 260px;
  left: calc(50vw - 170px);
  width: 340px;
  background: #FFFFFF;
  z-index: 9999;
  box-shadow: 0 0 5px 2px rgba(155, 155, 155, 0.5);
  text-align: center;
  padding: 20px;
  border-radius: 5px;
  display: none;
}
#confirm-callout.bigger {
  top: calc(50vh - 180px);
  min-height: 360px;
  padding: 0;
}
#confirm-callout.bigger > h3 {
  position: relative;
  float: left;
  width: 100%;
  background: #006ecb;
  color: white;
  padding: 10px 20px;
}
#in-page-login {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  height: 320px;
}
#in-page-login > label, #in-page-login > input {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
}
#in-page-login > .callout-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 340px;
  height: 20px;
  padding: 5px 20px;
}
#in-page-login > .callout-footer > button {
  position: relative;
  float: left;
  background: #006ecb;
}
#in-page-login > .callout-footer > button:hover {
  background: rgb(0, 54.7290640394, 101);
}
#in-page-login > .callout-footer > button.no {
  float: right;
  right: 0;
}
#confirm-callout h3 {
  margin: 0;
  text-align: left;
  font-size: 16px;
  line-height: 18px;
}
#confirm-callout input {
  position: relative;
  float: left;
  margin: 10px 0;
  width: 100%;
  padding: 5px;
  border: solid 1px #006ecb;
}
#confirm-callout.confirm {
  display: block;
  z-index: 99999;
}
#confirm-callout span {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px 0;
  color: #555;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 16px;
  text-align: left;
}
#confirm-callout span a {
  color: #006ecb;
  text-decoration: underline;
}
#confirm-callout button {
  position: absolute;
  bottom: 20px;
  border: none;
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3);
  border-radius: 3px;
  padding: 5px 10px;
}
#confirm-callout button.ok {
  left: 20px;
  background: #32a1ff;
  color: white;
}
#confirm-callout button.ok:hover {
  background: #006ecb;
}
#confirm-callout button.no {
  right: 20px;
}
#confirm-callout button.no:hover {
  background: rgb(45, 98, 185);
}
#confirm-callout-full > .unfinished-forms-list {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 20px;
}
#confirm-callout-full > .unfinished-forms-list > h2 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(155, 155, 155, 0.3);
  font-weight: 600;
}
#confirm-callout-full > .unfinished-forms-list > h2 > a {
  font-weight: 400;
}
#confirm-callout-full > .unfinished-forms-list > table.applicant-forms-table > tbody > tr {
  border: none;
}
#confirm-callout-full > .unfinished-forms-list > table.applicant-forms-table > thead > tr > th {
  border: none;
}
#confirm-callout-full > .unfinished-forms-list > table.applicant-forms-table {
  border-bottom: 1px solid rgba(155, 155, 155, 0.3);
  padding-bottom: 10px;
  margin-left: 40px;
  width: calc(100% - 40px);
}
.unfinished-forms-list > .applicant-forms-table > tbody > tr > td:nth-child(4n-3) > div {
  width: auto;
  text-align: left;
}
#confirm-callout-page-preview {
  position: fixed;
  top: 2.5vh;
  height: 95vh;
  left: calc(50vw - 380px);
  width: 760px;
  background: #FFFFFF;
  z-index: 9999;
  box-shadow: 0 0 5px 2px rgba(155, 155, 155, 0.5);
  text-align: center;
  padding: 20px;
  border-radius: 5px;
  display: none;
}
#confirm-callout-page-preview.confirm {
  display: block;
}
.callout > .callout-wrapper > ul > li.nclcd {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.callout > .callout-wrapper > ul > li.w50 {
  width: 50%;
}
.callout > .callout-wrapper > ul > li.nclcd > label, .callout > .callout-wrapper > ul#ncl > li > label, .callout > .callout-wrapper > ul > li.nclc > label {
  position: relative;
  float: left;
  width: 40%;
  font-size: 1em;
}
.callout > .callout-wrapper > ul#ncl > li > label, .callout > .callout-wrapper > ul > li.nclc > label {
  width: auto;
}
.callout > .callout-wrapper > ul#ncl > li.w50 > label.w100 {
  width: 100%;
}
.days-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
.days-wrapper > .day {
  position: relative;
  float: left;
  width: 20px;
  text-align: center;
  margin-right: 10px;
}
span.days-label, input.days-input {
  position: relative;
  float: left;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-bottom: 5px;
}
.class-actions {
  padding: 5px 0;
  border-bottom: 1px solid rgba(155, 155, 155, 0.3);
}
.class-actions > .left-channel {
  position: relative;
  float: left;
  width: calc(100% - 160px);
}
.class-actions > .left-channel > span {
  position: relative;
  float: left;
  width: 100%;
}
.class-actions > .right-channel {
  position: relative;
  float: left;
  width: 160px;
}
.class-actions > .right-channel > ul {
  position: relative;
  float: left;
  width: 100%;
}
.class-actions > .right-channel > ul li {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px 10px;
  text-align: center;
  background: rgb(45, 98, 185);
  border-radius: 3px;
  border: 1px solid rgba(200, 200, 200, 0.3);
  color: #FFFFFF;
  font-weight: 400;
  cursor: pointer;
  margin-bottom: 2px;
}
.class-actions > .right-channel > ul li:hover {
  background: rgb(25.0434782609, 54.5391304348, 102.9565217391);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.user-man > .left-panel, .user-man > .right-panel {
  position: relative;
  float: left;
  width: 100%;
}
.user-man > .left-panel > ul, .user-man > .right-panel > ul {
  margin-bottom: 20px;
}
.user-man > .left-panel > h3, .user-man > .right-panel > h3 {
  margin: 5px 0;
  padding: 0;
  width: 100%;
  position: relative;
  float: left;
}
.user-man > .left-panel > ul > li, .user-man > .right-panel > ul > li {
  position: relative;
  float: left;
  margin-left: 15px;
}
.user-man > .right-panel > ul > li {
  width: 20%;
  margin-right: 13%;
}
.user-man > .right-panel > ul > li:nth-child(3n) {
  margin-right: 0;
}
.user-man > .right-panel > ul > li > label {
  position: relative;
  float: left;
}
.user-man > .right-panel > ul > li > input {
  position: relative;
  float: right;
}
.user-man > .left-panel > ul, .user-man > .right-panel > ul, .user-man > .left-panel > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
.user-man > .left-panel > ul > li {
  margin-bottom: 5px;
}
.user-man > .left-panel > ul > li:first-child {
  margin-top: 10px;
}
.user-man > .left-panel > ul#programs > li {
  margin-bottom: 10px;
}
.user-man > .left-panel > ul > li > span {
  font-weight: 600;
}
.user-man > .left-panel > ul > li > h4 {
  margin: 0;
}
.user-man > .left-panel > ul > li > h4 > em {
  position: relative;
  margin: 0 5px;
  font-size: 12px;
}
.user-man > .left-panel > ul > li > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
.user-man > .left-panel > ul > li > ul > li > label {
  position: relative;
  float: left;
  font-weight: 400;
  max-width: calc(100% - 40px);
}
.user-man > .left-panel > ul > li > ul > li > input {
  position: relative;
  float: left;
  max-width: 30px;
  margin-left: 10px;
}
.user-man > .left-panel > ul > li > span > em, .user-man > .right-panel > ul > li > span > em {
  position: relative;
  margin: 0 5px;
  font-size: 10px;
}
#in-page-login > label, #in-page-login > input {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
}
#program-details > li > label > span.Form-label-text {
  width: 40%;
}
#program-details > li > label > i {
  display: none;
}
#program-details > li > label > input.Form-input {
  margin-left: 40%;
}
#program-details > li > label > input.Form-input.checkbox {
  margin-left: 40% !important;
}
#program-details > li > span.Form-label-text {
  font-size: 1em;
}
#program-details > li > i {
  display: none;
}
#program-details > li > select {
  margin-top: 5px;
  width: calc(100% - 50px);
  border: rgba(155, 155, 155, 0.3);
}
.sc-3-cols {
  position: relative;
  float: left;
  width: 100%;
}
.callout > .callout-wrapper > .sc-3-cols > li {
  position: relative;
  float: left;
  width: 33.3%;
  padding: 20px;
}
.sc-3-cols > li > h3 {
  font-size: 18px;
}
.sc-3-cols > li > ul {
  position: relative;
  float: left;
  width: 100%;
}
.sc-3-cols > li > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
.sc-3-cols > li > span, .sc-3-cols > li > ul > li > span {
  position: relative;
  float: left;
  text-decoration: underline;
  color: rgb(25.0434782609, 54.5391304348, 102.9565217391);
  padding: 5px 10px;
}
.sc-3-cols > li > span:hover, .sc-3-cols > li > ul > li > span:hover {
  color: rgb(45, 98, 185);
}
.nclc > select {
  max-width: 100%;
}
.nclc > label > i {
  float: left;
  color: rgb(45, 98, 185);
  font-size: 0.85em;
  width: 100%;
}
.class-row {
  border-bottom: 1px solid #333;
  margin-bottom: 5px;
}
.pending-classes, .pending-classes > ul, .pending-classes > ul > li, .pending-classes > ul > li > ul, .pending-classes > ul > li > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
.pending-classes {
  padding-bottom: 80px;
}
.pending-classes > ul {
  padding: 20px;
}
.pending-classes > ul > li {
  padding: 5px 0;
}
.pending-classes > ul > li > ul > li {
  padding: 5px 10px;
  text-align: left;
}
.pending-classes > ul > li > ul > li:nth-child(1) {
  width: 10%;
}
.pending-classes > ul > li > ul > li:nth-child(2) {
  width: 45%;
  border-left: 1px solid rgba(133, 133, 133, 0.3);
}
.pending-classes > ul > li > ul > li:nth-child(3) {
  width: 20%;
  border-left: 1px solid rgba(133, 133, 133, 0.3);
}
.pending-classes > ul > li > ul > li:nth-child(4) {
  width: 10%;
  border-left: 1px solid rgba(133, 133, 133, 0.3);
}
.pending-classes > ul > li > ul > li:nth-child(5) {
  width: 15%;
  border-left: 1px solid rgba(133, 133, 133, 0.3);
}
.pending-classes > ul > li > ul > li > div.searching > span {
  position: relative;
  float: left;
}
.pending-classes > ul > li > ul > li > div.searching > em {
  background-repeat: no-repeat;
  background-image: url(/resources/ui/loading-chain.gif);
  background-size: 100%;
  background-position: 50% 50%;
  position: relative;
  float: left;
  width: 40px;
  height: 10px;
  margin-top: 6px;
}
.week-select > ul {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
}
.week-select > ul > li {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  margin-top: 20px;
  border: solid 1px rgba(133, 133, 133, 0.3);
  border-radius: 3px;
  cursor: pointer;
}
.week-select > ul > li.active {
  background: rgb(45, 98, 185);
  color: white;
}
.week-select > ul > li:hover {
  background: rgb(111.8260869565, 152.8434782609, 220.1739130435);
  color: white;
  cursor: pointer;
}
.week-select > ul > li.grid1 {
  width: 120px;
  margin-left: calc(50% - 60px);
}
.week-select > ul > li.grid2 {
  width: 120px;
  margin-left: calc(25% - 60px);
  cursor: pointer;
}
.week-select > ul > li.grid3, .week-select > ul > li.grid6, .week-select > ul > li.grid9, .week-select > ul > li.grid12, .week-select > ul > li.grid15, .week-select > ul > li.grid18, .week-select > ul > li.grid21, .week-select > ul > li.grid24 {
  width: 120px;
  margin-left: calc(20% - 60px);
  cursor: pointer;
}
.week-select > ul > li.grid4, .week-select > ul > li.grid5, .week-select > ul > li.grid7, .week-select > ul > li.grid8, .week-select > ul > li.grid10, .week-select > ul > li.grid11, .week-select > ul > li.grid13, .week-select > ul > li.grid14, .week-select > ul > li.grid16, .week-select > ul > li.grid17, .week-select > ul > li.grid19, .week-select > ul > li.grid20, .week-select > ul > li.grid22, .week-select > ul > li.grid23 {
  width: 120px;
  font-size: 0.9em;
  margin-left: calc(16.66% - 60px);
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .user-man > .left-panel, .user-man > .right-panel {
    position: relative;
    float: left;
    width: calc(50% - 10px);
  }
  .user-man > .left-panel {
    margin-right: 10px;
  }
  .user-man > .right-panel {
    margin-left: 10px;
  }
}
.big-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9);
  background-repeat: no-repeat;
  background-image: url("/build/assets/loading-chain-BjUhyQ6q.gif");
  background-position: 50% 50%;
  display: none;
}
.big-loader.loading {
  display: block;
  z-index: 9999;
}
.sub-nav.tickets {
  position: relative;
  float: left;
  width: calc(100% - 66px);
  background: #FFFFFF;
  padding: 0;
  box-shadow: 0 1px 3px 1px rgba(133, 133, 133, 0.1);
  margin-bottom: 40px;
}
.sub-nav.tickets > div.sub-nav-item, .sub-nav.tickets > div.sub-nav-item-inactive {
  position: relative;
  float: left;
  padding: 10px 20px;
}
.sub-nav.tickets > div.sub-nav-item.active {
  background: rgb(70.8043478261, 123.5739130435, 210.1956521739);
  color: white;
}
.sub-nav.tickets > div.sub-nav-item > button, .sub-nav.tickets > div.sub-nav-item-inactive > button {
  cursor: pointer;
  padding: 5px 10px;
  border-right: rgba(133, 133, 133, 0.5) solid 1px;
  background: none;
}
.sub-nav.tickets > div.sub-nav-item.g6, .sub-nav.tickets > div.sub-nav-item-inactive.g6 {
  width: 16.66%;
  height: 74px;
}
.sub-nav.tickets > div.sub-nav-item:last-child {
  border-right: none;
}
.sub-nav.tickets > div.sub-nav-item > button, .sub-nav.tickets > div.sub-nav-item-inactive > button, .sub-nav.tickets > div.sub-nav-item-inactive > div, .sub-nav.tickets > div.sub-nav-item > div {
  position: relative;
  float: left;
  border: none;
  width: 100%;
  text-align: center;
}
.sub-nav.tickets > div.sub-nav-item > button > i, .sub-nav.tickets > div.sub-nav-item > button > span > i, .sub-nav.tickets > div.sub-nav-item-inactive > button > span > i {
  font-size: 0.7em;
}
.sub-nav.tickets > div.sub-nav-item-inactive > button {
  padding: 17px 0;
}
.sub-nav.tickets > div.sub-nav-item-inactive > button > span {
  line-height: 18px;
}
.sub-nav.tickets > div.sub-nav-item-inactive > button.double {
  padding: 7px 0;
}
.sub-nav.tickets > div.sub-nav-item > button > i, .sub-nav.tickets > div.sub-nav-item-inactive > button > i, .sub-nav.tickets > div.sub-nav-item > div > i, .sub-nav.tickets > div.sub-nav-item-inactive > div > i {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  font-size: 12px;
  line-height: 22px;
}
div.sub-nav-item > button > span, div.sub-nav-item-inactive > button > span, div.sub-nav-item > div > span, div.sub-nav-item-inactive > div > span {
  font-size: 18px;
  line-height: 22px;
}
.row > .col12, #term_selector_container {
  width: calc(100vw - 20px);
  margin-left: 10px;
}
div.dt-button-collection > ul.dropdown-menu {
  background: white;
}
.dt-search {
  margin-bottom: 10px;
}
#main-area-home-icon {
  position: relative;
  float: left;
  display: block;
  left: 0;
  max-width: 100vw;
  overflow-wrap: break-word;
}
#main-area-info-icon, #main-area-academics-icon, #main-area-travel-icon, #main-area-diversity-icon, #library-nav-main-panel {
  padding: 0 2.5% 100px 0;
  max-width: 90vw;
  overflow-wrap: break-word;
}
#main-area-travel-icon {
  position: absolute;
  left: 0;
}
.sisto-filter-header {
  width: 100%;
  position: relative;
  font-size: 1.8em;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 10px;
}
.sisto-index-item-wrapper {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  height: 120px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 5px;
  color: #FFFFFF;
}
.sisto-index-item-wrapper.welcome-icon {
  background-color: #d8571f;
}
.sisto-index-item-wrapper.info-icon {
  background-color: #7d9c47;
}
.sisto-index-item-wrapper.diversity-icon {
  background-color: #df4dda;
}
.sisto-index-item-wrapper.academics-icon {
  background-color: #3c8ccb;
}
.sisto-index-item-wrapper.papers-icon {
  background-color: #006970;
}
.sisto-index-item-wrapper.users-icon {
  background-color: #d8571f;
}
.sisto-index-item-wrapper.dockets-icon {
  background-color: #7d9c47;
}
.sisto-index-item-wrapper.travel-icon {
  background-color: #00497f;
}
.sisto-index-item-wrapper.emergency-icon {
  background-color: #7e1241;
}
.sisto-index-item-wrapper.editor-icon {
  background-color: #5f6978;
}
.sisto-index-item-wrapper.cms-icon {
  background-color: #d8571f;
}
.sisto-index-item-wrapper.library-icon {
  background-color: #3c8ccb;
}
.sisto-index-item-wrapper.courses-icon {
  background-color: #3c8ccb;
}
.sisto-index-item-wrapper.docket-icon {
  background-color: #7d9c47;
}
.sisto-index-item-wrapper.docket-list-icon {
  background-color: #d8571f;
}
.sisto-item-inner-wrapper, .sisto-ayf-item-inner-wrapper {
  position: relative;
  text-align: center;
  width: 100%;
  height: 80px;
}
.ayf-item-inner-wrapper {
  height: auto;
  margin-bottom: 15px;
}
.sisto-index-item {
  position: relative;
  float: left;
  display: block;
  margin: 16px 0;
  width: 55px;
  height: 55px;
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-image: url("/build/assets/icon-nav-DbyfXx78.png");
  background-position: 6px 15px;
  border-radius: 33px;
  cursor: pointer;
  margin-top: 5px;
}
.sisto-index-item.home-icon {
  background-position: 6px 15px;
  background-color: rgb(224.6120481928, 35.2530120482, 26.1879518072);
}
.sisto-index-item.welcome-icon {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -361px -104px;
  background-size: 415px;
  background-color: rgb(207.0801619433, 83.4072874494, 29.7198380567);
}
.sisto-index-item.info-icon {
  background-position: 4px -60px;
  background-color: rgb(119.3832599119, 148.99030837, 67.80969163);
}
.sisto-index-item.diversity-icon {
  background-image: url("/build/assets/diversity-CPbSMGmC.png");
  background-position: 13px 11px;
  background-size: 30px;
  background-color: #F7F7F7;
}
.sisto-index-item.academics-icon {
  background-position: 4px -140px;
  background-color: rgb(53.2210526316, 135.0995951417, 199.5789473684);
}
.sisto-index-item.papers-icon {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -315px -54px;
  background-size: 415px;
  background-color: rgb(0, 114.5625, 122.2);
}
.sisto-index-item.users-icon {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -74px -2px;
  background-size: 415px;
  background-color: rgb(207.0801619433, 83.4072874494, 29.7198380567);
}
.sisto-index-item.dockets-icon {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-size: 415px;
  background-position: -193px -105px;
  background-color: rgb(119.3832599119, 148.99030837, 67.80969163);
}
.sisto-index-item.travel-icon {
  background-position: 4px -218px;
  background-color: rgb(0, 78.862992126, 137.2);
}
.sisto-index-item.events-icon {
  background-position: 8px -52px;
  background-color: rgb(119.3832599119, 148.99030837, 67.80969163);
}
.sisto-index-item.calendar-icon {
  background-position: 8px -52px;
  background-color: rgb(119.3832599119, 148.99030837, 67.80969163);
}
.sisto-index-item.file-share-icon {
  background-position: 8px -52px;
  background-color: rgb(119.3832599119, 148.99030837, 67.80969163);
}
.sisto-index-item.grades-icon {
  background-position: 8px -52px;
  background-color: rgb(119.3832599119, 148.99030837, 67.80969163);
}
.sisto-index-item.messenger-icon {
  background-position: 8px -52px;
  background-color: rgb(119.3832599119, 148.99030837, 67.80969163);
}
.sisto-index-item.emergency-icon {
  background-position: 4px -302px;
  background-color: rgb(134.925, 19.275, 69.6041666667);
}
.sisto-index-item.editor-icon {
  background-position: 4px -382px;
  background-color: rgb(90.4930232558, 100.0186046512, 114.3069767442);
}
.sisto-index-item.backend-icon {
  background-position: 4px -466px;
  background-color: rgb(223.2720647773, 91.2429149798, 33.9279352227);
}
.sisto-index-item.library-icon {
  background-position: 5px -535px;
  background-color: rgb(53.2210526316, 135.0995951417, 199.5789473684);
}
.sisto-index-item.courses-icon {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -257px -106px;
  background-size: 415px;
  background-color: rgb(53.2210526316, 135.0995951417, 199.5789473684);
}
.sisto-index-item.docket-icon {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -193px -105px;
  background-size: 415px;
  background-color: rgb(119.3832599119, 148.99030837, 67.80969163);
}
.sisto-index-item.docket-list-icon {
  background-image: url("/build/assets/docket_nav-DAnkse-d.png");
  background-position: -188px -100px;
  background-color: rgb(207.0801619433, 83.4072874494, 29.7198380567);
}
.sisto-item-inner-caption, .sisto-ayf-item-inner-caption {
  position: relative;
  float: left;
  margin-top: 20px;
  cursor: pointer;
  text-transform: capitalize;
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  padding: 0 5px;
  color: #f7f7f7 !important;
  display: none;
}
.sisto-blurb-wrapper, .sisto-ayf-blurb-wrapper {
  position: relative;
  float: left;
  width: calc(100% - 55px);
  height: 100px;
  margin-top: 0;
  text-align: left;
  padding: 10px 10px 10px 20px;
}
.sisto-blurb-header {
  position: relative;
  margin: auto;
  font-size: 20px;
  line-height: 22px;
  font-weight: 300;
  color: #FFFFFF;
  text-transform: capitalize;
}
.sisto-blurb-content {
  position: relative;
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
  color: #FFFFFF;
}
.sisto-ayf-blurb-content {
  font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif !important;
  font-weight: 300 !important;
}
.sisto-filter-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
.sisto-filters-list {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  padding: 10px 10px 0;
  border-bottom: solid rgba(155, 155, 155, 0.7) 1px;
  margin-bottom: 20px;
}
.sisto-filter {
  position: relative;
  float: left;
  width: 33%;
}
.sisto-filter-icon, .sisto-page-icon {
  position: relative;
  width: 86px;
  height: 36px;
  border-radius: 10px;
  display: block;
  margin: auto;
  cursor: pointer;
  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgb(255, 255, 255);
}
.sisto-page-icon {
  height: 50px;
  width: 50px;
  background: linear-gradient(135deg, #1c95f6, rgb(126.1101694915, 194.813559322, 249.8898305085));
}
.sisto-filter-icon-symbol {
  position: relative;
  float: left;
  margin: 10px;
}
.sisto-filter:nth-child(9n-8) .sisto-filter-icon {
  background: linear-gradient(135deg, #1c95f6, rgb(77.0550847458, 171.906779661, 247.9449152542));
}
.sisto-filter:nth-child(9n-7) .sisto-filter-icon {
  background: linear-gradient(135deg, #f96a1d, rgb(250.3189655172, 138.7543103448, 78.6810344828));
}
.sisto-filter:nth-child(9n-6) .sisto-filter-icon {
  background: linear-gradient(135deg, #aa3939, rgb(196.7444933921, 81.2555066079, 81.2555066079));
}
.sisto-filter:nth-child(9n-5) .sisto-filter-icon {
  background: linear-gradient(135deg, #1d9900, rgb(38.6666666667, 204, 0));
}
.sisto-filter:nth-child(9n-4) .sisto-filter-icon {
  background: linear-gradient(135deg, #f4c901, rgb(254.1265306122, 216.5673469388, 41.8734693878));
}
.sisto-filter:nth-child(9n-3) .sisto-filter-icon {
  background: linear-gradient(135deg, #555794, rgb(111.4463519313, 113.3862660944, 172.5536480687));
}
.sisto-filter:nth-child(9n-2) .sisto-filter-icon {
  background: linear-gradient(135deg, #28d146, rgb(78.734939759, 221.265060241, 104.0361445783));
}
.sisto-filter:nth-child(9n-1) .sisto-filter-icon {
  background: linear-gradient(135deg, #2a4dff, rgb(93, 119.6197183099, 255));
}
.sisto-filter:nth-child(9n) .sisto-filter-icon {
  background: linear-gradient(135deg, #fe34d1, rgb(254.25, 102.75, 220.5));
}
.sisto-ayf-icons {
  position: relative;
  width: 100%;
  float: left;
  min-height: 750px;
}
.sisto-isotope {
  float: left;
  padding-bottom: 120px;
}
.sisto-isotope-spacer {
  position: relative;
  float: left;
  height: 170px;
  width: 100%;
}
.ayf-icon {
  width: 33.3%;
  height: 100px;
}
.ayf-icon:last-child {
  margin-bottom: 40px;
}
.ayf-icon.open {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  z-index: 99;
  background: rgb(69, 85, 96);
}
.ayf-icon.open .sisto-page-icon {
  position: relative;
  float: left;
  margin: 10px 0;
}
.ayf-icon.open .sisto-ayf-item-link {
  display: none;
}
.ayf-icon.open .sisto-ayf-blurb-wrapper {
  display: block;
  position: relative;
  float: left;
  text-align: left;
  padding: 20px 2.5%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}
.ayf-icon.open .sisto-blurb-content-wrapper {
  position: relative;
  float: left;
  width: 76%;
  margin: 20px 0 0 20px;
}
.ayf-icon.open .sisto-blurb-header {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(155, 155, 155, 0.7);
  font-size: 20px;
  margin-bottom: 20px;
}
.ayf-icon.open .sisto-ayf-blurb-content {
  opacity: 1;
}
.sisto-caption-close {
  position: relative;
  margin: auto;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 1px;
  font-weight: 300;
  text-align: center;
}
.sisto-container-padder {
  position: relative;
  float: left;
  width: 100%;
  height: 60px;
}
.si {
  background-repeat: no-repeat;
  background-position: center center; /* horizontally and vertically centred */
  background-size: 20px 20px;
}
.si-alarm {
  background-image: url("/build/assets/alarm-BlMOBiEP.svg");
  background-size: 18px 18px;
}
.si-help {
  background-image: url("/build/assets/help-DgqBVVZV.svg");
}
.si-search {
  background-image: url("/build/assets/search-EBKgQ2Lo.svg");
}
@media screen and (min-width: 760px) {
  #main-area-info-icon, #main-area-academics-icon {
    padding: 0 7% 100px 0;
  }
  #main-area-travel-icon {
    padding: 0;
  }
  .ayf-icon.open .sisto-ayf-blurb-wrapper {
    margin: 0 5% 40px;
    width: 90%;
  }
  .sisto-index-item-wrapper {
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 30px;
  }
  .sisto-index-item-wrapper:nth-child(2n) {
    margin-right: 0;
  }
  #main-area-home-icon {
    width: calc(100vw - 67px);
    padding: 0 2.5%;
  }
}
@media screen and (min-width: 1020px) {
  .dash-320 > .sisto-main-content {
    padding: 0 67px 0 114px;
  }
  .main-panel.dockets {
    padding: 70px 0;
    left: 0;
  }
  .main-panel.users {
    padding: 0;
  }
  #users-main-panel {
    left: 0;
  }
  #docket-nav-main-panel {
    left: 0px;
  }
  .sisto-index-item-wrapper {
    width: 29.7%;
    margin-right: 2.16%;
    margin-left: 2.16%;
  }
  .sisto-index-item-wrapper:nth-child(2n) {
    margin-right: 2.16%;
  }
  .sisto-index-item-wrapper:nth-child(3n+2) {
    margin-right: 0;
  }
  .sisto-isotope {
    padding: 0;
  }
  .sisto-filter {
    width: 100%;
  }
  .sisto-filter-header {
    margin: 0 2.5%;
    border-radius: 5px 5px 0 0;
    background: rgb(90.3272727273, 111.2727272727, 125.6727272727);
    font-size: 18px;
    padding: 10px 0;
    color: #FFFFFF;
    top: 45px;
    font-family: "Montserrat", arial, sans-serif;
  }
  .sisto-filter-wrapper {
    width: 22.5%;
    margin-left: 2.5%;
  }
  .sisto-filters-list {
    top: 45px;
    border-bottom: none;
    background: rgba(255, 255, 255, 0.11);
    margin: 0 2.5%;
    border-radius: 0 0 5px 5px;
    padding: 0;
    font-family: "Montserrat", arial, sans-serif;
    background: rgb(143.2909090909, 161.9090909091, 174.7090909091);
  }
  .sisto-filters-list .sisto-ayf-item-inner-caption {
    line-height: 36px;
    width: 100%;
    color: #222 !important;
    margin-top: 0;
    margin-bottom: 1px;
    font-weight: 400;
    font-size: 15px;
    text-align: left;
  }
  .sisto-filters-list .sisto-filter {
    height: 34px;
    background: #FFFFFF;
    margin-bottom: 1px;
  }
  .sisto-filters-list .sisto-filter .sisto-filter-icon {
    width: 100%;
    height: 0;
    box-shadow: none;
  }
  .sisto-filters-list .sisto-filter:last-child {
    border-radius: 0px 0px 5px 5px;
  }
  .sisto-filters-list .sisto-filter:nth-child(9n-8) .sisto-filter-icon {
    color: #1c95f6;
  }
  .sisto-filters-list .sisto-filter:nth-child(9n-7) .sisto-filter-icon {
    color: #f96a1d;
  }
  .sisto-filters-list .sisto-filter:nth-child(9n-6) .sisto-filter-icon {
    color: #aa3939;
  }
  .sisto-filters-list .sisto-filter:nth-child(9n-5) .sisto-filter-icon {
    color: #1d9900;
  }
  .sisto-filters-list .sisto-filter:nth-child(9n-4) .sisto-filter-icon {
    color: #f4c901;
  }
  .sisto-filters-list .sisto-filter:nth-child(9n-3) .sisto-filter-icon {
    color: #555794;
  }
  .sisto-filters-list .sisto-filter:nth-child(9n-2) .sisto-filter-icon {
    color: #28d146;
  }
  .sisto-filters-list .sisto-filter:nth-child(9n-1) .sisto-filter-icon {
    color: #2a4dff;
  }
  .sisto-filters-list .sisto-filter:nth-child(9n) .sisto-filter-icon {
    color: #fe34d1;
  }
  .sisto-ayf-item-inner-wrapper {
    height: 45px;
  }
  .sisto-ayf-icons {
    width: 75%;
    margin-top: 45px;
  }
  .ayf-icon {
    width: 33.3%;
  }
  .sisto-index-item {
    float: left;
  }
  .ayf-icon.open .sisto-blurb-content-wrapper {
    width: 86%;
  }
}
@media screen and (min-width: 1280px) {
  .sisto-filter {
    width: 100%;
  }
  .ayf-icon {
    width: 20%;
  }
}
.left-sidebar {
  position: relative;
  float: left;
  z-index: 99;
}
.left-nav {
  position: relative;
  float: left;
  width: 65px;
  z-index: 99;
}
.left-sidebar > .left-nav > .left-nav-item > .icon, .left-panel > .left-panel-list > .left-nav-item > .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 65px;
  height: 70px;
  opacity: 0;
  z-index: 9;
}
.left-panel.open {
  position: absolute;
  top: 60px;
}
.left-sidebar > .left-nav > .left-nav-item > .left-nav-callout > em.ss-navigateright, .left-sidebar > .left-nav > .left-nav-item > .left-nav-callout > em.ss-navigateleft,
.left-panel > .left-panel-list > .left-nav-item > .left-nav-callout > em.ss-navigateright, .left-panel > .left-panel-list > .left-nav-item > .left-nav-callout > em.ss-navigateleft {
  position: absolute;
  top: 0px;
  left: 199px;
  height: 69px;
  font-size: 24px;
  color: white;
  transition: left ease-in 0.2s;
  padding: 19px 0px 0px 0;
  background-color: #df4dda;
  z-index: 999;
  display: none;
}
.left-sidebar > .left-nav > .left-nav-item.active > .left-nav-callout > em.ss-navigateright, .left-panel > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateright {
  display: block;
}
/*.left-sidebar > .left-nav > .left-nav-item > .left-nav-callout > em.ss-navigateleft{
	display:none;
}
.left-sidebar.open > .left-nav > .left-nav-item > .left-nav-callout >  em.ss-navigateright{
	display:none;
}*/
.left-sidebar.open > .left-nav > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft, .left-panel.open > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft {
  display: block;
}
.left-nav-item {
  position: relative;
  float: left;
  width: 65px;
  height: 70px;
  border-bottom: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}
.left-nav-item .sisto-menu-list {
  display: none;
}
.left-nav-item .sisto-background-clickable {
  display: none;
}
.left-nav-item .info-page-holder {
  display: none;
}
.left-nav-item .info-page-holder.active {
  display: block;
}
.left-nav-item > .icon-button {
  position: relative;
  float: left;
  width: 100%;
  height: 69px;
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-image: url("/build/assets/icon-nav-DbyfXx78.png");
  cursor: pointer;
}
.left-nav-item.back-icon > .icon-button {
  background-position: -44px -596px;
  border-right: 3px solid #e52920;
}
.left-nav-item.back-icon > .icon-button.active, .left-nav-item.back-icon > .icon-button:hover {
  background-position: 6px -596px;
  background-color: #e52920;
}
.left-nav-item.back-icon.active > .icon-button, .left-nav-item.back-icon:hover > .icon-button {
  background-position: 6px 15px;
  background-color: #df4dda;
}
.left-nav-item.home-icon > .icon-button {
  background-position: -44px 15px;
  border-right: 3px solid #df4dda;
}
.left-nav-item.home-icon > .icon-button.active, .left-nav-item.home-icon > .icon-button:hover {
  background-position: 6px 15px;
  background-color: #df4dda;
}
.left-nav-item.home-icon.active > .icon-button, .left-nav-item.home-icon:hover > .icon-button {
  background-position: 6px 15px;
  background-color: #df4dda;
}
.left-nav-item.welcome-icon > .icon-button {
  background-image: url("/build/assets/icons_general-BfrSS79Q.png");
  background-position: -356px -96px;
  border-right: 3px solid #d8571f;
  background-size: 415px;
}
.left-nav-item.welcome-icon > .icon-button.active, .left-nav-item.welcome-icon > .icon-button:hover {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -356px -96px;
  background-color: #d8571f;
}
.left-nav-item.welcome-icon.active > .icon-button, .left-nav-item.welcome-icon:hover > .icon-button {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -356px -96px;
  background-color: #d8571f;
}
.left-nav-item.info-icon > .icon-button {
  background-position: -44px -52px;
  border-right: 3px solid #7d9c47;
}
.left-nav-item.info-icon > .icon-button.active, .left-nav-item.info-icon > .icon-button:hover {
  background-position: 6px -52px;
  background-color: #7d9c47;
}
.left-nav-item.info-icon.active > .icon-button, .left-nav-item.info-icon:hover > .icon-button {
  background-position: 6px -52px;
  background-color: #7d9c47;
}
.left-nav-item.diversity-icon > .icon-button {
  background-image: url("/build/assets/diversity_blue-FAkXTGaJ.png");
  background-position: 15px 15px;
  border-right: 3px solid #df4dda;
  background-size: 30px;
}
.left-nav-item.diversity-icon > .icon-button.active, .left-nav-item.diversity-icon > .icon-button:hover {
  background-image: url("/build/assets/diversity-CPbSMGmC.png");
  background-position: 15px 15px;
  background-color: #E3E3E3;
}
.left-nav-item.diversity-icon.active > .icon-button, .left-nav-item.diversity-icon:hover > .icon-button {
  background-image: url("/resources/mg/ui/sitewide/diversity.png");
  background-position: 15px 15px;
  background-color: #E3E3E3;
}
.left-nav-item.academics-icon > .icon-button {
  background-position: -44px -134px;
  border-right: 3px solid #3c8ccb;
}
.left-nav-item.academics-icon > .icon-button.active, .left-nav-item.academics-icon > .icon-button:hover {
  background-position: 6px -134px;
  background-color: #3c8ccb;
}
.left-nav-item.academics-icon.active > .icon-button, .left-nav-item.academics-icon:hover > .icon-button {
  background-position: 6px -134px;
  background-color: #3c8ccb;
}
.left-nav-item.travel-icon > .icon-button {
  background-position: -44px -212px;
  border-right: 3px solid #00497f;
}
.left-nav-item.travel-icon > .icon-button.active, .left-nav-item.travel-icon > .icon-button:hover {
  background-position: 6px -212px;
  background-color: #00497f;
}
.left-nav-item.travel-icon.active > .icon-button, .left-nav-item.travel-icon:hover > .icon-button {
  background-position: 6px -212px;
  background-color: #00497f;
}
.left-nav-item.events-icon > .icon-button {
  background-position: -42px -49px;
  border-right: 3px solid #7d9c47;
}
.left-nav-item.events-icon > .icon-button.active, .left-nav-item.events-icon > .icon-button:hover {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-nav-item.events-icon.active > .icon-button, .left-nav-item.events-icon:hover > .icon-button {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-nav-item.calendar-icon > .icon-button {
  background-position: -42px -49px;
  border-right: 3px solid #7d9c47;
}
.left-nav-item.calendar-icon > .icon-button.active, .left-nav-item.calendar-icon > .icon-button:hover {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-nav-item.calendar-icon.active > .icon-button, .left-nav-item.calendar-icon:hover > .icon-button {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-nav-item.file-share-icon > .icon-button {
  background-position: -42px -49px;
  border-right: 3px solid #7d9c47;
}
.left-nav-item.file-share-icon > .icon-button.active, .left-nav-item.file-share-icon > .icon-button:hover {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-nav-item.file-share-icon.active > .icon-button, .left-nav-item.file-share-icon:hover > .icon-button {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-nav-item.grades-icon > .icon-button {
  background-position: -42px -49px;
  border-right: 3px solid #7d9c47;
}
.left-nav-item.grades-icon > .icon-button.active, .left-nav-item.grades-icon > .icon-button:hover {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-nav-item.messenger-icon > .icon-button {
  background-position: -42px -49px;
  border-right: 3px solid #7d9c47;
}
.left-nav-item.messenger-icon > .icon-button.active, .left-nav-item.messenger-icon > .icon-button:hover {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-nav-item.emergency-icon > .icon-button {
  background-position: -44px -292px;
  border-right: 3px solid #7e1241;
}
.left-nav-item.emergency-icon > .icon-button.active, .left-nav-item.emergency-icon > .icon-button:hover {
  background-position: 6px -292px;
  background-color: #7e1241;
}
.left-nav-item.emergency-icon.active > .icon-button, .left-nav-item.emergency-icon:hover > .icon-button {
  background-position: 6px -292px;
  background-color: #7e1241;
}
.left-nav-item.editor-icon > .icon-button {
  background-position: -44px -375px;
  border-right: 3px solid #5f6978;
}
.left-nav-item.editor-icon > .icon-button.active, .left-nav-item.editor-icon > .icon-button:hover {
  background-position: 6px -375px;
  background-color: #5f6978;
}
.left-nav-item.backend-icon > .icon-button {
  background-position: -44px -460px;
  border-right: 3px solid #d8571f;
}
.left-nav-item.backend-icon > .icon-button.active, .left-nav-item.backend-icon > .icon-button:hover {
  background-position: 6px -460px;
  background-color: #d8571f;
}
.left-nav-item.backend-icon.active > .icon-button, .left-nav-item.backend-icon:hover > .icon-button {
  background-position: 6px -460px;
  background-color: #d8571f;
}
.left-nav-item.library-icon > .icon-button {
  background-position: -44px -528px;
  border-right: 3px solid #3c8ccb;
}
.left-nav-item.library-icon > .icon-button.active, .left-nav-item.library-icon > .icon-button:hover {
  background-position: 6px -528px;
  background-color: #3c8ccb;
}
.left-nav-item.library-icon.active > .icon-button, .left-nav-item.library-icon:hover > .icon-button {
  background-position: 6px -528px;
  background-color: #3c8ccb;
}
.left-nav-item.courses-icon > .icon-button {
  background-image: url("/build/assets/icons_general-BfrSS79Q.png");
  background-position: -252px -100px;
  border-right: 3px solid #3c8ccb;
  background-size: 415px;
}
.left-nav-item.courses-icon > .icon-button.active, .left-nav-item.courses-icon > .icon-button:hover {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-color: #3c8ccb;
}
.left-nav-item.docket-icon > .icon-button {
  background-image: url("/build/assets/icons_general-BfrSS79Q.png");
  background-position: -188px -100px;
  border-right: 3px solid #7d9c47;
  background-size: 415px;
}
.left-nav-item.docket-icon > .icon-button.active, .left-nav-item.docket-icon > .icon-button:hover {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -188px -100px;
  background-color: #7d9c47;
}
.left-nav-item.docket-icon.active > .icon-button, .left-nav-item.docket-icon:hover > .icon-button {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -188px -100px;
  background-color: #7d9c47;
}
.left-nav-item.docket-list-icon > .icon-button {
  background-image: url("/build/assets/docket_nav-DAnkse-d.png");
  background-position: -42px -78px;
  border-right: 3px solid #d8571f;
}
.left-nav-item.docket-list-icon > .icon-button.active, .left-nav-item.docket-list-icon > .icon-button:hover {
  background-position: 5px -78px;
  background-color: #d8571f;
}
.left-nav-item.docket-list-icon.active > .icon-button, .left-nav-item.docket-list-icon:hover > .icon-button {
  background-position: 5px -78px;
  background-color: #d8571f;
}
.left-nav-item.papers-icon > .icon-button {
  background-image: url("/build/assets/icons_general-BfrSS79Q.png");
  background-position: -312px -50px;
  border-right: 3px solid #006970;
  background-size: 415px;
}
.left-nav-item.papers-icon > .icon-button.active, .left-nav-item.papers-icon > .icon-button:hover {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -312px -50px;
  background-color: #006970;
}
.left-nav-item.papers-icon.active > .icon-button, .left-nav-item.papers-icon:hover > .icon-button {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -312px -50px;
  background-color: #006970;
}
.left-nav-item.users-icon > .icon-button {
  background-image: url("/build/assets/icons_general-BfrSS79Q.png");
  background-position: -70px 8px;
  border-right: 3px solid #d8571f;
  background-size: 415px;
}
.left-nav-item.users-icon > .icon-button.active, .left-nav-item.users-icon > .icon-button:hover {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -70px 8px;
  background-color: #d8571f;
}
left-nav-item.users-icon.active > .icon-button, .left-nav-item.users-icon:hover > .icon-button {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -70px 8px;
  background-color: #d8571f;
}
.left-nav-item {
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-image: url("/build/assets/icon-nav-DbyfXx78.png");
  cursor: pointer;
}
.left-panel-list > a > .left-nav-item.back-icon {
  background-position: -44px -596px;
  border-right: 3px solid #e52920;
}
.left-panel-list > a > .left-nav-item.back-icon.active, .left-panel-list > a > .left-nav-item.back-icon:hover {
  background-position: 6px -596px;
  background-color: #e52920;
}
.left-panel-list > .left-nav-item.home-icon {
  background-position: -44px 15px;
  border-right: 3px solid #df4dda;
}
.left-panel-list > .left-nav-item.home-icon.active, .left-panel-list > .left-nav-item.home-icon:hover {
  background-position: 6px 15px;
  background-color: #df4dda;
}
.left-panel-list > .left-nav-item.welcome-icon {
  background-image: url("/build/assets/icons_general-BfrSS79Q.png");
  background-position: -356px -96px;
  border-right: 3px solid #d8571f;
  background-size: 415px;
}
.left-panel-list > .left-nav-item.welcome-icon.active, .left-panel-list > .left-nav-item.welcome-icon:hover {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -356px -96px;
  background-color: #d8571f;
}
.left-panel-list > .left-nav-item.info-icon {
  background-position: -44px -52px;
  border-right: 3px solid #7d9c47;
}
.left-panel-list > .left-nav-item.info-icon.active, .left-panel-list > .left-nav-item.info-icon:hover {
  background-position: 6px -52px;
  background-color: #7d9c47;
}
.left-panel-list > .left-nav-item.info-icon.active, .left-nav-item.info-icon:hover {
  background-position: 6px -52px;
  background-color: #7d9c47;
}
.left-panel-list > .left-nav-item.diversity-icon {
  background-image: url("/build/assets/diversity_blue-FAkXTGaJ.png");
  background-position: 15px 15px;
  border-right: 3px solid #df4dda;
  background-size: 30px;
}
.left-panel-list > .left-nav-item.diversity-icon.active, .left-panel-list > .left-nav-item.diversity-icon:hover {
  background-image: url("/build/assets/diversity-CPbSMGmC.png");
  background-position: 15px 15px;
  background-color: #E3E3E3;
}
.left-panel-list > .left-nav-item.academics-icon {
  background-position: -44px -134px;
  border-right: 3px solid #3c8ccb;
}
.left-panel-list > .left-nav-item.academics-icon.active, .left-panel-list > .left-nav-item.academics-icon:hover {
  background-position: 6px -134px;
  background-color: #3c8ccb;
}
.left-panel-list > .left-nav-item.travel-icon {
  background-position: -44px -212px;
  border-right: 3px solid #00497f;
}
.left-panel-list > .left-nav-item.travel-icon.active, .left-panel-list > .left-nav-item.travel-icon:hover {
  background-position: 6px -212px;
  background-color: #00497f;
}
.left-panel-list > .left-nav-item.events-icon {
  background-position: -42px -49px;
  border-right: 3px solid #7d9c47;
}
.left-panel-list > .left-nav-item.events-icon.active, .left-panel-list > .left-nav-item.events-icon:hover {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-panel-list > .left-nav-item.calendar-icon {
  background-position: -42px -49px;
  border-right: 3px solid #7d9c47;
}
.left-panel-list > .left-nav-item.calendar-icon.active, .left-panel-list > .left-nav-item.calendar-icon:hover {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-panel-list > .left-nav-item.file-share-icon {
  background-position: -42px -49px;
  border-right: 3px solid #7d9c47;
}
.left-panel-list > .left-nav-item.file-share-icon.active, .left-panel-list > .left-nav-item.file-share-icon:hover {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-panel-list > .left-nav-item.grades-icon {
  background-position: -42px -49px;
  border-right: 3px solid #7d9c47;
}
.left-panel-list > .left-nav-item.grades-icon.active, .left-panel-list > .left-nav-item.grades-icon:hover {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-panel-list > .left-nav-item.messenger-icon {
  background-position: -42px -49px;
  border-right: 3px solid #7d9c47;
}
.left-panel-list > .left-nav-item.messenger-icon.active, .left-panel-list > .left-nav-item.messenger-icon:hover {
  background-position: 6px -49px;
  background-color: #7d9c47;
}
.left-panel-list > .left-nav-item.emergency-icon {
  background-position: -44px -292px;
  border-right: 3px solid #7e1241;
}
.left-panel-list > .left-nav-item.emergency-icon.active, .left-panel-list > .left-nav-item.emergency-icon:hover {
  background-position: 6px -292px;
  background-color: #7e1241;
}
.left-panel-list > .left-nav-item.editor-icon {
  background-position: -44px -375px;
  border-right: 3px solid #5f6978;
}
.left-panel-list > .left-nav-item.editor-icon.active, .left-panel-list > .left-nav-item.editor-icon:hover {
  background-position: 6px -375px;
  background-color: #5f6978;
}
.left-panel-list > .left-nav-item.backend-icon {
  background-position: -44px -460px;
  border-right: 3px solid #d8571f;
}
.left-panel-list > .left-nav-item.backend-icon.active, .left-panel-list > .left-nav-item.backend-icon:hover {
  background-position: 6px -460px;
  background-color: #d8571f;
}
.left-panel-list > .left-nav-item.library-icon {
  background-position: -44px -528px;
  border-right: 3px solid #3c8ccb;
}
.left-panel-list > .left-nav-item.library-icon.active, .left-panel-list > .left-nav-item.library-icon:hover {
  background-position: 6px -528px;
  background-color: #3c8ccb;
}
.left-panel-list > .left-nav-item.courses-icon {
  background-image: url("/build/assets/icons_general-BfrSS79Q.png");
  background-position: -252px -100px;
  border-right: 3px solid #3c8ccb;
  background-size: 415px;
}
.left-panel-list > .left-nav-item.courses-icon.active, .left-panel-list > .left-nav-item.courses-icon:hover {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-color: #3c8ccb;
}
.left-panel-list > .left-nav-item.docket-icon {
  background-image: url("/build/assets/icons_general-BfrSS79Q.png");
  background-position: -188px -100px;
  border-right: 3px solid #7d9c47;
  background-size: 415px;
}
.left-panel-list > .left-nav-item.docket-icon.active, .left-panel-list > .left-nav-item.docket-icon:hover {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -188px -100px;
  background-color: #7d9c47;
}
.left-panel-list > .left-nav-item.docket-list-icon {
  background-image: url("/build/assets/docket_nav-DAnkse-d.png");
  background-position: -42px -78px;
  border-right: 3px solid #d8571f;
}
.left-panel-list > .left-nav-item.docket-list-icon.active, .left-panel-list > .left-nav-item.docket-list-icon:hover {
  background-position: 5px -78px;
  background-color: #d8571f;
}
.left-panel-list > .left-nav-item.papers-icon {
  background-image: url("/build/assets/icons_general-BfrSS79Q.png");
  background-position: -312px -50px;
  border-right: 3px solid #006970;
  background-size: 415px;
}
.left-panel-list > .left-nav-item.papers-icon.active, .left-panel-list > .left-nav-item.papers-icon:hover {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -312px -50px;
  background-color: #006970;
}
.left-panel-list > .left-nav-item.users-icon {
  background-image: url("/build/assets/icons_general-BfrSS79Q.png");
  background-position: -70px 8px;
  border-right: 3px solid #d8571f;
  background-size: 415px;
}
.left-panel-list > .left-nav-item.users-icon.active, .left-panel-list > .left-nav-item.users-icon:hover {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -70px 8px;
  background-color: #d8571f;
}
.left-panel-list > left-nav-item.users-icon.active, .left-panel-list > .left-nav-item.users-icon:hover {
  background-image: url("/build/assets/icons_general_white-DB7TijKE.png");
  background-position: -70px 8px;
  background-color: #d8571f;
}
.left-nav-item:hover .left-nav-callout, .left-nav-item:focus .left-nav-callout {
  left: 65px;
}
.left-nav-item.travel-icon.active > .left-nav-callout {
  left: -200px;
}
.left-nav-item.welcome-icon.active > .left-nav-callout {
  left: -200px;
}
.left-nav-item > .left-nav-callout {
  position: absolute;
  height: 69px;
  left: -138px;
  z-index: -1;
  top: 0;
  width: 200px;
  box-shadow: 1px 0 1px 1px rgb(255, 255, 255);
  color: white;
  transition: left ease-out 0.4s;
  cursor: pointer;
}
.left-nav-item > .left-nav-callout:hover {
  left: 65px;
  z-index: 99;
}
.left-nav > .left-nav-item.active > .left-nav-callout, .left-panel-list > .left-nav-item.active > .left-nav-callout {
  left: 65px;
  z-index: 99;
}
.left-nav-item > .left-nav-callout > span {
  position: relative;
  float: left;
  margin: 10px 20px;
  font-size: 1em;
  font-weight: 600;
  line-height: 48px;
  text-align: center;
}
.left-nav-item.home-icon > .left-nav-callout {
  background-color: #df4dda;
}
.left-nav-item.welcome-icon > .left-nav-callout {
  background-color: #d8571f;
}
.left-nav-item.info-icon > .left-nav-callout {
  background-color: #7d9c47;
}
.left-nav-item.diversity-icon > .left-nav-callout {
  background-color: #df4dda;
}
.left-nav-item.academics-icon > .left-nav-callout {
  background-color: #3c8ccb;
}
.left-nav-item.travel-icon > .left-nav-callout {
  background-color: #00497f;
}
.left-nav-item.library-icon > .left-nav-callout {
  background-color: #3c8ccb;
}
.left-nav-item.editor-icon > .left-nav-callout {
  background-color: #5f6978;
}
.left-nav-item.backend-icon > .left-nav-callout {
  background-color: #d8571f;
}
.left-nav-item.docket-icon > .left-nav-callout {
  background-color: #7d9c47;
}
.left-nav-item.papers-icon > .left-nav-callout {
  background-color: #006970;
}
.left-nav-item.users-icon > .left-nav-callout {
  background-color: #d8571f;
}
.left-nav-item.back-icon > .left-nav-callout {
  background-color: #e52920;
}
.left-nav-item.active .sisto-menu-list {
  display: block;
  margin-left: 0;
  transition: ease-in-out 0.5s margin-left;
}
.left-nav-item.active .sisto-menu-list.left-shift {
  margin-left: -100vw;
  z-index: -1;
}
.left-nav-item.active .sisto-background-clickable {
  display: block;
  z-index: -2;
}
.left-nav-item.active .info-page-holder.active {
  display: block;
}
@media screen and (min-width: 760px) {
  .left-panel.open {
    position: relative;
    top: 0;
  }
  .left-panel > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateright {
    display: none;
  }
  .left-panel > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft {
    display: none;
  }
  .left-panel.open > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft {
    display: none;
  }
}
@media screen and (min-width: 1020px) {
  .left-nav-item.travel-icon.active > .left-nav-callout {
    left: 65px;
  }
  .left-nav-item.welcome-icon.active > .left-nav-callout {
    left: 67px;
  }
  .left-sidebar > .left-nav > .left-nav-item.active > .left-nav-callout > em.ss-navigateright, .left-panel > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateright {
    display: none;
  }
  .left-sidebar.open > .left-nav > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft, .left-panel > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft {
    display: none;
  }
  .left-panel.open {
    position: relative;
    top: 0;
  }
}
.sisto-background-clickable {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  background: rgba(95, 105, 120, 0.15);
  width: 100vw;
  min-height: 100vh;
}
.sisto-menu-list, .sisto-menu-list-item, .sisto-menu-title, .sisto-title-icon, .sisto-title-link-icon, .sisto-sub-menu,
.sisto-menu-list-link, .sisto-list-item-icon, .sisto-list-item-text, .info-page-holder {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
.sisto-menu-list {
  position: relative;
  float: left;
  width: calc(100vw - 66px);
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 20px;
  margin-top: 0;
  left: 0;
  top: 0;
}
.sisto-menu-list.paged {
  display: none;
}
#travel-menu.sisto-menu-list {
  /*top: 78px;*/
  margin-left: -67px;
  width: 198px;
  border-right: 1px solid rgba(133, 133, 133, 0.5);
  border-top: 1px solid rgba(133, 133, 133, 0.5);
}
#travel-menu.sisto-menu-list.count-1 {
  top: 0;
}
#travel-menu.sisto-menu-list.count-6 {
  top: 0;
}
#travel-page-holder {
  top: 40px;
}
.main-panel.travel {
  padding: 40px 0;
}
.right-panel > .sisto-menu-list {
  top: 70px;
}
#papers-main-panel > .sisto-menu-list {
  top: 30px;
}
#academics-page-holder {
  top: 0px;
}
#users-page-holder > .info-page-wrapper > h2 {
  padding: 20px 20px 80px;
}
#users-page-holder > .info-page-wrapper > .editor-action-bar {
  top: 80px;
}
#travel-icon.active > #new-travel-menu.bknd {
  left: 0;
  border-top: none;
}
#users-main-panel > .sisto-menu-list {
  top: 30px;
}
.info-page-holder {
  position: absolute;
  float: left;
  width: 100vw;
  margin-top: 0;
  left: 0;
  top: 0;
  z-index: 999;
  padding: 0;
  display: none;
  border-radius: 5px;
  cursor: default;
  margin-bottom: 260px;
  background: #f7f7f7;
}
.info-page-holder.active {
  display: block;
}
#library-page-holder {
  width: 100vw !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
#library-page-holder > .info-page-wrapper > h2 {
  padding: 20px 20px 60px;
}
#library-page-holder > .info-page-wrapper > .editor-action-bar {
  top: 65px;
}
#main-area-library-icon.bknd {
  position: absolute;
  left: 0;
}
#main-area-library-icon.bknd.p1 {
  top: 70px;
}
#main-area-library-icon.bknd.p2 {
  top: 140px;
}
#main-area-library-icon.bknd.p3 {
  top: 210px;
}
#main-area-library-icon.bknd.p4 {
  top: 280px;
}
#main-area-library-icon.bknd.p5 {
  top: 350px;
}
#main-area-library-icon.bknd.p6 {
  top: 420px;
}
#main-area-library-icon.bknd.p7 {
  top: 490px;
}
#docket-page-holder.info-page-holder {
  width: 100%;
  top: 50px;
}
.info-page-wrapper, .display-tab-wrapper {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  background: white;
  margin-bottom: 100px;
  border-radius: 3px;
  overflow-wrap: anywhere;
}
.display-tab-wrapper {
  padding: 0;
}
.info-page-wrapper > h2, .info-content > h2 {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  background: rgb(120.3947368421, 175.6174089069, 219.1052631579);
  color: #FFFFFF;
  margin: 0 0 10px;
  border-radius: 3px 3px 0 0;
}
#main-area-info-icon > .info-page-holder > .info-page-wrapper > h2 {
  background: rgb(150.7533039648, 182.436123348, 95.563876652);
}
#diversity-page-holder > .info-page-wrapper > h2, #diversity-menu > .sisto-menu-list-item > h4, #diversity-menu > .sisto-menu-list-item > .sisto-list-item-icon {
  background-color: #FFFFFF;
  color: #555;
}
#diversity-menu > .sisto-menu-list-item > .sisto-sub-menu > .sisto-menu-list-item > .sisto-menu-list-link > .sisto-list-item-icon {
  color: #df4dda;
}
#diversity-menu > .sisto-menu-list-item > .sisto-sub-menu > .sisto-menu-list-item.dynamic.open > .sisto-menu-list-link {
  background-color: rgb(246.3142857143, 206.6857142857, 244.9571428571);
  color: #FFFFFF;
}
#welcome-page-holder > .info-page-wrapper > h2 {
  background-color: #d8571f;
}
.info-page-wrapper > h2 > em {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  cursor: pointer;
  background: rgb(111.8260869565, 152.8434782609, 220.1739130435);
  padding: 5px 4px;
  border-radius: 12px;
  height: 24px;
  width: 24px;
  color: white;
}
.info-page-wrapper > h2 > em:hover, .info-page-wrapper > h2 > em:focus {
  background: rgb(45, 98, 185);
}
.info-page-wrapper > div > h2 > em {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 16px;
  cursor: pointer;
}
.info-page-wrapper > article > section > aside > ul {
  list-style: disc;
  padding: 5px 20px;
}
.info-page-wrapper > article > section > aside.column2 > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
.info-page-wrapper > article > section > aside.column3 > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
.info-page-wrapper > article > section > aside > figure {
  position: relative;
  float: left;
  width: 100%;
}
.info-page-wrapper > article > section > aside > figure > img {
  position: relative;
  float: left;
  width: 100%;
}
.info-page-wrapper > article > section > aside figcaption {
  position: relative;
  float: left;
  width: 100%;
}
.sisto-menu-list-item, .sisto-menu-title, .sisto-menu-list-item, .sisto-menu-list-link, .sisto-sub-menu {
  width: 100%;
}
.sisto-menu-title, .sisto-sub-list {
  padding: 15px 20px;
  border-bottom: 1px solid rgba(200, 200, 200, 0.25);
  text-transform: uppercase;
  text-align: left;
  color: #5f6978;
  font-weight: 600;
  font-size: 0.9em;
  line-height: 1.5em;
  letter-spacing: 3px;
}
.sisto-menu-title.open, .sisto-sub-list.open {
  background: rgb(120.3947368421, 175.6174089069, 219.1052631579);
  color: #FFFFFF;
}
.sisto-menu-title.open.academics, .sisto-sub-list.open.academics {
  background: rgb(120.3947368421, 175.6174089069, 219.1052631579);
}
.sisto-menu-title.open.papers, .sisto-sub-list.open.papers {
  background: rgb(0, 176.71875, 188.5);
}
.sisto-menu-title.open.users, .sisto-sub-list.open.users {
  background: rgb(231.5931174089, 134.1902834008, 91.9068825911);
}
.sisto-menu-title.open .u-visible, .sisto-sub-list.open .u-visible {
  display: none;
}
.sisto-menu-title.open .u-hidden, .sisto-sub-list.open .u-hidden {
  display: block;
}
table.user-profile > tbody > tr > td {
  font-size: 1.1em;
  line-height: 1.5em;
  font-weight: 400;
}
.sisto-menu-title.dynamic {
  width: calc(100% - 20px);
}
.sisto-menu-list-item.dynamic.open > .sisto-menu-list-link {
  background: rgba(120, 176, 219, 0.75);
  color: #FFFFFF;
}
.sisto-menu-list-item.dynamic.open > .sisto-menu-list-link .u-hidden {
  display: block;
}
.sisto-menu-list-item.dynamic.open > .sisto-menu-list-link .u-visible {
  display: none;
}
.sisto-menu-list-item.dynamic.open > .sisto-menu-list-link > em {
  color: #FFFFFF;
}
.sisto-sub-list {
  position: relative;
  float: left;
  text-transform: none;
  width: 100%;
  letter-spacing: 1px;
  padding: 20px 5px;
  overflow-y: scroll;
  max-height: calc(80vh - 95px);
  padding-bottom: 50px;
}
.sisto-sub-list .sisto-menu-list-item {
  padding: 0 5px;
  cursor: default;
}
.sisto-sub-list .sisto-menu-list-item:nth-child(2n-1) {
  background: #f7f7f7;
}
#users-page-holder > .info-page-wrapper > .sisto-sub-list {
  max-height: calc(95vh - 95px);
}
#users-page-holder {
  top: 30px;
  z-index: 9997;
}
#users-page-holder > .info-page-wrapper > h2 {
  background: #d8571f;
}
#main-area-info-icon .sisto-menu-title.open {
  background: rgb(150.7533039648, 182.436123348, 95.563876652);
  color: #FFFFFF;
}
.sisto-title-link-icon {
  float: right;
  font-size: 0.75em;
  margin-top: 0;
  letter-spacing: 0;
}
.sisto-sub-menu {
  display: none;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
.sisto-sub-menu.open {
  display: block;
  max-height: 10000px;
}
.sisto-sub-menu.level-2 {
  margin-left: 20px;
  width: calc(100% - 20px);
}
.sisto-sub-menu.level-2 > .page-item > .sisto-menu-list-link > em, .sisto-sub-menu.level-2 > .page-item > .sisto-menu-list-link > span {
  font-size: 14px;
}
.sisto-sub-menu.level-1 > .page-item > .sisto-menu-list-link > em, .sisto-sub-menu.level-2 > .page-item > .sisto-menu-list-link > span {
  font-size: 14px;
}
.sisto-sub-menu.level-3 > .page-item > .sisto-menu-list-link > em, .sisto-sub-menu.level-3 > .page-item > .sisto-menu-list-link > span {
  font-size: 14px;
}
.sisto-menu-list-item {
  background-color: #FFFFFF;
  border-bottom: 1px solid rgba(200, 200, 200, 0.25);
}
.sisto-menu-list-item.heading {
  background: #006ecb;
}
.sisto-menu-list-item.heading.academics {
  background: #3c8ccb;
}
.sisto-menu-list-item.heading.papers {
  background: #006970;
}
.sisto-menu-list-item.heading .sisto-menu-title {
  color: white;
}
.sisto-menu-list-item:last-child {
  border: none;
}
.sisto-menu-list-link {
  padding: 15px 20px;
}
.sisto-list-item-icon {
  max-width: 15%;
  color: #3c8ccb;
  margin-right: 20px;
  font-size: 12px;
  margin-top: 2px;
}
.sisto-list-item-icon.academics {
  color: rgb(120.3947368421, 175.6174089069, 219.1052631579);
}
.sisto-list-item-icon.papers {
  color: rgb(0, 176.71875, 188.5);
}
.sisto-list-item-icon.users {
  color: rgb(231.5931174089, 134.1902834008, 91.9068825911);
}
#main-area-info-icon .sisto-menu-list-link.inpage {
  background: rgb(242.4185022026, 246.2422907489, 235.7577092511);
}
#main-area-info-icon .sisto-menu-list-link.inpage .sisto-list-item-icon, #main-area-info-icon .sisto-menu-list-link.inpage .sisto-list-item-text, #main-area-info-icon .sisto-menu-list-link.inpage .sisto-title-link-icon {
  color: #7d9c47;
}
#main-area-info-icon .sisto-list-item-icon {
  color: #7d9c47;
}
.sisto-list-item-text {
  width: calc(85% - 20px);
  line-height: 20px;
}
#msg-feed .sisto-menu-list-item {
  background: #000;
}
.academics-action-bar {
  top: 0px;
  right: 0;
}
#users-page-holder > .info-page-wrapper > h4 {
  padding: 0 10px;
}
@media screen and (min-width: 480px) {
  .info-page-holder {
    width: calc(100vw - 67px);
  }
}
@media screen and (min-width: 660px) {
  .sisto-menu-list {
    width: calc(60vw - 66px);
  }
}
@media screen and (min-width: 760px) {
  .sisto-menu-list {
    width: 42vw;
    position: relative;
    margin-top: 0;
    left: 0;
  }
  .sisto-menu-list.paged {
    display: block;
  }
  .sisto-menu-list.front-end {
    top: 0;
    left: 0;
  }
  .sisto-background-clickable {
    left: 65px;
  }
  .academics-header-title {
    display: none;
  }
  .sisto-list-item-icon {
    font-size: 18px;
  }
  .sisto-menu-list-link {
    font-size: 1.1em;
    font-weight: 400;
    color: #555;
  }
  #welcome-page-holder {
    left: 25px;
    max-width: calc(100vw - 117px);
  }
  #welcome-page-holder.bknd {
    left: 10px;
    max-width: calc(70vw - 127px);
  }
  #academics-page-holder {
    top: 0;
  }
  #academics-page-holder.bknd {
    width: calc(100vw - 117px);
    top: 80px;
    left: 25px;
  }
  #library-page-holder {
    left: 25px;
    padding: 10px;
    max-width: calc(100vw - 117px);
    z-index: 9999;
  }
  #library-page-holder > .info-page-wrapper > h2 {
    padding: 20px;
  }
  #library-page-holder > .info-page-wrapper > .editor-action-bar {
    top: 15px;
  }
  #papers-main-panel > .sisto-menu-list {
    top: 82px;
  }
  #users-page-holder > .info-page-wrapper > h2 {
    padding: 20px;
  }
  #users-page-holder > .info-page-wrapper > .editor-action-bar {
    top: 15px;
  }
  #docket-page-holder.info-page-holder {
    left: 0px;
    margin: 0 !important;
    padding: 20px;
  }
  .main-panel.docket {
    padding: 40px 0;
  }
  #travel-menu.sisto-menu-list {
    margin-left: 0;
  }
  #users-page-holder, #papers-page-holder {
    margin-bottom: 260px;
  }
  .main-panel.users {
    padding: 40px 0;
  }
  #users-page-holder {
    max-width: calc(100vw - 67px);
    top: 60px;
  }
  #travel-page-holder {
    left: 2.5vw;
    width: calc(95vw - 82px);
  }
  #travel-menu.sisto-menu-list {
    left: 0;
  }
  .info-page-wrapper > article > section > aside.column2 > ul > li {
    position: relative;
    float: left;
    width: 50%;
  }
  .info-page-wrapper > article > section > aside.column3 > ul > li {
    position: relative;
    float: left;
    width: 33.3%;
  }
  .info-page-wrapper > article > section > aside.column-left-image > figure, .info-page-wrapper > article > section > aside.column-right-image > figure {
    position: relative;
    float: left;
    width: 50%;
  }
  .info-page-wrapper > article > section > aside.column-left-image > figcaption, .info-page-wrapper > article > section > aside.column-right-image > figcaption {
    position: relative;
    float: left;
    width: 50%;
  }
  #users-main-panel > .sisto-menu-list.u-hidden, #academics-main-panel > .sisto-menu-list.u-hidden {
    display: block !important;
  }
}
@media screen and (min-width: 1020px) {
  .sisto-menu-list {
    width: 29vw;
  }
  .sisto-main-content > .info-page-holder {
    position: absolute;
    left: 30vw;
    max-width: calc(70vw - 77px);
    margin-left: 0;
    background: none;
    padding: 0;
  }
  #travel-page-holder.bknd {
    width: calc(100vw - 117px) !important;
    left: 5px;
    top: 80px;
  }
  #diversity-page-holder {
    left: 30vw;
    max-width: calc(70vw - 77px);
  }
  .right-panel > .info-page-holder {
    left: 0;
  }
  #academics-page-holder.bknd {
    width: calc(100vw - 107px);
  }
  #users-page-holder {
    max-width: calc(100vw - 67px);
    top: 40px;
    left: 15px;
  }
  .info-page-wrapper {
    position: relative;
    float: left;
    background: white;
    margin-bottom: 100px;
    border-radius: 3px;
  }
  #main-area-travel-icon {
    margin-left: calc(10vw - 14px);
  }
  #travel-page-holder {
    position: absolute !important;
    top: 0;
  }
  .main-panel.docket {
    padding: 40px 2.5%;
  }
  .sisto-sub-menu.open.level-2 {
    position: absolute;
    left: 29vw;
    margin-left: 0;
    width: 29vw;
  }
}
.academics-course-header {
  position: relative;
  width: 100%;
  float: left;
  padding: 20px 10px 10px;
  background: #3c8ccb;
  border-radius: 3px 3px 0 0;
  color: white;
}
.academics-course-header h1 {
  position: relative;
  width: 100%;
  float: left;
}
.academics-tab-header {
  background: white;
  border-radius: 3px 3px 0 0;
  color: #555;
  position: relative;
  width: 100%;
  float: left;
}
.academics-tab-header h1 {
  position: relative;
  width: 100%;
  float: left;
  padding: 10px 20px;
  font-size: 24px;
}
.at-infobar {
  position: relative;
  width: 100%;
  min-height: 150px;
  float: left;
  background: rgb(45, 98, 185);
  padding: 20px;
  color: white;
}
.at-infobar span {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 160px;
  color: white;
}
.at-infobar span a {
  color: white;
  cursor: pointer;
}
.at-infobar .at-section {
  position: relative;
  width: calc(100% - 200px);
  float: left;
}
.at-infobar .at-section figure {
  position: relative;
  float: left;
  width: 120px;
  height: 150px;
}
.at-infobar .at-section figure img {
  position: relative;
  float: left;
  margin: 20px;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background-color: white;
}
.at-infobar .at-section figcaption {
  position: relative;
  float: left;
  width: calc(100% - 130px);
  margin-left: 10px;
}
.at-infobar .at-section h2 {
  position: relative;
  width: 100%;
  float: left;
  font-size: 24px;
}
.at-infobar .at-section ul {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  font-size: 16px;
}
.at-infobar .at-section ul li {
  position: relative;
  float: left;
  width: 100%;
}
.at-infobar .at-section ul li.with-sub ul {
  width: calc(100% - 20px);
  margin-left: 20px;
}
.at-infobar .at-right {
  position: relative;
  float: left;
  width: 200px;
}
.at-infobar .at-right .quick-info {
  position: relative;
  float: left;
  width: 100%;
  height: 150px;
}
.at-infobar .at-right figure {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  text-align: center;
}
.at-infobar .at-right figure h3, .at-infobar .at-right figure em {
  position: relative;
  float: left;
  width: 100%;
}
.at-infobar .at-right figure h3 {
  line-height: 20px;
  font-size: 18px;
  margin: 20px 0 0;
}
.at-infobar .at-right figure em {
  line-height: 20px;
  font-size: 12px;
}
.at-infobar .at-right figure#qi1 {
  background: white;
  color: rgb(45, 98, 185);
  top: -60px;
  right: 50px;
  box-shadow: 0 0 1px 1px rgb(45, 98, 185);
}
.at-infobar .at-right figure#qi2, .at-infobar .at-right figure#qi3 {
  background: rgb(45, 98, 185);
  color: white;
  box-shadow: 0 0 1px 1px #FFFFFF;
}
.at-infobar .at-right figure#qi2 {
  top: -2px;
  right: 78px;
}
.at-infobar .at-right figure#qi3 {
  top: -19px;
  right: 2px;
}
.at-infobar .at-right figure#qi3 h3 {
  margin: 0;
}
.at-infobar .at-right figure#qi3 em {
  margin: 18px 0 0;
}
.at-tabs {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 40px;
  padding: 20px 5px;
  color: #888888;
}
.at-tabs li {
  position: relative;
  float: left;
  padding: 0 0;
  margin: 0 20px;
  text-align: center;
}
.at-tabs li.selected {
  color: #555;
}
.at-tabs li.selected h3 {
  border-bottom: 2px solid #555;
}
.at-tabs li h3 {
  margin: 10px 0;
  font-size: 24px;
  cursor: pointer;
}
.at-content {
  width: 100%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  border-radius: 0 5px;
}
.at-folder {
  position: relative;
  float: left;
  width: 100%;
  display: none;
}
.at-folder.selected {
  display: block;
}
.at-folder p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
}
.at-folder .link-list {
  padding: 0 20px;
}
.at-folder h4 {
  position: relative;
  float: left;
  width: 100%;
  margin: 20px 20px 10px;
}
.descriptor-files {
  position: relative;
  float: left;
  width: 100%;
  color: #555;
  list-style: none !important;
  font-size: 16px;
}
.descriptor-files em {
  position: relative;
  float: left;
  margin-right: 10px;
  font-size: 12px;
  padding: 6px 0 0;
}
.at-decriptor {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
}
.at-decriptor .at-desc-item {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 25px;
}
.at-decriptor .at-desc-item ul {
  list-style: disc;
  margin: 10px 20px;
  font-weight: 400;
}
.at-decriptor .at-desc-item ul li {
  margin: 5px;
}
.at-decriptor .at-desc-item:nth-child(2n) {
  background: rgb(45, 98, 185);
  color: white;
}
.at-decriptor .at-desc-item:nth-child(2n) a {
  color: white;
}
.at-decriptor .at-desc-item:nth-child(2n) a:hover {
  color: #eee;
}
.at-decriptor .at-desc-item:nth-child(2n) .descriptor-files {
  color: white;
}
.at-decriptor h3 {
  font-size: 18px;
  padding: 0;
  font-weight: bold;
}
.video-item {
  position: relative;
  float: left;
  width: 95%;
  margin: 20px 5% 0 0;
}
.video-item figcaption {
  position: relative;
  float: left;
  margin: 10px 5% 0 0;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.zoom-meeting {
  position: relative;
  float: left;
  width: 95%;
  margin: 25px 5% 20px 0;
  border-radius: 5px;
  border: solid 2px white;
  color: white;
}
.zoom-meeting figcaption {
  position: relative;
  float: left;
  margin: 20px;
  height: 60px;
  width: 60px;
  border-radius: 30px;
  border: solid 2px white;
  line-height: 60px;
  text-align: center;
}
.zoom-meeting figcaption em {
  position: relative;
  font-size: 22px;
  top: 1px;
}
.zoom-meeting-details {
  position: relative;
  float: left;
  padding: 20px 10px;
  width: calc(100% - 100px);
  font-family: "Montserrat", arial, sans-serif;
}
.zoom-meeting-details h3 {
  position: relative;
  float: left;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  width: 100%;
}
.zoom-meeting-details h4 {
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  width: 100%;
  font-weight: 400;
}
.zoom-meeting-details h5 {
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  width: 100%;
  letter-spacing: 1px;
}
.link-list {
  position: relative;
  float: left;
  width: 100%;
}
.link-list li {
  position: relative;
  float: left;
  width: 100%;
  line-height: 24px;
  font-size: 18px;
  padding: 0;
}
.link-list li em {
  position: relative;
  float: left;
  margin-right: 10px;
  font-size: 12px;
  padding: 3px;
}
.link-list a {
  text-decoration: none;
  color: white;
}
.link-list a:hover {
  color: rgb(120, 176, 219);
}
.session-list {
  position: relative;
  float: left;
  width: 100%;
  color: #555;
  overflow: hidden;
}
.content-seperator {
  position: relative;
  float: left;
  width: 100%;
  margin: 20px 0;
  border-bottom: 1px solid rgba(45, 98, 185, 0.4);
}
.content-seperator:last-child {
  display: none;
}
.session-item {
  position: absolute;
  width: 100%;
  top: 0;
  right: -100%;
  padding: 20px 0;
  transition: margin 0.3s ease-in;
  margin-right: -100%;
}
.session-item.first {
  margin-left: -100%;
  left: -100%;
}
.session-item.active-page {
  position: relative;
  float: left;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: 0;
}
.session-item h2 {
  font-size: 24px;
}
.session-item .title {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 25px;
}
.session-item > .title > figure {
  position: absolute;
  right: 20px;
  top: 30px;
  padding: 0;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  text-align: center;
  color: white;
  border: 2px solid white;
}
.session-item > .title > figure figcaption, .session-item > .title > figure span, .session-item > .title > figure em {
  position: relative;
  float: left;
  width: 100%;
}
.session-item > .title > figure span {
  margin-top: 16px;
  font-size: 22px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 1px;
}
.session-item > .title > figure em {
  font-size: 16px;
  font-style: normal;
}
.session-content {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
}
.session-content:nth-child(2n-1) {
  background: white;
  color: #555;
}
.session-item:nth-child(2n-1) {
  background: rgb(45, 98, 185);
  color: white;
}
.session-item:nth-child(2n-1) .session-content:nth-child(2n-1) .zoom-meeting {
  border-color: rgb(45, 98, 185);
  color: #555;
}
.session-item:nth-child(2n-1) .session-content:nth-child(2n-1) .zoom-meeting figcaption {
  border: solid 2px rgb(45, 98, 185);
  color: rgb(45, 98, 185);
}
.session-item:nth-child(2n-1) .session-content:nth-child(2n-1) .link-list a {
  color: #555;
}
.session-item:nth-child(2n-1) .session-content:nth-child(2n-1) .link-list a:hover {
  color: rgb(111.8260869565, 152.8434782609, 220.1739130435);
}
.session-item:nth-child(2n) {
  background: rgb(127, 5, 5);
  color: white;
}
.session-item:nth-child(2n) .session-content:nth-child(2n-1) .zoom-meeting {
  border-color: rgb(127, 5, 5);
  color: #555;
}
.session-item:nth-child(2n) .session-content:nth-child(2n-1) .zoom-meeting figcaption {
  border: solid 2px rgb(127, 5, 5);
  color: rgb(127, 5, 5);
}
.session-item:nth-child(2n) .session-content:nth-child(2n-1) .link-list a {
  color: #555;
}
.session-item:nth-child(2n) .session-content:nth-child(2n-1) .link-list a:hover {
  color: rgb(111.8260869565, 152.8434782609, 220.1739130435);
}
.quick-list {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 20px 60px;
}
.quick-list a {
  text-decoration: none;
  color: #555;
  font-size: 18px;
}
.quick-list a:hover {
  color: #006ecb;
}
.video-desc, .doc-links {
  position: relative;
  float: left;
  width: 100%;
}
.video-desc .lp, .video-desc .rp, .doc-links .lp, .doc-links .rp {
  position: relative;
  float: left;
  width: 50%;
  padding: 10px;
}
.video-desc h4, .doc-links h4 {
  position: relative;
  float: left;
  margin-top: 5px;
}
.video-wrapper {
  position: relative;
  float: left;
  width: 100%;
  background: white;
  border-radius: 2px;
  box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.4);
  padding: 5px 5px 0px;
}
.video-wrapper iframe {
  background: rgba(0, 0, 0, 0.75);
}
.assessment-wrapper {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
}
.attendance-item, .assessment-item {
  position: relative;
  float: left;
  width: 100%;
  padding: 40px 25px;
}
.attendance-item:first-child, .assessment-item:first-child {
  padding-top: 0;
}
.attendance-item figure, .assessment-item figure {
  position: absolute;
  right: 20px;
  top: 30px;
  padding: 0;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  text-align: center;
  background: white;
  color: rgb(45, 98, 185);
  box-shadow: 0 0 1px 1px rgb(45, 98, 185);
}
.attendance-item figure figcaption, .attendance-item figure span, .attendance-item figure em, .assessment-item figure figcaption, .assessment-item figure span, .assessment-item figure em {
  position: relative;
  float: left;
  width: 100%;
}
.attendance-item figure span, .assessment-item figure span {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
}
.attendance-item figure em, .assessment-item figure em {
  font-size: 12px;
  margin-top: 18px;
}
.attendance-item p, .attendance-item h3, .attendance-item ul, .attendance-item li, .assessment-item p, .assessment-item h3, .assessment-item ul, .assessment-item li {
  position: relative;
  float: left;
  width: calc(100% - 100px);
  margin-right: 100px;
}
.attendance-item ul, .assessment-item ul {
  padding-left: 20px;
  margin-left: 40px;
  font-size: 16px;
  list-style: disc;
  font-weight: 400;
}
.attendance-item ul.link-list, .assessment-item ul.link-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.attendance-item ul.link-list em, .assessment-item ul.link-list em {
  position: relative;
  float: left;
  margin-right: 10px;
  font-size: 12px;
  padding: 2px;
}
.attendance-item ul.link-list li, .assessment-item ul.link-list li {
  padding: 0;
}
.attendance-item li, .assessment-item li {
  padding: 0 10px;
  line-height: 22px;
}
.attendance-item:nth-child(2n), .assessment-item:nth-child(2n) {
  background: rgb(45, 98, 185);
  color: white;
}
.attendance-item:nth-child(2n) figure, .assessment-item:nth-child(2n) figure {
  background: rgb(45, 98, 185);
  color: white;
  box-shadow: 0 0 1px 1px rgb(255, 255, 255);
}
.at-paper-item {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0;
  font-size: 16px;
}
.at-paper-item label, .at-paper-item span {
  position: relative;
  float: left;
  font-weight: 400;
}
.at-paper-item label {
  margin-right: 10px;
}
.at-paper-item .toolbar {
  position: relative;
  float: right;
}
.at-paper-item .toolbar em, .at-paper-item .toolbar i {
  position: relative;
  float: left;
}
.at-paper-item .toolbar em {
  margin-right: 5px;
  font-size: 12px;
  padding: 4px;
}
.at-paper-item .toolbar i {
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.at-paper-item .toolbar .academics-uploader {
  bottom: 0;
}
.academics-action-bar {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 99;
  border-radius: 3px;
}
.academics-action-bar ul {
  position: relative;
  float: right;
  list-style: none;
  margin: 0;
  padding: 3px;
}
.academics-action-bar .list-icon {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: none;
  color: white;
  margin-right: 3px;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid rgba(133, 133, 133, 0.5);
  opacity: 1;
  transition: box-shadow ease-in 0.1s;
}
.academics-action-bar .list-icon em {
  position: relative;
  text-align: center;
  padding: 1px 5px;
  float: left;
  font-size: 18px;
  line-height: 30px;
}
.academics-action-bar .list-icon i {
  position: absolute;
  top: -2px;
  right: 11px;
  font-size: 10px;
  font-weight: 600;
  color: #006ecb;
}
.academics-course, .academics-course-list {
  width: 100%;
  float: left;
  list-style: none;
  margin: 0;
}
.academics-course-list-item {
  width: 33.3%;
  margin: 0 0 20px;
  float: left;
}
.academics-course-list-item .u-hidden {
  display: none;
}
.academics-course-list-item.open {
  width: 100%;
  z-index: 99;
}
.academics-course-list-item.open .academics-item-inner-wrapper {
  background: rgb(90.3272727273, 111.2727272727, 125.6727272727);
  margin: 0 5% 20px;
  width: 90%;
  box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.2);
}
.academics-course-list-item.open .u-hidden {
  display: block;
}
.academics-course-list-item.open .u-visible {
  display: none;
}
.academics-item-inner-wrapper {
  position: relative;
  float: left;
  text-align: center;
  width: 100%;
}
.academics-course-icon {
  position: relative;
  display: block;
  margin: auto;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: auto 60px;
  background-image: url(site/img/ui/sitewide/icons.png);
  cursor: pointer;
  background-position: -618px 0px;
  transition: margin ease-in-out 0.3s;
}
.academics-course-title, .academics-folder-title-text {
  position: relative;
  width: 100%;
  float: left;
  padding: 10px;
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
}
.academics-course-title.open, .academics-folder-title-text.open {
  color: #FFFFFF;
  background: #3c8ccb;
}
.academics-course-title-icon {
  position: absolute;
  top: 11px;
  right: 8px;
  color: white;
  font-size: 12px;
  cursor: pointer;
}
.academics-course-title-icon:hover {
  color: #FFFFFF;
}
.academics-course-list-item.open .academics-item-inner-wrapper > .academics-course-icon {
  display: inline;
  width: 60px;
  height: 60px;
  float: left;
  margin: 0;
  background-size: auto 60px;
  background-position: -618px 0;
}
.academics-course-list-item.open .academics-item-inner-wrapper > .academics-course-title {
  width: 72%;
  float: left;
  padding: 7px 40px 2px 0;
  margin-left: 20px;
  text-align: left;
  font-size: 18px;
  border-bottom: solid 1px rgba(155, 155, 155, 0.6);
}
.academics-course-list-item.open .academics-item-inner-wrapper > .academics-course-list {
  width: 100%;
  float: left;
  padding: 0 10px;
  list-style: none;
}
.academics-folder {
  width: 100%;
  position: relative;
  float: left;
  border-bottom: 1px solid rgba(155, 155, 155, 0.1);
  box-shadow: 0 0 8px 1px rgba(155, 155, 155, 0.1);
  border-radius: 5px;
}
.academics-folder.expand .academics-folder-title {
  background: #3c8ccb;
  color: #FFFFFF;
  border-radius: 5px 5px 0 0;
}
.academics-folder.expand .academics-folder-title .sisto-list-item-icon {
  color: #FFFFFF;
}
.academics-folder.expand .academics-folder-title-text, .academics-folder.expand academics-notification-item-icon {
  color: #FFFFFF;
}
.academics-folder.expand .academics-notification-item-number {
  background: #FFFFFF;
  color: #3c8ccb;
  font-weight: 400;
}
.academics-folder.expand .academics-folder-list {
  padding-bottom: 10px;
}
.academics-folder-title {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0;
  margin: 0;
  color: #555;
  font-weight: 200;
  line-height: 20px;
}
.academics-folder-title .sisto-list-item-icon {
  font-size: 18px;
  margin-left: 20px;
  padding: 10px 0;
}
.academics-folder-title-text {
  position: relative;
  float: left;
  text-align: left;
  max-width: 50%;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  padding: 10px 0;
}
.academics-expand, .academics-contract {
  float: right;
  height: 25px;
  width: 25px;
  line-height: 20px;
  font-size: 15px;
  padding: 5px;
  cursor: pointer;
  border-radius: 3px;
  margin-left: 15px;
  margin-right: 20px;
  margin-top: 8px;
  color: #bbbbbb;
}
.academics-contract {
  display: none;
  color: #FFFFFF;
}
.expand > .academics-folder-title > .academics-contract {
  display: block;
}
.expand > .academics-folder-title > .academics-expand {
  display: none;
}
.u-visible {
  display: block;
}
.u-hidden {
  display: none;
}
.u-contracted {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in;
}
.expand > .academics-folder-list-holder > .u-contracted {
  max-height: 200000px;
  overflow: hidden;
  color: #555;
}
.expand > .academics-folder-title > .u-visible {
  display: none;
}
.expand > .academics-folder-title > .u-hidden {
  display: block;
}
.academics-list-title {
  position: relative;
  float: left;
  padding: 20px 5% 0;
  margin: 0;
  height: auto;
  color: #555;
  font-size: 18px;
  width: 100%;
  line-height: 22px;
  text-align: left;
  font-weight: 400;
}
.academics-list-title-icon {
  position: relative;
  float: left;
  font-size: 12px;
  padding: 2px;
  color: #888888;
  margin-right: 10px;
}
.academics-downloads-list {
  width: 100%;
}
.academics-links-list {
  width: 100%;
}
.academics-papers-list {
  width: 100%;
}
.academics-folder-list {
  float: left;
  padding: 0;
  list-style: none;
  margin: 0;
  border-bottom: 1px solid rgba(180, 180, 180, 0.3);
}
.academics-folder-list:last-child {
  border: none;
}
.academics-folder-list ul {
  position: relative;
  float: left;
  padding: 10px;
  list-style: none;
  margin-left: 30px;
}
.academics-folder-list ul li {
  position: relative;
  float: left;
  margin-left: 10px;
  margin-bottom: 1px;
  padding: 5px 10px;
  background: #f7f7f7;
}
.academics-folder-list ul li:nth-child(2n-1) {
  background: #f3f3f3;
}
.academics-folder-list .comments-section {
  margin-left: 30px;
}
.academics-folder-list-holder {
  position: relative;
  float: left;
  width: 100%;
}
.academics-folder-list-holder p {
  position: relative;
  float: left;
  width: calc(100% - 50px);
  padding: 0 20px;
}
.academics-folder-item {
  position: relative;
  float: left;
  width: 100%;
  color: #333;
}
.academics-folder-item em {
  position: relative;
  margin: 3px 10px;
  width: 4%;
  float: left;
}
.academics-folder-item span {
  position: relative;
  float: left;
}
.academics-file-link {
  position: relative;
  float: left;
  text-decoration: none;
  color: #0096ff !important;
}
.academics-file-link:hover, .academics-file-link :focus {
  color: #005a99 !important;
}
.academics-file-link > .academics-item-body > em, .academics-file-link > .academics-item-body > span {
  position: relative;
  float: left;
}
.academics-file-link > .academics-item-body > em {
  width: 20px;
  margin: 0 10px;
}
.academics-descriptor > ul > .academics-downloads > .academics-file-link {
  width: 100%;
}
.academics-file-link > .academics-item-body > span {
  width: calc(100% - 40px);
}
.academics-links {
  cursor: pointer;
}
.academics-descriptor {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 5%;
}
.academics-descriptor > ol, .academics-descriptor > ul {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 5px;
  margin-left: 0;
}
.academics-descriptor > ol {
  margin-left: 30px;
}
.academics-descriptor > p {
  padding: 0;
}
.academics-descriptor > ol > li, .academics-descriptor > ul > li {
  position: relative;
  float: left;
  min-width: 51%;
  max-width: 100%;
}
.academics-paper {
  position: relative;
  padding: 10px 0;
  margin: 10px;
  width: calc(100% - 20px);
}
.academics-paper:nth-child(2n-1) {
  box-shadow: 0 0 5px 1px #ddd;
}
.academics-paper:nth-child(2n) {
  box-shadow: 0 0 5px 1px #ddd;
}
.academics-paper.dyna > a > span {
  width: calc(100% - 80px);
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: 600;
}
.academics-paper-text-file {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}
.academics-message {
  position: relative;
}
.academics-uploader {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 245px;
  height: 57px;
  bottom: 20px;
  cursor: pointer;
  z-index: 999;
}
.academics-grade, .academics-comment, .academics-datetime {
  position: relative;
  float: left;
  width: 100%;
}
.academics-grade {
  font-weight: 600;
  font-size: 14px;
}
.academics-comment {
  font-size: 14px;
}
.academics-datetime {
  font-size: 12px;
  color: #888888;
}
.papers-submitted-fe {
  position: relative;
  float: left;
  margin-left: 20px;
  width: calc(100% - 20px);
  text-align: left;
}
.papers-submitted-fe h4 {
  position: relative;
  float: left;
  font-size: 14px;
  font-weight: 400;
  width: 51%;
}
.papers-submitted-fe em {
  margin-right: 5px;
}
.papers-submitted-fe ul {
  position: relative;
  float: left;
  width: 100%;
}
.papers-submitted-fe li {
  position: relative;
  float: left;
  width: 100%;
}
.paper-window > aside > ul > li > .papers-submitted-fe > ul > li > a {
  width: 100%;
}
.paper-window > aside > ul > li.spacer {
  min-height: 60px;
}
.academics-item-title {
  float: left;
  font-size: 16px;
  color: #006ecb;
  font-weight: 300;
  width: calc(100% - 0px);
  margin-left: 0;
  padding: 0 20px;
  cursor: pointer;
}
.academics-item-title em {
  float: left;
  margin-right: 10px;
  font-size: 12px;
  padding: 6px 0;
}
.academics-item-title.empty {
  color: #888888;
  font-size: 12px;
}
.academics-item-title.empty:hover {
  color: #888888;
}
.academics-paper-title {
  height: auto;
  cursor: default;
  color: #006ecb;
}
.academics-item-text {
  float: left;
  width: 50%;
  padding: 10px;
  margin: 0 10px;
  margin-left: 20px;
  background: #f3f3f3;
  color: inherit;
}
.academics-item-body {
  position: relative;
  float: left;
  max-width: calc(100% - 40px);
  margin: 0;
  margin-left: 20px;
  color: inherit;
  padding: 5px 0;
  font-size: 1em;
  text-align: left;
}
.academics-item-body > ul {
  list-style: square;
}
.academics-item-body > ul > li {
  background: none;
}
.academics-item-body > ul > li:nth-child(2n-1) {
  background: none;
}
.academics-zoom {
  padding: 10px;
}
.academics-zoom:nth-child(2n) {
  background: #f3f3f3;
}
.academics-paper-dates {
  float: left;
  width: calc(60% - 20px);
  margin-left: 10px;
  font-size: 12px;
  text-align: left;
  padding-bottom: 10px;
  /*&:last-child{
  	margin-left:1%;

  }*/
}
.academics-paper-dates.overdue {
  color: #770000;
}
.academics-paper-dates > .academics-papers-toolbar {
  width: 100%;
}
.academics-download {
  margin-left: 0;
}
.academics-papers-uploader {
  position: relative;
  float: left;
  width: 100%;
  color: #888;
}
.academics-papers-uploader span, .academics-papers-uploader em {
  position: relative;
  float: left;
  font-weight: 400;
  font-size: 14px;
  margin-top: 0px;
  width: 120px;
}
.academics-papers-uploader span.paper, .academics-papers-uploader em.paper {
  width: 95px;
}
.academics-papers-uploader em {
  margin-left: 0;
  margin-top: 4px;
  font-size: 10px;
  width: 10px;
}
.academics-papers-uploader form {
  position: absolute;
  width: 160px;
  height: 38px;
  top: 0;
  z-index: 99;
  left: calc(50% - 80px);
}
.academics-papers-uploader input {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
  height: 40px;
  bottom: 0;
  cursor: pointer;
  z-index: 999;
}
.academics-papers-uploader input.big-button {
  height: 40px;
  bottom: 0;
  width: 160px;
  left: 0;
  right: auto;
}
.academics-paper-open-date-title, .academics-paper-deadline-date-title {
  width: 100%;
  float: left;
  font-size: 12px;
  color: #888888;
  font-weight: bold;
}
.academics-paper-open-date-title.upload-title, .academics-paper-deadline-date-title.upload-title {
  font-weight: 400;
  font-size: 14px;
  margin-top: 0px;
}
.academics-paper-open-date, .academics-paper-deadline-date {
  width: 100%;
  float: left;
  font-size: 12px;
  color: #888888;
}
.overdue .academics-paper-open-date-title, .overdue .academics-paper-deadline-date-title {
  color: #ff8400;
}
.overdue .academics-paper-open-date, .overdue .academics-paper-deadline-date {
  color: #ff8400;
}
.academics-papers-toolbar {
  float: right;
  width: 25%;
  list-style: none !important;
  margin: 0;
  margin-right: 10px;
}
.academics-papers-toolbar-item {
  float: right;
  width: 30px;
  height: 20px;
  color: #888888;
  line-height: 18px;
  font-size: 15px;
  padding: 8px;
  margin-left: 1px;
  cursor: pointer;
}
.academics-papers-toolbar-item em {
  position: absolute;
  bottom: 37px;
  font-size: 18px;
}
.academics-papers-toolbar-item:hover {
  color: #0096ff;
  cursor: pointer;
}
.academics-paper-upload-wrapper {
  position: fixed;
  top: 0%;
  left: 0%;
  background: rgba(0, 0, 0, 0.5);
  padding: 0px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
.academics-paper-upload-wrapper.open {
  max-height: 4000px;
  padding: 20px;
  width: 100%;
  z-index: 999;
  height: 100%;
}
.academics-active-button-wrapper {
  position: relative;
  float: left;
  width: 100%;
  min-height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: 5px;
}
.academics-paper-box-close, .academics-paper-box-label {
  float: left;
  width: 100%;
  border-radius: 5px;
  font-size: 1.4em;
  background: #fff;
  color: #555;
  min-height: 40px;
  cursor: pointer;
}
.academics-submit-button label {
  display: block;
  cursor: default;
}
.academics-submit-button button {
  display: none;
}
.academics-submit-button.active label {
  display: none;
}
.academics-submit-button.active button {
  display: block;
}
.academics-submit {
  background: #0096ff;
  float: left;
  width: 100%;
  margin: 0;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  padding: 0;
  height: 40px;
  font-size: 1.4em;
  cursor: pointer;
}
.academics-submit:hover {
  box-shadow: 0 0 3px;
  background: #33abff;
}
.academics-file-list-on-fly {
  position: relative;
  float: left;
  width: 100%;
}
.academics-file-list-item {
  position: relative;
  width: 100%;
  font-size: 0.75em;
}
.academics-file-list-item-icon {
  position: relative;
  font-size: 0.8em;
  padding: 0.2em 1em;
}
.academics-tiny-text {
  font-size: 10px;
  float: right;
  margin-left: -2px;
  margin-top: -6px;
  color: #FFFFFF;
  padding: 3px;
}
.academics-remarks-container {
  float: right;
  width: calc(100% - 20px);
  padding: 0;
  background: #f0f0f0;
  margin: 10px 10px;
  max-height: 1000px;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
  font-size: 12px;
  border-radius: 3px 0 0 3px;
}
.academics-remarks-container.expand {
  padding: 10px;
  max-height: 1500px;
}
.academics-remarks-container-close {
  float: right !important;
  font-size: 12px;
  padding: 8px 20px 4px 10px;
  background: #99d5ff;
  width: 5px !important;
  margin-bottom: -5px;
  cursor: pointer;
  color: #FFFFFF;
  border-radius: 0 3px 3px 0;
}
.academics-remarks-container-close:hover {
  background: #0096ff;
}
.academics-paper-textbox {
  width: 100%;
  float: left;
  display: none;
  margin: 1px 0 5px;
}
.academics-paper-textbox.active {
  display: block;
}
.academics-file-uploader {
  width: 100%;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  opacity: 0;
  z-index: 99;
  cursor: pointer;
}
@keyframes alert {
  0% {
    max-height: 0;
  }
  25% {
    max-height: 150px;
  }
  75% {
    max-height: 150px;
  }
  100% {
    max-height: 0;
  }
}
#uploader-alert {
  position: relative;
  width: 100%;
  background: #00cc00;
  text-align: center;
  color: #FFFFFF;
  max-height: 0;
  overflow: hidden;
}
#uploader-alert h3 {
  font-size: 20px;
}
#uploader-alert.alert {
  animation-name: alert;
  animation-duration: 4s;
  z-index: 99;
  padding: 10px;
}
#academics-uploading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 316px;
  background-color: white;
  background-repeat: no-repeat;
  background-image: url("site/img/ui/sitewide/spinner.gif");
  background-position: center center;
  box-shadow: 0 0 2px 5px #ccc;
  opacity: 0.8;
  z-index: 999;
}
#academics-uploading.loading {
  display: block;
}
.academics-uploading-text {
  text-align: center;
  position: relative;
  margin-top: 168px;
  color: #415f82;
}
@media screen and (max-width: 920px) {
  .academics-paper-upload-wrapper {
    width: 100%;
    left: 0;
  }
  .academics-downloads-list {
    width: 100%;
  }
  .academics-links-list {
    width: 100%;
    border: none;
  }
}
.academics-link {
  text-decoration: none;
}
.academics-link:vistited {
  color: inherit;
}
.academics-notification-bar {
  position: absolute;
  right: 25px;
  margin: 0;
  bottom: -8px;
  list-style: none;
  padding: 0px;
}
.academics-notification-item {
  position: relative;
  float: left;
  margin-right: 5px;
}
.academics-notification-item:last-child {
  margin-right: 0;
}
.academics-notification-item-icon {
  position: relative;
  float: left;
  font-size: 12px;
  color: rgb(161.5, 161.5, 161.5);
  margin-top: -1px;
  padding: 10px 0;
}
.expand > .academics-folder-title > .academics-notification-bar > .academics-notification-item > .academics-notification-item-icon {
  color: #FFFFFF;
}
.academics-notification-item-number {
  position: relative;
  float: left;
  font-size: 12px;
  height: 18px;
  width: 18px;
  margin-left: 3px;
  border-radius: 10px;
  background: #3c8ccb;
  color: #FFFFFF;
  text-align: center;
  line-height: 18px;
  font-weight: 600;
  margin-top: 8px;
}
.academics-filter-hidden {
  display: none;
}
.academics-no-filter {
  margin-top: 30px;
}
.academics-course-list-empty {
  position: relative;
  width: 80%;
  margin: 20px 10%;
  font-weight: 300;
  font-size: 1.2em;
}
.academics-course-list-empty a {
  color: rgb(45, 98, 185);
}
.academics-info-toolbar {
  position: relative;
  float: right;
  max-width: calc(50% - 20px);
  margin-right: 20px;
}
.academics-info-item {
  position: relative;
  float: left;
  font-size: 14px;
  color: #888888;
}
.academics-info-item:hover {
  color: #0096ff;
}
.academics-info-item.small {
  font-size: 12px;
  line-height: 14px;
}
.academics-info-item em {
  position: relative;
  float: left;
  color: #888888;
  font-size: 12px;
  padding: 2px 10px;
}
.remarks-container {
  position: relative;
  float: left;
  width: 95%;
  list-style: none;
}
.remarks-item {
  position: relative;
  float: left;
  width: 100%;
  background: #FFFFFF;
  margin-bottom: 5px;
  border-radius: 5px;
  padding: 10px 5px;
}
.remarks-text {
  position: relative;
  float: left;
  width: 80%;
  font-size: 14px;
}
.remarks-date {
  position: relative;
  float: left;
  width: 15%;
  font-size: 10px;
  line-height: 14px;
  color: #005a99;
}
.remarks-seen {
  position: relative;
  float: left;
  width: 5%;
  color: #005a99;
  font-size: 10px;
  line-height: 14px;
}
.remarks-author {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
}
.cd-wrap {
  position: relative;
  float: left;
  width: 100%;
}
.enrolment-list > .enrolment-user > .enrolment-classes > .enrolment-item > i.loader {
  position: absolute;
  top: 2px;
  right: 25px;
  background-repeat: no-repeat;
  background-image: url("site/modules/ui/white_spinner.gif");
  background-position: 0 0;
  background-size: 100% 100%;
  height: 30px;
  width: 30px;
  z-index: 99;
  background-color: rgba(155, 155, 155, 0.3);
  border-radius: 15px;
  display: none;
}
.enrolment-list > .enrolment-user > .enrolment-classes > .enrolment-item > i.loader.loading {
  display: block;
}
.enrolment-list {
  max-height: calc(90vh - 110px);
  overflow: hidden;
  overflow-Y: scroll;
}
.enrolment-list.padded {
  padding: 10px 20px;
}
.enrolment-list .enrolment-user {
  padding-bottom: 15px;
}
.enrolment-list .enrolment-user h4 {
  padding: 5px 0 8px;
}
.enrolment-list li {
  border: none;
}
.enrolment-list .enrolment-item {
  background: none;
}
.enrolment-list .enrolment-item h5 {
  position: relative;
  float: left;
  width: 90%;
  color: white;
  font-size: 16px;
  margin: 0;
}
.enrolment-list .enrolment-item em {
  position: relative;
  float: left;
  width: 5%;
  font-size: 12px;
}
.enrolment-list .enrolment-item i {
  position: relative;
  float: right;
  width: 5%;
  font-size: 12px;
}
.enrolment-list .enrolment-item .ss-navigateup {
  display: none;
}
.enrolment-list .enrolment-item .class-details {
  position: relative;
  float: left;
  width: 50%;
  max-height: 0;
  transition: max-height 0.3s ease-in;
  overflow: hidden;
}
.enrolment-list .enrolment-item.expanded .ss-navigateup {
  display: block;
}
.enrolment-list .enrolment-item.expanded .ss-navigatedown {
  display: none;
}
.enrolment-list .enrolment-item.expanded .class-details {
  max-height: 10000px;
}
.enrolment-list table, .enrolment-list thead, .enrolment-list tbody, .enrolment-list tr {
  position: relative;
  float: left;
  width: 100%;
  color: white;
}
.enrolment-list table th, .enrolment-list table td, .enrolment-list thead th, .enrolment-list thead td, .enrolment-list tbody th, .enrolment-list tbody td, .enrolment-list tr th, .enrolment-list tr td {
  position: relative;
  float: left;
  text-align: center;
  padding: 5px 10px;
}
.enrolment-list table th.w100, .enrolment-list table td.w100, .enrolment-list thead th.w100, .enrolment-list thead td.w100, .enrolment-list tbody th.w100, .enrolment-list tbody td.w100, .enrolment-list tr th.w100, .enrolment-list tr td.w100 {
  width: 100%;
}
.enrolment-list table th.w75, .enrolment-list table td.w75, .enrolment-list thead th.w75, .enrolment-list thead td.w75, .enrolment-list tbody th.w75, .enrolment-list tbody td.w75, .enrolment-list tr th.w75, .enrolment-list tr td.w75 {
  width: 75%;
}
.enrolment-list table th.w25, .enrolment-list table td.w25, .enrolment-list thead th.w25, .enrolment-list thead td.w25, .enrolment-list tbody th.w25, .enrolment-list tbody td.w25, .enrolment-list tr th.w25, .enrolment-list tr td.w25 {
  width: 25%;
}
.enrolment-list table th.a-right, .enrolment-list table td.a-right, .enrolment-list thead th.a-right, .enrolment-list thead td.a-right, .enrolment-list tbody th.a-right, .enrolment-list tbody td.a-right, .enrolment-list tr th.a-right, .enrolment-list tr td.a-right {
  text-align: right;
}
.enrolment-list table th.c-right, .enrolment-list table td.c-right, .enrolment-list thead th.c-right, .enrolment-list thead td.c-right, .enrolment-list tbody th.c-right, .enrolment-list tbody td.c-right, .enrolment-list tr th.c-right, .enrolment-list tr td.c-right {
  text-align: center;
}
.enrolment-list table.full-table, .enrolment-list thead.full-table, .enrolment-list tbody.full-table, .enrolment-list tr.full-table {
  position: relative;
  float: left;
  width: 100%;
}
.enrolment-list table.right-table, .enrolment-list thead.right-table, .enrolment-list tbody.right-table, .enrolment-list tr.right-table {
  position: relative;
  float: right;
  width: 100%;
}
.enrolment-list ol {
  position: relative;
  float: left;
  width: 100%;
}
.enrolment-list ol li {
  border-radius: 3px;
  padding: 3px;
}
.enrolment-list ol li label {
  position: relative;
  float: left;
  width: 75%;
  margin-top: 2px;
}
.enrolment-list ol li span {
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
  background-color: rgba(211, 211, 211, 0.2);
  padding: 2px 10px 3px;
  border-radius: 3px;
  cursor: text;
}
.enrolment-user.open-user > h4 > .ss-navigatedown {
  display: none;
}
.enrolment-user.open-user > h4 .ss-navigateup.u-hidden {
  display: block;
}
.enrolment-user > .enrolment-classes, .enrolment-user > ul > .enrolment-item {
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
  max-height: 0;
}
.enrolment-user.open-user > .enrolment-classes, .enrolment-user.open-user > ul > .enrolment-item {
  max-height: 90000px;
  overflow: inherit;
}
.enrolment-list > .enrolment-user > ul > li {
  padding: 0;
}
.enrolment-list > .enrolment-user.open-user > ul > li {
  padding: 5px 10px;
}
.enrolment-user > h4 > .loader {
  display: none;
  height: 40px;
  width: 40px;
  z-index: 99;
  background-repeat: no-repeat;
  background-image: url("site/modules/ui/white_spinner.gif");
  background-position: 0 0;
  background-size: 100% 100%;
  right: calc(4.5% - 12px);
  top: 0 !important;
}
.enrolment-user > h4 > .loader.open-menu {
  display: block;
}
.gt-progress {
  position: relative;
  float: left;
  width: 50%;
  display: none;
}
.enrolment-item.expanded .gt-progress {
  display: block;
}
.list-padder {
  position: relative;
  float: left;
  width: 100%;
  height: 150px;
}
/****************/
/* 2024 Updates */
/****************/
.editor-action-bar > .switch {
  position: absolute;
  bottom: -48px;
  right: 0;
}
/* The switch - the box around the slider */
.acc-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
/* Hide default HTML checkbox */
.acc-switch > input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.acc-switch > .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.acc-switch > .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.acc-switch > input:checked + .slider {
  background-color: #49be49;
}
.acc-switch > input:focus + .slider {
  box-shadow: 0 0 1px #49be49;
}
.acc-switch > input:checked + .slider:before {
  transform: translateX(16px);
}
/* Rounded sliders */
.acc-switch > .slider.round {
  border-radius: 24px;
}
.acc-switch > .slider.round:before {
  border-radius: 50%;
}
.section-switch {
  position: relative;
  float: right;
  margin-right: 5px;
}
.cc-switch {
  position: relative;
  float: right;
  margin-top: 4px;
}
.cc-switch > .acc-switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
}
.cc-switch > .acc-switch > input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cc-switch > .acc-switch > .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  height: 20px;
  width: 30px;
}
.cc-switch > .acc-switch > .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.cc-switch > .acc-switch > input:checked + .slider {
  background-color: #49be49;
}
.cc-switch > .acc-switch > input:focus + .slider {
  box-shadow: 0 0 1px #49be49;
}
.cc-switch > .acc-switch > input:checked + .slider:before {
  transform: translateX(10px);
}
.cc-switch > .acc-switch > .slider.round {
  border-radius: 24px;
}
.cc-switch > .acc-switch > .slider.round:before {
  border-radius: 50%;
}
.paper-icons {
  position: relative;
  float: right;
}
.paper-uploaded, .paper-marked, .paper-grade, .paper-upload {
  position: relative;
  float: left;
  margin-right: 10px;
  height: 40px;
  width: 40px;
  border-radius: 25px;
  border: 2px solid white;
  color: white;
  cursor: pointer;
}
.paper-upload {
  float: right;
}
.paper-uploaded > span, .paper-marked > span, .paper-upload > span {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  top: -20px;
  font-size: 16px;
}
.paper-uploaded > span, .paper-marked > span, .paper-grade > span, .paper-upload > span {
  position: relative;
  float: left;
  height: 40px;
  width: 40px;
  top: 0px;
}
.paper-uploaded > span > em, .paper-marked > span > em, .paper-grade > span > em, .paper-upload > span > em {
  position: relative;
  float: left;
  font-size: 15px;
  line-height: 40px;
  margin: 0 0 0 10px;
}
.paper-uploaded {
  background-color: var(--c);
}
.paper-marked {
  background-color: var(--c);
}
.paper-grade, .paper-upload {
  background-color: var(--c);
}
.paper-uploaded > h4, .paper-marked > h4, .paper-grade > h4, .paper-upload > h4 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  width: 110px;
  bottom: -3px;
  background-color: green;
  padding: 5px 10px;
  border-radius: 3px;
  left: -110px;
  text-align: center;
  display: none;
}
.paper-marked > h4 {
  background-color: rgb(25.0434782609, 54.5391304348, 102.9565217391);
}
.paper-grade > h4, .paper-upload > h4 {
  background-color: var(--c);
}
.paper-grade > span > i {
  position: relative;
  float: left;
  font-size: 12px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 0 0 5px;
}
.paper-uploaded:hover > h4, .paper-uploaed:focus > h4, .paper-marked:hover > h4, .paper-marked:focus > h4, .paper-grade:hover > h4, .paper-grade:focus > h4, .paper-upload:hover > h4, .paper-upload:focus > h4 {
  display: block;
  z-index: 99;
}
#upload-bar-wrapper {
  position: relative;
  float: left;
  width: 50%;
  height: 30px;
  border: solid 1px rgba(133, 133, 133, 0.4);
  padding: 5px;
  display: none;
  border-radius: 3px;
}
#upload-bar-wrapper.loading, #upload-bar-wrapper.loaded {
  display: block;
  z-index: 999;
}
#upload-bar-wrapper > #upload-bar {
  position: relative;
  float: left;
  width: 0%;
  height: 20px;
  background-color: rgb(45, 98, 185);
  border-radius: 3px;
}
#upload-bar-wrapper > #upload-counter {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 1px;
  color: black;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
#upload-bar-wrapper > #upload-counter.complete {
  width: 220px;
  left: calc(50% - 110px);
}
#upload-bar-wrapper > #cancelUploadBtn {
  display: none;
}
#upload-bar-wrapper.loading > #cancelUploadBtn {
  position: absolute;
  left: 0;
  top: 35px;
  display: block;
}
#upload-cancelled-wrapper {
  position: relative;
  float: left;
  width: 50%;
  height: 30px;
  border: solid 1px rgba(133, 133, 133, 0.4);
  padding: 5px;
  display: none;
  border-radius: 3px;
}
#upload-cancelled-wrapper.active {
  display: block;
}
#upload-cancelled-wrapper > span {
  position: absolute;
  width: 220px;
  left: calc(50% - 110px);
  top: 1px;
  color: black;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.marked-paper {
  position: relative;
  float: left;
  margin-left: 20px;
  margin-top: 10px;
  width: 100%;
}
.marked-paper > li {
  position: relative;
  float: left;
  width: 100%;
}
.marked-paper > li > label, .marked-paper > li > span {
  position: relative;
  float: left;
  margin-left: 10px;
}
@media screen and (min-width: 480px) {
  .academics-active-button-wrapper {
    width: 60%;
    margin: 5px 20% 0;
  }
  .academics-paper-textbox {
    width: 60%;
    margin: 1px 20% 5px;
  }
}
@media screen and (min-width: 660px) {
  .academics-active-button-wrapper {
    width: 40%;
    margin: 5px 30% 0;
  }
  .academics-paper-textbox {
    width: 40%;
    margin: 1px 30% 5px;
  }
}
@media screen and (min-width: 760px) {
  .academics-course-list-item.open .academics-item-inner-wrapper {
    margin: 0 10% 20px;
    width: 80%;
  }
  .academics-notification-bar {
    position: relative;
    float: right;
    margin: 0;
    margin-left: 30px;
  }
}
@media screen and (min-width: 1020px) {
  .academics-course-list-item {
    width: 20%;
  }
  .academics-course-list-item.open {
    width: 50%;
  }
  .academics-course-list-item.open .academics-item-inner-wrapper {
    background: #555;
    margin: 0 0 20px 15%;
    width: 90%;
  }
  .academics-course-list-item.open .academics-item-inner-wrapper > .academics-course-title {
    width: 82%;
  }
}
#travel-icon.active > #new-travel-menu {
  position: absolute;
  bottom: 49px;
  left: 67px;
  width: 200px;
}
#travel-icon > .ping {
  position: absolute;
  top: 0;
  left: 0;
  width: 67px;
  height: 67px;
}
#travel-page-holder .info-page-wrapper {
  padding: 0;
}
#travel-page-holder h2 {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  background: #00497f;
  color: #FFFFFF;
  margin: 0 0 10px;
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  line-height: 38px;
}
#travel-results-wrapper, .travel-search-wrapper {
  padding: 20px;
}
#travel-search-res-list {
  display: none !important;
}
#travel-search-res-list.u-visible {
  display: block !important;
}
.travel-emergency-list {
  min-width: 320px;
}
.travel-emergency-list > li {
  margin-bottom: 4px;
}
.travel-emergency-list > li > em {
  font-size: 12px !important;
  top: -6px;
}
.travel-search-dates {
  position: relative;
  float: left;
  width: 50%;
  /*input[type="date"]::-webkit-calendar-picker-indicator {
  	width:60px;
  }
  input[type="date"]::-webkit-datetime-edit-text{
  	width:0;
  }*/
}
.travel-search-dates figure {
  position: relative;
  float: left;
  width: 100%;
  /*width:60px;
  height:60px;
  border-radius:30px;
  background: #00497f;
  color:white;
  text-align:center;*/
  margin-bottom: 5px;
}
.travel-search-dates figcaption {
  position: relative;
  float: left;
  width: 80px;
  height: 100%;
}
.travel-search-dates figcaption h4, .travel-search-dates figcaption span, .travel-search-dates figcaption em, .travel-search-dates figcaption i {
  position: relative;
  float: left;
  width: 100%;
}
.travel-search-dates figcaption h4 {
  font-size: 16px;
  margin: 0;
}
.travel-search-dates figcaption span, .travel-search-dates figcaption em, .travel-search-dates figcaption i {
  font-size: 12px;
}
.travel-search-dates figcaption span {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 400;
}
.travel-search-dates input {
  position: absolute;
  left: 80px;
  top: 2px;
  border-color: rgba(155, 155, 155, 0.2);
  min-height: 30px;
  /*width:60px;
  height:60px;
  border-radius:30px;
  opacity:0;*/
}
.travel-data-720up {
  display: none;
}
.travel-data-editor {
  float: left;
}
.travel-data-list {
  width: 100%;
  float: left;
  list-style: none;
  padding: 65px 0;
}
.travel-data-item {
  width: 100%;
  float: left;
  text-align: center;
  color: #FFFFFF;
  border-radius: 3px;
  margin-bottom: 5px;
}
.travel-data-item:nth-child(2n+1) {
  background: #00497f;
}
.travel-data-item:nth-child(2n) {
  background: rgb(0, 102.3149606299, 178);
}
.travel-data-label-in {
  position: relative;
  float: left;
  width: 50%;
}
.student-travel-data-list {
  width: 100%;
  float: left;
  list-style: none;
  padding: 10px;
}
.student-data-list-item {
  float: left;
  width: 100%;
}
.student-data-list-item:last-child {
  margin-right: 0;
}
.secure-editor-editable-text:hover {
  color: black;
  font-weight: 800;
}
.secure-editor-box {
  display: none;
  position: relative;
  top: 0;
  height: auto;
  left: 0;
  width: 100%;
  float: left;
}
.secure-editor-box input {
  width: 100%;
}
.open-editor .secure-editor-box {
  display: block;
}
.open-editor .secure-editor-editable-text {
  display: none;
}
.secure-editor-box-icon {
  padding: 1px;
}
.secure-editor-box-save {
  color: green;
}
.secure-editor-box-cancel {
  color: red;
}
.travel-data-holder {
  font-size: 14px;
}
.travel-data-addtional {
  font-size: 18px;
}
.travel-form-editor-container {
  width: 100%;
  margin: 0 0 50px;
  float: left;
}
.travel-loading-whiteout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 140%;
  z-index: 99;
  background: rgba(95, 105, 120, 0.5);
  background-image: url("/build/assets/loading-B5y1IzJP.gif");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  display: none;
}
.travel-loading-whiteout.waiting {
  display: block;
}
.travel-loading-whiteout-text {
  position: fixed;
  top: 30%;
  width: 50%;
  left: 25%;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  color: #FFFFFF;
}
.Reserved-travel-row {
  position: relative;
  float: left;
  width: 100%;
}
.Reserved-travel-row h2 {
  text-align: center;
}
.Reserved-travel-row td {
  padding: 0 5px;
}
.Reserved-travel-data-link {
  width: 100%;
  font-weight: 300;
  margin: 0;
  float: left;
  font-size: 16px;
  text-align: center;
}
.Reserved-travel-data-link span {
  color: #0096ff;
}
#travel-editor.active form {
  width: 100%;
  margin-top: 10vh;
}
#travel-editor .trip-list, #travel-editor .trip-selector, #travel-editor .trip-item {
  position: relative;
  float: left;
  width: 100%;
}
#travel-editor .trip-list {
  cursor: pointer;
  color: #006ecb;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 16px;
}
#travel-editor .trip-list em {
  color: #555;
  font-size: 12px;
  padding: 3px;
}
#travel-editor .trip-item {
  display: none;
}
#travel-editor .trip-item.active-trip {
  display: block;
  padding-bottom: 20px;
}
#travel-editor .trip-item table {
  position: relative;
  float: left;
  width: 100%;
  font-size: 12px;
}
#travel-editor .trip-item td, #travel-editor .trip-item th {
  padding: 3px 1px !important;
}
#travel-editor .trip-item span {
  width: 100%;
  text-align: center;
  color: #006ecb;
  font-size: 14px;
  cursor: pointer;
}
#travel-editor .trip-item span strong:hover {
  color: #006ecb;
}
#travel-editor .trip-item span em {
  position: relative;
  float: right;
  margin-left: 20px;
}
#travel-editor .trip-item input {
  border: none;
  max-width: 120px;
  font-size: 11px;
  font-weight: 400;
}
#travel-editor button {
  float: right;
}
#es-toolbar.deselected span {
  display: none;
}
#es-toolbar.deselected span.u-hidden {
  display: block;
}
.es-program-list {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 10px;
}
.es-program-list li {
  position: relative;
  float: left;
  width: 100%;
}
.es-program-list label, .es-program-list input {
  margin-top: 0;
  margin-right: 0;
}
.es-program-list input {
  height: 1.2em;
}
.pac-container {
  z-index: 10000 !important;
}
.es-user-list {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 100px;
}
.es-user-list:last-child {
  margin-bottom: 120px;
}
.es-user-info {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
}
.es-user-info li {
  position: relative;
  float: left;
  width: 25%;
  padding: 5px;
}
.es-user-info li:nth-child(3n) {
  width: 10%;
  text-align: center;
}
.es-user-info li:nth-child(3n) .ss-check {
  color: #001a00;
}
.es-user-info li:nth-child(3n) .ss-hyphen {
  color: #990000;
}
.es-user-info li:nth-child(4n) {
  width: 10%;
  text-align: center;
}
.es-user-info li:nth-child(5n) {
  width: 30%;
}
.es-user-info input {
  position: relative;
  float: left;
  width: auto;
  margin-left: 0;
}
.user-travel-data {
  position: relative;
  float: left;
  width: 100%;
}
#travel-download {
  position: relative;
  float: right;
  padding: 6px 4px 4px;
  font-size: 12px;
}
#travel-download em {
  position: relative;
  float: left;
}
#travel-download-list {
  position: absolute;
  top: 67px;
  width: 220px;
  right: 20px;
  padding: 10px;
  border-radius: 0 0 3px 3px;
  background: white;
  color: #555;
  display: none;
  box-shadow: 0 2px 3px 1px rgba(155, 155, 155, 0.5);
  font-size: 14px;
}
#travel-download-list.expanded-menu {
  display: block;
  z-index: 999;
}
#travel-download-list li {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px 0;
  cursor: pointer;
}
.confirm-wrapper {
  position: relative;
  width: 100%;
  height: 360px;
}
.confirm-wrapper > h3 {
  position: relative;
  width: 100%;
  background: #00497f;
  padding: 20px;
  color: white;
  font-size: 22px;
}
.confirm-wrapper > .confirm-window {
  position: relative;
  width: 100%;
  padding: 20px;
}
.confirm-wrapper > .confirm-window > ul {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  padding: 0 20px;
  margin: 0;
}
.confirm-wrapper > .confirm-window > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
.confirm-wrapper > .confirm-window > ul > li > label, .confirm-wrapper > .confirm-window > ul > li > input {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
  margin-bottom: 0;
}
.confirm-wrapper > .footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background: #00497f;
}
#confirm-callout > .confirm-wrapper > .footer > button {
  position: absolute;
  bottom: 10px;
  border: none;
  color: #00497f;
  box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3);
  font-weight: 600;
  border-radius: 3px;
  padding: 5px 10px;
}
.confirm-wrapper > .footer > button.left {
  left: 20px;
}
.confirm-wrapper > .footer > button.right {
  right: 20px;
}
@media screen and (min-width: 768px) {
  /*#travel-page-holder {
      width: calc(73vw - 66px) !important;
    }*/
  #travel-page-holder.bknd {
    width: calc(100vw - 117px) !important;
    left: 25px;
    top: 60px;
  }
  #travel-page-holder h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .Reserved-travel-row {
    width: 100%;
    margin: 0 0 30px;
  }
  #ayf-password-check {
    right: 20%;
    width: 60%;
  }
  .travel-data-720up {
    display: block;
  }
  .travel-data-720down {
    display: none;
  }
  .travel-data-list {
    padding: 65px 20px;
  }
  .student-data-list-item {
    float: left;
    margin-right: 0.5%;
    width: 9.5%;
  }
  .student-data-list-item:last-child {
    margin-right: 0;
  }
  .student-data-list-item.width-5 {
    width: 4.5%;
  }
  .student-data-list-item.width-15 {
    width: 14.5%;
  }
  .student-data-list-item.width-20 {
    width: 19.5%;
  }
  .student-data-list-item.width-25 {
    width: 24.5%;
  }
  .student-data-list-item.width-13 {
    width: 13%;
  }
  .travel-data-item {
    border-radius: 0;
    margin-bottom: 1px;
  }
  .travel-data-item:first-child {
    border-radius: 3px 3px 0 0;
  }
  .travel-data-item:last-child {
    border-radius: 0 0 3px 3px;
  }
  #travel-editor form {
    width: 700px;
  }
  #travel-editor .trip-item {
    font-size: 16px;
  }
  #travel-editor .trip-item table {
    font-size: 14px;
  }
  #travel-editor .trip-item td, #travel-editor .trip-item th {
    padding: 3px 1px !important;
  }
  #travel-editor .trip-item input {
    max-width: 140px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1020px) {
  .Reserved-travel-row {
    width: 60%;
    margin: 20px 20% 30px;
  }
  .Reserved-travel-row:last-child {
    padding-bottom: 60px;
  }
  .Reserved-travel-row-low-margin {
    margin: 0 20%;
  }
  .large-3.columns {
    float: left;
    width: 60%;
    margin: 20px 20% 0;
  }
  #ayf-password-check {
    position: fixed;
    right: 30%;
    width: 40%;
  }
  .Reserved-travel-data-link {
    width: 60%;
    margin: 0 20%;
    text-align: left;
    font-size: 1.4em;
  }
}
.view-dashboard {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.class-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
}
.sd-h1 {
  position: relative;
  float: left;
  width: 100%;
  margin: 30px 0;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #43484d;
}
.dash-320 > .left-sidebar {
  position: absolute;
  transition: margin-left ease-in 0.5s;
  display: none;
}
.dash-320 > .left-sidebar.over-7 {
  display: block;
}
.dash-320 > .left-sidebar.open {
  margin-left: 0;
}
.dash-320 > .sisto-main-content {
  width: 100%;
}
#dash-nav > ul > li {
  position: relative;
  float: left;
  width: calc(33.3% - 3.33px);
  padding: 5px 1px;
  text-align: center;
  border: solid 1px rgba(155, 155, 155, 0.1);
  box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.5);
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}
#dash-nav > ul > li.active-nav {
  background: rgb(45, 98, 185);
  color: white;
  border: solid 1px rgba(255, 255, 255, 0.5);
}
#dash-left, #dash-right, #dash-nav, #dash-nav > ul, #msg-hub, #msg-hub > ul {
  position: relative;
  float: left;
  width: 100%;
}
#msg-hub {
  position: relative;
  float: left;
  max-height: 330px;
  min-height: 330px;
  border: solid 1px rgb(102, 102, 102);
  border-radius: 5px;
  margin-bottom: 20px;
  transition: max-height ease-out 0.5s;
}
#msg-hub.viewing {
  max-height: 1000vh;
  padding-bottom: 40px;
}
#msg-hub > ul.msg-nav {
  position: absolute;
  left: 0;
  width: 100%;
  height: 36px;
  bottom: 0;
  background: white;
  border-radius: 0 0 5px 5px;
  z-index: 99;
}
#msg-hub > ul.msg-nav > li {
  position: relative;
  float: left;
  width: 33.33%;
  height: 36px;
  border-radius: 0;
  border-top: solid 1px rgb(102, 102, 102);
  border-right: solid 1px rgb(102, 102, 102);
}
#msg-hub > ul.msg-nav > li.active-nav {
  border-top: none;
  border-right: none;
  color: rgb(35.0217391304, 76.2695652174, 143.9782608696);
}
#msg-hub > ul.msg-nav > li:last-child {
  border-right: none;
}
#msg-hub > ul.msg-nav > li.active-nav + li {
  border-radius: 5px 0 0 0;
  border-left: solid 1px rgb(102, 102, 102);
}
#msg-hub > ul.msg-nav > li:has(+ li.active-nav) {
  border-radius: 0 5px 0 0;
  border-right: solid 1px rgb(102, 102, 102);
}
/*#msg-hub > ul.msg-nav > li:nth-child(1).active-right{
	border-radius:0 5px 0 0;
	border-right:solid 1px rgba(102,102,102,1);
}
#msg-hub > ul.msg-nav > li:nth-child(2).active-right{
	border-radius:0 5px 0 0;
	border-right:solid 1px rgba(102,102,102,1);
}
#msg-hub > ul.msg-nav > li:nth-child(2).active-right{
	border-radius:0 5px 0 0;
}

#msg-hub > ul.msg-nav > li:nth-child(2).active-left{
	border-radius:5px 0 0 0;
	border-left:solid 1px rgba(102,102,102,1);
}
#msg-hub > ul.msg-nav > li:nth-child(3).active-left{
	border-radius:5px 0 0 0;
	border-left:solid 1px rgba(102,102,102,1);
}*/
#msg-hub > ul.msg-nav > li:nth-child(3) > button > span.over-760 {
  display: none;
}
#msg-hub > ul.msg-nav > li > button {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 5px;
  text-align: center;
  border: none;
  background: none;
}
#msg-hub > ul.msg-nav > li > button > em {
  font-size: 0.8em;
  margin-right: 2px;
}
#msg-hub > ul.msg-nav > li > button > span {
  font-size: 1em;
  font-weight: 300;
  line-height: 1em;
}
#msg-hub > #dash-notify, #msg-hub > #dash-msg, #msg-hub > #dash-feed, #msg-hub > #dash-misc {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  min-height: 300px;
  max-height: 300px;
  overflow-y: hidden;
  padding: 0 10px;
  transition: max-height ease-out 0.4s;
  border-radius: 5px;
}
#msg-hub > #dash-msg {
  padding: 0;
}
#msg-hub.viewing > #dash-notify {
  max-height: 1000vh;
}
#msg-hub.viewing > #dash-feed.active-nav, #msg-hub.viewing > #dash-misc {
  max-height: calc(100vh - 160px);
  overflow-y: scroll;
}
#msg-hub.viewing > #dash-feed.active-nav > button {
  position: relative;
  float: right;
  margin: 10px 0;
  padding: 4px 5px;
  background-color: rgb(45, 98, 185);
  color: white;
  border: white;
  border-radius: 3px;
  cursor: pointer;
}
#msg-hub.mailing {
  max-height: calc(100vh - 120px);
}
#msg-hub > #dash-msg {
  max-height: calc(100vh - 170px);
  padding-bottom: 40px;
  overflow-y: scroll;
}
#msg-hub > #dash-msg > ul#dash-msg-ul {
  max-height: 100000vh;
}
#msg-hub.viewing > #dash-notify > ul#dash-notify-ul, #msg-hub.viewing > #dash-feed > ul#dash-feed-ul, #dash-misc > ul#dash-misc-ul {
  max-height: 100000vh;
}
#msg-hub.mailing {
  max-height: calc(100vh - 120px);
  height: calc(100vh - 120px);
  padding-bottom: 30px;
}
#msg-hub.viewing > #dash-notify > ul > li > ul > li > div.left-block {
  max-height: 1000vh;
}
#msg-hub > #dash-notify.active-nav, #msg-hub > #dash-msg.active-nav, #msg-hub > #dash-feed.active-nav, #msg-hub > #dash-misc.active-nav {
  display: block;
}
#lms-class > #dash-nav > ul > li.active-nav {
  background: rgb(25.0434782609, 54.5391304348, 102.9565217391);
}
#lms-class > #dash-left {
  width: calc(100vw - 70px);
  margin-left: 10px;
  padding: 0;
}
#dash-nav > ul > li:last-child {
  margin-right: 0;
}
#dash-left > aside > ul > li {
  margin-bottom: 20px;
}
#dash-left > aside {
  position: relative;
  float: left;
  width: 100%;
  display: none;
}
#dash-left > aside.active-nav {
  display: block;
}
#dash-left > aside > .break {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 20px;
}
#dash-left > aside > .break.freeze {
  display: none;
}
#dash-right > aside {
  position: relative;
  float: left;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.5);
  margin-bottom: 20px;
}
#dash-right > aside > h3 {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 15px;
  margin: 0 0 10px;
  font-size: 16px;
  color: #FFFFFF;
  border-radius: 5px 5px 0 0;
}
#dash-right > aside > h3:nth-child(3n-3) {
  background-color: #d8571f;
}
#dash-right > aside > h3:nth-child(3n-2) {
  background-color: #7d9c47;
}
#dash-right > aside > h3:nth-child(3n-1) {
  background-color: #3c8ccb;
}
#dash-right > aside:nth-child(3n-3) > h3 {
  background-color: #d8571f;
}
#dash-right > aside:nth-child(3n-2) > h3 {
  background-color: #7d9c47;
}
#dash-right > aside:nth-child(3n-1) > h3 {
  background-color: #3c8ccb;
}
#dash-right > aside > h3 > em {
  position: relative;
  float: right;
  font-size: 12px;
  border-radius: 10px;
  height: 20px;
  width: 20px;
  background: #FFFFFF;
  color: #555;
  padding: 4px;
}
#dash-right > aside > h3 > em > i {
  position: absolute;
  top: 2px;
  right: 5px;
  font-size: 12px;
}
#dash-right > aside > ul {
  position: relative;
  float: left;
  width: 100%;
}
#dash-right > aside > ul > li {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(155, 155, 155, 0.3);
  padding: 10px 20px;
}
#dash-right > aside > ul > li:first-child {
  padding-top: 0;
}
#dash-right > aside > ul > li:last-child {
  border-bottom: none;
}
#dash-right > aside > ul > li.active-cc > .class-content > ul.u-hidden {
  display: block;
}
#dash-right > aside > ul > li.active-cc > .class-content > h4 > em {
  display: none;
}
#dash-right > aside > ul > li.active-cc > .class-content > h4 > em.u-hidden {
  display: block;
}
#dash-right > aside > ul > li > .class-content {
  position: relative;
  float: left;
  width: 100%;
}
#dash-right > aside > ul > li > .class-content > h4 {
  margin: 5px 0;
  padding: 5px 0;
}
#dash-right > aside > ul > li > .class-content > h4 > span {
  position: relative;
  float: left;
  width: calc(100% - 100px);
  margin-right: 20px;
}
#dash-right > aside > ul > li > .class-content > h4 > i {
  position: relative;
  float: right;
  width: 24px;
  border-radius: 12px;
  height: 24px;
  margin: 0 10px;
  font-size: 10px;
  color: white;
  background: rgb(45, 98, 185);
  padding: 6px 8px;
}
#dash-right > aside > ul > li > .class-content > h4 > i.p10 {
  padding: 6px 6px;
}
#dash-right > aside > ul > li > .class-content > h4 > em {
  position: relative;
  float: right;
  padding: 5px;
  font-size: 12px;
  width: 20px;
}
#dash-right > aside > ul > li > .class-content > ul, #dash-right > aside > ul > li > .class-content > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
#dash-right > aside > ul > li > .class-content > ul {
  padding: 0 0 0 10px;
}
#dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul > li {
  padding: 5px 10px;
  background: #f7f7f7;
}
#dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul > li:nth-child(2n-1) {
  background: #FFFFFF;
}
#dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul > li > span {
  float: left;
  width: calc(100% - 30px);
}
#dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul > li > em {
  float: right;
  width: 20px;
  margin-left: 10px;
  margin-right: 0;
}
#dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul > li > i {
  float: left;
  font-size: 10px;
  margin-left: 10px;
  margin-right: 0;
}
#dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul {
  border-bottom: none;
}
#dash-right > aside > ul > li > .class-content > ul > li > h5 {
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(155, 155, 155, 0.3);
}
#dash-right > aside > ul > li > .class-content > ul > li > ul {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(155, 155, 155, 0.3);
}
#dash-right > aside > ul > li > .class-content > ul > li > ul > li > h2 {
  font-size: 1.1em;
}
#dash-right > aside > ul > li > .class-content > ul > li > ul > li > ul > li > a > em {
  position: relative;
  float: left;
  padding: 4px 5px 0 0;
}
#dash-right > aside > ul > li > .class-content > ul > li > ul > li > ul > li > a > span {
  position: relative;
  float: left;
  width: calc(100% - 40px);
}
#dash-right > aside > ul > li > .class-content > ul > li > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
#dash-right > aside > ul > li > .class-content > ul > li > ul > li > em, #dash-right > aside > ul > li > .class-content > ul > li > ul > li > a > em {
  position: relative;
  float: left;
  width: 20px;
  margin-right: 20px;
}
#dash-right > aside > ul > li > .class-content > ul > li > ul > li > span, #dash-right > aside > ul > li > .class-content > ul > li > ul > li > a > span {
  position: relative;
  float: left;
  width: calc(100% - 40px);
  overflow-x: clip;
}
#dash-notify > ul, #dash-notify > ul > li, #dash-feed > ul, #dash-feed > ul > li, #dash-misc > ul, #dash-misc > ul > li {
  position: relative;
  float: left;
  width: 100%;
  border-radius: 5px;
  max-height: 300px;
  transition: max-height ease-out 0.4s;
}
#dash-misc > ul, #dash-misc > ul > li {
  max-height: 10000vh;
}
#msg-hub.viewing > #dash-notify > ul#dash-notify-ul > li, #msg-hub.viewing > #dash-msg > ul#dash-msg-ul > li, #msg-hub.viewing > #dash-feed > ul#dash-feed-ul > li {
  max-height: 10000vh;
}
#dash-misc-ul > li > ul > li > .lbl, #dash-misc-ul > li > ul > li > .rbl {
  width: 100%;
}
#dash-right > aside > ul > li > .class-content > ul > li > ul > li > a {
  position: relative;
  float: left;
  width: 100%;
  cursor: pointer;
}
#dash-notify > ul, #dash-feed > ul {
  margin-top: 0;
}
#dash-notify > ul > li.last > ul > li > h4 {
  margin: 10px;
}
#dash-notify > ul > li > ul, #dash-notify > ul > li > ul > li, #dash-feed > ul > li > ul, #dash-feed > ul > li > ul > li, #dash-misc > ul > li > ul, #dash-misc > ul > li > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
#dash-notify > ul > li > ul > li:first-child, #dash-feed > ul > li > ul > li:first-child {
  border-top: none;
  padding: 0;
}
#dash-notify > ul > li > ul > li > .right-block, #dash-feed > ul > li > ul > li > .right-block, #dash-misc > ul > li > ul > li > .right-block {
  position: relative;
  float: right;
  width: 60px;
  height: 60px;
  line-height: 20px;
  padding: 10px 10px;
}
#dash-notify > ul > li > ul > li > .right-block > span, #dash-feed > ul > li > ul > li > .right-block > span, #dash-misc > ul > li > ul > li > .right-block > span {
  position: relative;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  color: white;
  font-weight: 600;
  background: rgb(45, 98, 185);
  border-radius: 30px;
  text-align: center;
}
#dash-msg > ul > li > ul > li > .right-block.read > span {
  background: #888888;
}
#dash-notify > ul > li > ul > li > .right-block > em, #dash-feed > ul > li > ul > li > .right-block > em, #dash-misc > ul > li > ul > li > .right-block > em {
  position: absolute;
  bottom: -5px;
  right: -2px;
  background: white;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  padding: 1px;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  color: rgb(45, 98, 185);
  cursor: pointer;
}
#dash-feed > ul > li > ul > li > .right-block > em {
  bottom: 5px;
}
#dash-msg > ul > li > ul > li > .right-block.read > em {
  color: #888888;
}
#dash-notify > ul > li > ul > li > .left-block, #dash-feed > ul > li > ul > li > .left-block, #dash-misc > ul > li > ul > li > .left-block {
  position: relative;
  float: left;
  width: calc(100% - 60px);
  height: auto;
  font-size: 0.8em;
  line-height: 0.9em;
  letter-spacing: 0.02em;
  padding: 10px 5px 5px 10px;
  min-height: 210px;
  max-height: 210px;
  overflow-y: scroll;
  transition: max-height ease-out 0.4s;
}
#dash-misc > ul > li > ul > li > .left-block {
  min-height: auto;
  max-height: 70vh;
  margin-bottom: 10px;
}
#dash-feed > ul > li > ul > li > .left-block {
  height: auto;
  min-height: 40px;
  width: calc(100% - 70px);
}
#dash-feed > ul > li > ul > li > .right-block {
  width: 100px;
}
#dash-feed > ul > li > ul > li > .right-block > .dash-button {
  height: 30px;
  width: 100%;
  border-radius: 5px;
}
#dash-feed > ul > li > ul > li > .right-block > .dash-button > em {
  margin: 3px;
}
#dash-feed > ul > li > ul > li > .right-block > .dash-button > span {
  width: calc(100% - 30px);
}
#dash-feed > ul > li:first-child {
  margin-top: 10px;
}
#dash-msg > ul, #dash-msg > ul > li, #dash-feed > ul, #dash-feed > ul > li {
  position: relative;
  float: left;
  width: 100%;
  border-radius: 5px;
  margin: 5px 0;
}
#dash-msg > ul {
  padding: 0 10px;
}
.dash-li.last {
  margin-bottom: 60px !important;
}
.dash-li.deleted-msg {
  display: none;
}
#dash-msg > ul > li, #dash-feed > ul > li {
  box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.5);
}
#dash-msg > ul > li.last > ul > li > h4 {
  margin: 10px;
}
#dash-msg > ul > li > ul, #dash-msg > ul > li > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
#dash-msg > ul > li > ul > li:last-child {
  border-top: 1px solid rgba(155, 155, 155, 0.3);
  padding: 10px 0;
}
#dash-msg > ul > li > ul > li:first-child {
  border-top: none;
  padding: 0;
}
#dash-msg > ul > li > ul > li > .left-block {
  position: relative;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 20px;
  padding: 10px 10px;
}
#dash-msg > ul > li > ul > li > .left-block > span {
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: white;
  font-weight: 600;
  background: rgb(111.8260869565, 152.8434782609, 220.1739130435);
  border-radius: 30px;
  text-align: center;
}
#dash-msg > ul > li > ul > li > .left-block.read > span {
  background: #888888;
}
#dash-msg > ul > li > ul > li > .left-block > em {
  position: absolute;
  bottom: -3px;
  right: 3px;
  background: white;
  width: 12px;
  height: 14px;
  border-radius: 2px;
  padding: 2px;
  font-size: 12px;
  text-align: center;
  line-height: 12px;
  color: rgb(111.8260869565, 152.8434782609, 220.1739130435);
  cursor: pointer;
}
#dash-msg > ul > li > ul > li > .left-block.read > em {
  color: #888888;
}
#dash-msg > ul > li > ul > li > .right-block {
  position: relative;
  float: left;
  width: calc(100% - 60px);
  height: auto;
  padding: 10px 0 0 10px;
}
#dash-feed > ul > li > ul > li > .right-block {
  width: 70px;
  height: auto;
  overflow-y: auto;
  padding: 10px 0 0 10px;
}
#dash-msg > ul > li > ul > li > .right-block > span {
  position: relative;
  float: left;
  width: 100%;
  font-size: 1.2em;
  font-weight: 400;
  margin-top: 0;
}
#dash-msg > ul > li > ul > li > .bottom-band, #dash-feed > ul > li > ul > li > .bottom-band {
  position: relative;
  float: left;
  width: calc(100% - 70px);
  padding: 10px;
}
#dash-feed > ul > li > ul > li > .bottom-band {
  width: 100%;
  padding: 0 10px 10px;
}
#dash-feed > ul > li > ul > li > .bottom-band > p, #dash-feed > ul > li > ul > li > .bottom-band > em {
  font-size: 0.8em;
  line-height: 1.2em;
  letter-spacing: 0.02em;
}
#dash-msg > ul > li > ul > li > .bottom-band > em, #dash-feed > ul > li > ul > li > .bottom-band > em {
  font-size: 0.8em;
  line-height: 1em;
}
#dash-msg > ul > li > ul > li > .right-block > span > p:last-child, #dash-feed > ul > li > ul > li > .right-block > span > p:last-child {
  margin-bottom: 0;
}
#dash-msg > ul > li > ul > li > .db-wrapper, #dash-misc-ul > li > ul > li > .rbl > .db-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
#dash-msg > ul > li > ul > li > .db-wrapper > .dash-button, #dash-misc-ul > li > ul > li > .rbl > .db-wrapper > .dash-button {
  width: calc(50% - 20px);
  margin: 10px;
  box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.4);
  border-radius: 5px;
  cursor: pointer;
  background: #FFFFFF;
}
#dash-misc-ul > li > ul > li > .rbl > .db-wrapper > .dash-button {
  float: right;
}
#dash-misc-ul > li > ul > li > .left-block > .mini-nav {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
#dash-misc-ul > li > ul > li > .left-block > .mini-nav > ul > li > button {
  position: relative;
  float: left;
  background: none;
  border: none;
  color: #555;
  cursor: pointer;
  padding: 0;
}
#dash-misc-ul > li > ul > li > .left-block > .mini-nav > ul > li > button > em {
  position: relative;
  float: left;
  height: 20px;
  width: 10px;
  margin-right: 2px;
  line-height: 20px;
  font-size: 10px;
}
#dash-misc-ul > li > ul > li > .left-block > .mini-nav > ul > li > button > span {
  position: relative;
  float: left;
  line-height: 18px;
  font-size: 1em;
}
#dash-misc-ul > li > ul > li > .left-panel > .mini-nav > ul > li > button:hover {
  color: rgb(45, 98, 185);
}
#dash-msg > ul > li > ul > li > .db-wrapper > .dash-button > em {
  position: relative;
  float: left;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  padding: 3px;
}
#dash-msg > ul > li > ul > li > .db-wrapper > .dash-button > span {
  font-size: 1em;
  line-height: 20px;
  width: calc(100% - 20px);
  position: relative;
  float: left;
  text-align: center;
}
#dash-msg > ul > li > ul > li > .right-block {
  width: calc(100% - 60px);
  height: auto;
}
#dash-msg > ul > li > ul > li > .right-block > em {
  position: relative;
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #888888;
}
#dash-msg > ul > li > ul > li > h4, #dash-msg > ul > li > ul > li > p {
  position: relative;
  float: left;
  width: calc(100% - 20px);
  padding: 0 10px;
}
#dash-msg > ul > li > ul > li > h4 {
  font-size: 14px;
  margin: 10px 10px 5px;
}
#dash-msg > ul > li > ul > li > p {
  font-size: 12px;
  margin: 0 10px 10px;
}
#dash-msg > ul > li > ul > li > .dash-button, #dash-feed > ul > li > ul > li > .right-block > .dash-button {
  position: relative;
  float: right;
  margin: 0 10px 10px 0;
  padding: 5px 1px;
  width: 65px;
  box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.4);
  border-radius: 5px;
  cursor: pointer;
  background: #FFFFFF;
}
#dash-msg > ul > li > ul > li > .dash-button > em, #dash-feed > ul > li > ul > li > .dash-button > em {
  padding: 5px 0 0;
}
#dash-msg > ul > li > ul > li > .dash-button > span, #dash-feed > ul > li > ul > li > .dash-button > span {
  width: calc(100% - 30px);
}
.left-block > h4 {
  margin: 0;
  font-size: 1.2em;
  line-height: 1.25em;
  font-weight: 400;
  margin-bottom: 1em;
}
.left-block > p {
  font-size: 1.1em;
  line-height: 1.2em;
}
.left-block > * {
  font-size: 1.1em;
  line-height: 1.2em;
}
#dash-notify > ul > li > ul > li > .left-block > span, #dash-feed > ul > li > ul > li > .left-block > span {
  position: relative;
  float: left;
  width: 100%;
  font-size: 1.2em;
  line-height: 1.25em;
  font-weight: 400;
  margin-top: 0;
}
#dash-notify > ul > li.li-msg > ul > li > .left-block {
  width: calc(100% - 60px);
}
#dash-notify > ul > li > ul > li > .left-block > em, #dash-feed > ul > li > ul > li > .left-block > em {
  position: relative;
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #888888;
}
#dash-notify > ul > li > ul > li > h4, #dash-notify > ul > li > ul > li > p, #dash-msg > ul > li > ul > li > p, #dash-feed > ul > li > ul > li > h4, #dash-feed > ul > li > ul > li > p {
  position: relative;
  float: left;
  width: calc(100% - 20px);
  padding: 0;
}
#dash-notify > ul > li > ul > li > h4, #dash-feed > ul > li > ul > li > h4 {
  font-size: 14px;
  margin: 10px 10px 5px;
}
#dash-notify > ul > li > ul > li > p, #dash-feed > ul > li > ul > li > p {
  font-size: 12px;
  margin: 0 10px 10px;
}
.db-wrapper {
  position: relative;
  float: right;
}
.db-wrapper.right {
  float: right;
}
.db-wrapper > span {
  position: relative;
  float: left;
  line-height: 1.8em;
  letter-spacing: 0.02em;
}
.dash-button {
  position: relative;
  float: left;
  padding: 5px 10px;
  cursor: pointer;
  background: #FFFFFF;
  letter-spacing: 0.02em;
}
.dash-button:hover {
  color: rgb(45, 98, 185);
}
.dash-button:nth-child(4), .dash-button:nth-child(5) {
  padding-right: 0;
}
.db-wrapper > .dash-button:nth-child(2) {
  display: none;
}
#msg-hub.viewing > aside > ul > li > ul > li > .db-wrapper > .dash-button:nth-child(1) {
  display: none;
}
#msg-hub.viewing > aside#dash-msg > ul > li > ul > li > .db-wrapper > .dash-button:nth-child(1) {
  display: block;
}
#msg-hub.viewing > aside#dash-msg > ul > li > ul > li > .db-wrapper > .dash-button.u-hidden {
  display: none;
}
#msg-hub.viewing > aside#dash-msg > ul > li > ul > li > .db-wrapper.read > .dash-button {
  display: none;
}
#msg-hub.viewing > aside#dash-msg > ul > li > ul > li > .db-wrapper.read > .dash-button.u-hidden {
  display: block;
}
#msg-hub.viewing > #dash-msg > ul > li > ul > li > .db-wrapper.read > .dash-button {
  display: none;
}
#msg-hub.viewing > aside#dash-msg > ul > li > ul > li > .db-wrapper.read > .dash-button.u-hidden, #msg-hub.viewing > aside#dash-msg > ul > li > ul > li > .db-wrapper.read > .dash-button.reply {
  display: block;
}
#msg-hub.viewing > aside > ul > li > ul > li > .db-wrapper > .dash-button:nth-child(2) {
  display: block;
}
.db-wrapper.read > .dash-button:nth-child(4) {
  display: none;
}
.db-wrapper.read > .dash-button.u-hidden {
  display: block;
}
#dash-notify > ul > li.li-msg > ul > li > .dash-button {
  position: relative;
  float: left;
  margin: 20px 0;
  padding: 10px 10px;
  width: 80px;
}
#dash-msg > ul > li > ul > li > .dash-button.expanded > em, #dash-notify > ul > li > ul > li > .dash-button.expanded > em {
  display: none;
}
#dash-msg > ul > li > ul > li > .dash-button.expanded > span, #dash-notify > ul > li > ul > li > .dash-button.expanded > span {
  display: none;
}
#dash-msg > ul > li > ul > li > .dash-button.expanded > em.u-hidden, #dash-notify > ul > li > ul > li > .dash-button.expanded > em.u-hidden {
  display: block;
}
#dash-msg > ul > li > ul > li > .dash-button.expanded > span.u-hidden, #dash-notify > ul > li > ul > li > .dash-button.expanded > span.u-hidden {
  display: block;
}
#dash-msg > ul > li > ul > li.u-hidden.expanded, #dash-notify > ul > li > ul > li.u-hidden.expanded {
  display: block;
}
#dash-msg > ul > li > ul > li.u-hidden.expanded > * {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 0.9em;
  line-height: 1.2em;
  letter-spacing: 0.02em;
}
#dash-msg > ul > li > ul > li.u-hidden.expanded > .db-wrapper {
  margin: 0;
}
.dash-button > span, #dash-nav > ul > li > span {
  position: relative;
  float: left;
  text-align: center;
  font-size: 14px;
  width: 100%;
}
.dash-button > span {
  font-size: 12px;
  width: 100%;
}
#dash-nav > ul > li > span.under-760 {
  display: block;
}
#dash-nav > ul > li > span.over-760 {
  display: none;
}
#dash-nav > ul > li > span {
  padding-left: 5px;
  padding-right: 5px;
}
#dash-nav > ul > li > span.active-nav {
  border-left: solid 1px rgb(255, 255, 255);
}
.lbl {
  position: relative;
  float: left;
  width: calc(100% - 80px);
  padding-left: 10px;
  padding-top: 3px;
}
.rbl {
  position: relative;
  float: left;
  width: 80px;
}
.lbl > span {
  position: relative;
  float: left;
  width: 100%;
  font-size: 1em;
  line-height: 1.2em;
  letter-spacing: 0px;
}
.lbl > em {
  font-size: 0.9em;
  line-height: 1em;
  letter-spacing: 0px;
}
.rbl > em, .rbl > span {
  font-style: normal;
  position: relative;
  float: left;
}
.rbl > em {
  font-size: 2em;
  line-height: 2em;
  padding: 0 8px;
  cursor: pointer;
  width: 28px;
  height: 20px;
  font-weight: 400;
}
.rbl > span {
  font-size: 1em;
  line-height: 1em;
  padding: 22px 0 0;
  font-weight: 400;
}
.dash-button > em, #dash-nav > ul > li > em {
  position: relative;
  float: left;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  padding: 3px;
}
#dash-nav > ul > li > em {
  display: none;
}
.placeholder > li > .loader {
  position: relative;
  float: left;
  width: 100%;
  display: none;
  background-color: rgba(244, 244, 244, 0.5);
  background-repeat: no-repeat;
  background-image: url("/build/assets/hourglass-B-LkDUHN.gif");
  background-size: 10%;
  background-position: 50% 0;
}
.placeholder > li {
  box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0) !important;
}
.placeholder.loading > li > .loader {
  height: 50px;
  display: block;
  margin-bottom: 1000px;
}
.paper-wrapper, .gallery-wrapper {
  position: fixed;
  width: 100vw;
  margin-left: 0vw;
  height: calc(100vh - 40px);
  margin-top: 0;
  background: #FFFFFF;
  border-radius: 5px;
  padding-bottom: 50px;
}
.gallery-wrapper {
  margin-top: 0;
}
.paper-window, .gallery-window {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100vh - 50px);
  overflow-y: scroll;
}
.gallery-window > aside {
  overflow: hidden;
}
.gallery-window > aside.inview {
  height: calc(100vh - 60px);
  width: 100vw;
  padding: 0;
}
.gallery-window > aside.inview > ul > li > button.upload-title {
  position: relative;
  float: left;
  padding: 5px 10px;
  width: 160px;
  margin-left: 20px;
  text-align: center;
  z-index: 0;
  margin-top: 5px;
}
.gallery-window > aside.inview > ul > li.academics-papers-uploader {
  position: fixed;
  bottom: 70px;
  right: 50px;
  width: 160px;
}
.gallery-window > aside.inview > ul > li.academics-papers-uploader > #upload-bar-wrapper {
  width: 100%;
  left: 20px;
}
.gallery-window > aside.inview > ul > li.academics-papers-uploader > #upload-bar-wrapper > #cancelUploadBtn {
  top: -35px;
  width: 160px;
}
.gallery-window > aside.inview > ul > li.academics-papers-uploader > form {
  height: 34px;
  width: 160px !important;
  bottom: auto;
  top: 5px;
  right: auto;
  z-index: 1;
}
.gallery-window > aside.inview > ul > li.academics-papers-uploader > form > input.big-button {
  position: relative;
  float: left;
  width: 100%;
  height: 34px;
}
.gallery-window > aside > ul.gallery-info {
  margin-top: -400px;
  background: white;
  padding: 20px;
}
.gallery-window > aside > span {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 20px;
  width: 120px;
  color: white;
}
.gallery-window > aside > span > button {
  position: relative;
  float: right;
  height: 20px;
  padding: 0 5px;
  color: white;
  background: none;
  border: none;
  font-size: 1.8rem;
  width: auto;
  margin: 0 0 0 5px;
  line-height: 1.8rem;
}
.gallery-window > aside > span > em {
  position: relative;
  float: right;
  display: block;
  font-size: 20px;
}
.gallery-window > aside > span > i {
  position: relative;
  float: right;
  display: none;
  font-size: 20px;
}
.gallery-window > aside > span.open > em {
  display: none;
}
.gallery-window > aside > span.open > i {
  display: block;
}
/*.gallery{
	position:relative;
	float:left;
	margin: 0;
	margin-top:10px;
	max-height:calc(100vh - 180px);
	width:100vw;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0;

    list-style: none;
    justify-content: center;
}

.gallery > li {
	position:relative;
	float:left;
    flex: 1 1 100%;
  	max-width:100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    background: #fff;
    transition: transform 0.2s ease-in-out;
}*/
.gallery-wrapper {
  width: 100%;
}
.masonry-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.masonry-item {
  width: 300px; /* or auto for fluid, or set % for responsiveness */
  margin: 0;
  float: left;
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 5px;
}
.masonry-item img {
  width: 100%;
  height: auto;
  display: block;
}
.gallery {
  position: relative;
  float: left;
  margin: 0;
  margin-top: 10px;
  max-height: calc(100vh - 180px);
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem;
  overflow-y: auto;
  padding: 20px;
  -moz-column-count: 1;
       column-count: 1;
}
.gallery.tessellated {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 0.1rem;
       column-gap: 0.1rem;
}
.gallery > li {
  position: relative;
  flex: 0 0 auto;
  max-width: 200px;
  list-style: none;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.gallery > li:hover {
  transform: scale(1.02);
}
.gallery > li > figure {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.gallery > li > figure > img {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  display: block;
}
.gallery > li > figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 20px;
  font-size: 1.1em;
}
.gallery > li > figcaption > ul {
  position: relative;
  float: left;
  width: 100%;
}
.gallery > li > figcaption > ul > li {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
}
.gallery.tessellated li {
  display: inline-block;
  margin-bottom: 1rem;
  width: 100%;
}
.image-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 5%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
}
.image-modal img {
  margin: auto;
  display: block;
  max-width: 90%;
  max-height: 90vh;
  border-radius: 10px;
}
.image-modal .close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10000;
}
.image-modal.show {
  display: flex;
}
.paper-wrapper > .paper-window > aside {
  text-align: center;
  padding: 0;
}
.paper-wrapper > .paper-window > aside > h1, .gallery-wrapper > .gallery-window > aside > h1 {
  position: relative;
  float: left;
  width: 100%;
  background: rgb(45, 98, 185);
  color: #FFFFFF;
  padding: 10px;
  margin: 0 0 10px;
}
.gallery-wrapper > .gallery-window > aside > h1 {
  background: rgba(0, 0, 0, 0.75);
}
.paper-window > aside {
  position: relative;
  float: left;
  width: 100%;
  overflow-y: scroll;
  padding: 0px;
}
.paper-wrapper > .paper-window > aside > ul {
  padding: 20px;
}
.paper-window > aside > ul, .paper-window > aside > ul > li {
  position: relative;
  float: left;
  width: 100%;
}
.paper-window > aside > ul > li {
  padding: 5px 0;
}
.paper-window > aside > ul, .paper-window > aside > ul > li > h3 {
  font-size: 16px;
}
.paper-window > aside > ul > li.academics-downloads > a {
  position: relative;
  float: left;
  padding: 5px;
}
.paper-window > aside > ul > li.academics-downloads > a:nth-child(2n-1) {
  background: rgba(239, 246, 250, 0.5607843137);
}
.paper-window > aside > ul > li > a > .academics-item-body {
  width: calc(100% - 40px);
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.paper-window > aside > ul > li > a > .academics-info-toolbar {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}
.paper-window > aside > ul > li > .papers-submitted-fe {
  margin-top: 10px;
  margin-left: 0;
  margin-bottom: 20px;
  padding: 10px 20px;
}
.paper-window > aside > ul > li > .papers-submitted-fe > ul > li > a {
  text-decoration: none;
}
.paper-window > aside > ul > li > button {
  position: relative;
  float: left;
  padding: 10px 15px;
  width: 160px;
  border: none;
  background: rgb(45, 98, 185);
  color: #FFFFFF;
  border-radius: 5px;
  margin: 10px 0;
  margin-left: calc(50% - 80px);
  margin-right: calc(50% - 80px);
}
.paper-window > aside > ul > li > button > form {
  left: 0;
  cursor: pointer;
}
.paper-wrapper > .footer {
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgb(45, 98, 185);
  color: #FFFFFF;
  padding: 10px;
}
.paper-wrapper > .footer > button {
  position: relative;
  float: right;
  background: white;
  color: #555;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: 600;
  text-align: center;
}
.upload-bar-wrapper {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(120, 120, 120, 0.35);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.5);
}
.upload-bar-wrapper.loading {
  display: block;
}
.upload-bar {
  height: 8px;
  width: 0%;
  border-radius: 999px;
  background: rgba(80, 80, 80, 0.85);
  transition: width 0.15s linear;
}
.upload-counter {
  margin-top: 8px;
  font-size: 0.85em;
  opacity: 0.85;
}
.cancelUploadBtn {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid rgba(120, 120, 120, 0.35);
  background: rgba(220, 60, 60, 0.9);
  color: #fff;
  cursor: pointer;
}
.upload-cancelled-wrapper {
  display: none;
  margin-top: 10px;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid rgba(220, 60, 60, 0.35);
  background: rgba(220, 60, 60, 0.08);
  color: rgba(120, 20, 20, 0.95);
}
/* ===== NON-BLOCKING PEELED NOTIFICATION TOAST ===== */
#notification {
  position: fixed !important;
  right: 16px !important;
  bottom: 16px !important;
  top: auto !important;
  /* hard reset sizing so it never becomes a full-screen panel */
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: min(420px, 100vw - 32px) !important;
  max-height: calc(100vh - 32px) !important;
  padding: 14px 16px !important;
  background: rgb(45, 98, 185) !important;
  color: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28) !important;
  z-index: 99999 !important;
  /* peel animation */
  transform-origin: bottom right;
  transform: rotate(8deg) scale(0.86);
  opacity: 0;
  transition: transform 0.35s cubic-bezier(0.2, 1.2, 0.3, 1), opacity 0.22s ease;
  pointer-events: none !important; /* never block UI */
  overflow: auto !important; /* if content is long, scroll INSIDE toast */
}
/* show state */
#notification.notify {
  transform: rotate(0deg) scale(1);
  opacity: 1;
}
/* IMPORTANT: your global h2 styles are likely making it behave like a page header */
#notification h2 {
  position: static !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 600 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
/* optional “peel highlight” corner */
@media screen and (min-width: 760px) {
  .class-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  #msg-hub {
    max-height: 350px;
    min-height: 350px;
  }
  #msg-hub > ul.msg-nav {
    height: 46px;
  }
  #msg-hub > ul.msg-nav > li {
    height: 46px;
  }
  .top-bar-mobile, .top-bar-mobile > ul.top-nav {
    height: 80px;
  }
  .col-md-8.col-md-offset-2 {
    padding-left: 15%;
    padding-right: 15%;
  }
  .top-bar-mobile > ul.top-nav > li > .icon-button {
    height: 44px;
  }
  .top-bar-mobile > ul.top-nav > li#dash > .icon-button {
    background-size: 28px 28px;
  }
  .top-bar-mobile > ul.top-nav > li > h4 {
    font-size: 1em;
  }
  .left-block > *, .left-block > p {
    font-size: 1.3em;
    line-height: 1.4em;
  }
  .dash-button > span {
    font-size: 1em;
  }
  #dash-feed > ul > li > ul > li > .left-block, #dash-misc > ul > li > ul > li > .left-block, #dash-notify > ul > li.li-msg > ul > li > .left-block {
    width: calc(100% - 80px);
  }
  #dash-notify > ul > li > ul > li > .left-block, #dash-feed > ul > li > ul > li > .left-block, #dash-misc > ul > li > ul > li > .left-block {
    width: calc(100% - 80px);
  }
  #dash-notify > ul > li > ul > li > .right-block, #dash-feed > ul > li > ul > li > .right-block, #dash-misc > ul > li > ul > li > .right-block {
    width: 80px;
  }
  .lbl {
    padding-top: 8px;
    width: calc(100% - 100px);
  }
  .rbl {
    width: 100px;
  }
  .rbl > span {
    font-size: 1.2em;
  }
  .rbl > em {
    font-size: 2.2em;
    line-height: 1.9em;
  }
  #dash-notify > ul > li > ul > li > .right-block > span, #dash-feed > ul > li > ul > li > .right-block > span, #dash-misc > ul > li > ul > li > .right-block > span {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    border-radius: 35px;
  }
  #dash-notify > ul > li > ul > li > .right-block > em, #dash-feed > ul > li > ul > li > .right-block > em, #dash-misc > ul > li > ul > li > .right-block > em {
    bottom: -27px;
    width: 25px;
    height: 25px;
    padding: 4px 3px;
    font-size: 18px;
  }
  #msg-hub > ul.msg-nav > li > button {
    padding: 15px 5px;
  }
  #msg-hub > ul.msg-nav > li > button > em {
    font-size: 1em;
    margin-right: 10px;
  }
  #msg-hub > ul.msg-nav > li > button > span {
    font-size: 1.2em;
  }
  #dash-msg > ul > li > ul > li > .db-wrapper > .dash-button, #dash-misc-ul > li > ul > li > .rbl > .db-wrapper > .dash-button {
    width: calc(50% - 150px);
    margin: 10px 50px 10px 100px;
    font-weight: 400;
    font-size: 1.2em;
  }
}
@media screen and (min-width: 1020px) {
  .view-dashboard {
    flex-direction: row;
    align-items: flex-start;
    gap: 3rem;
  }
  .class-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .dash-320 > .left-sidebar {
    margin-left: 0;
  }
  .paper-wrapper {
    width: 60vw;
    margin-left: 20vw;
  }
  .gallery {
    -moz-column-count: 5;
         column-count: 5;
  }
  .gallery > li {
    flex: 1 1 calc(20% - 0.1rem); /* 4 items per row by default */
    max-width: calc(20% - 0.1rem);
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    background: #fff;
    transition: transform 0.2s ease-in-out;
  }
  #msg-hub {
    flex: 1.5;
  }
  .assessment-timeline {
    flex: 1;
  }
}
@media screen and (min-width: 1280px) {
  .class-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.croppie-container {
  width: 100%;
  height: 100%;
}
.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
}
.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}
.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}
.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: "";
}
.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}
.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px;
}
.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}
.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px;
}
.croppie-container .cr-original-image {
  display: none;
}
.croppie-container .cr-vp-circle {
  border-radius: 50%;
}
.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
}
.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}
.croppie-result {
  position: relative;
  overflow: hidden;
}
.croppie-result img {
  position: absolute;
}
.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  transform: translateZ(0);
}
/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
.cr-slider {
  -webkit-appearance: none;
  /*removes default webkit styles*/
  /*border: 1px solid white; */ /*fix for FF unable to apply focus style bug */
  width: 300px;
  /*required for proper track sizing in FF*/
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
}
.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}
.cr-slider:focus {
  outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}
/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent; /*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}
.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}
/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}
.cr-rotate-controls button {
  border: 0;
  background: none;
}
.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}
.cr-rotate-l i:before {
  content: "↺";
}
.cr-rotate-r i:before {
  content: "↻";
}