@charset "utf-8";
.ctrl-header {
  display: block;
  float: right;
  font-size: 0.6em;
  padding-left: 0.5em;
}
.ctrl-header.pull-left {
  float: left;
}
.ctrl-header.collapse {
  display: none;
}
.ctrl-header.collapse.in {
  display: block;
}
.ctrl-header label {
  font-weight: normal;
  margin: 0;
}
.ctrl-header label.mr-1 {
  margin-right: 0.5em;
}
.btn-toolbar .toggle .btn {
  float: none !important;
}
.btn-toolbar .bootstrap-select .dropdown-toggle.btn {
  height: 34px;
  padding-top: 5px;
}
.btn-toolbar .bootstrap-select .dropdown-toggle.btn.btn-sm {
  height: 30px;
  padding-top: 4px;
}
.btn-toolbar .bootstrap-select:not(:first-child) button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-toolbar .bootstrap-select:not(:last-child) button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body {
  background-color: #000000;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}
#wrapper {
  width: 100%;
  overflow: hidden;
}
#page-wrapper {
  padding: 0 15px;
  background-color: #000000;
  min-height: 80vh;
}
#page-wrapper.site_ALPHA,
#page-wrapper.site_BETA {
  background-image: -webkit-repeating-linear-gradient(135deg, rgba(0, 0, 0, 0) 1%, #0000ff 3%, rgba(0, 0, 0, 0) 6%, #0000ff 9%, rgba(0, 0, 0, 0) 12%);
}
#page-wrapper.site_ALPHA.db_LIVE,
#page-wrapper.site_BETA.db_LIVE {
  background-image: -webkit-repeating-linear-gradient(135deg, #000000 1%, #ff0000 3%, #000000 6%, #ff0000 9%, #000000 12%);
}
.page-header .form-control,
.page-header .input-group-addon,
.page-header .input-group-btn > button,
.page-header .input-group-btn > a,
.page-header .bootstrap-select > button,
.page-header .chosen-container .chosen-container-choices,
.page-header .chosen-container .chosen-single,
.page-header .chosen-container input:not(.btn) {
  height: 30px;
}
@media (max-width: 413px) {
  #page-wrapper {
    padding: 0 0;
  }
  .page-header .form-control,
  .page-header .input-group-addon,
  .page-header .input-group-btn > button,
  .page-header .input-group-btn > a,
  .page-header .bootstrap-select > button,
  .page-header .chosen-container .chosen-container-choices,
  .page-header .chosen-container .chosen-single,
  .page-header .chosen-container input:not(.btn) {
    height: 30px;
  }
}
/********** 1 ***************/
@media only screen and (orientation: landscape) and (max-device-width: 960), only screen and (max-device-width: 412px) and (max-device-height: 901px) and (orientation: portrait) {
  .panel .panel-body {
    height: initial !important;
    /* dont fix any heights. makes them scrollable*/
    width: 100%;
  }
}
/********** 1 ***************/
@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 53px;
    padding: 0 30px / 2;
  }
}
#header-text {
  font-size: 1.3em;
}
.nav-buttons {
  position: relative;
  float: right;
  padding: 9px 10px;
  padding: 0 10px;
  font-size: 2.4em;
}
.navbar-header {
  width: 100%;
}
.navbar-default {
  background-color: #320060;
}
.navbar-brand {
  padding: 15px 0 15px 15px;
  color: #e5e399;
  font-size: 18px;
}
.navbar-top-links {
  margin-right: 0;
}
.navbar-top-links li {
  display: inline-block;
}
.navbar-top-links li:last-child {
  margin-right: 15px;
}
.navbar-top-links li a {
  padding: 15px;
  min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
  display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}
.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}
.sidebar {
  border-right: 1px solid #eeeeee;
}
.sidebar .sidebar-nav.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  z-index: 10;
}
.sidebar .sidebar-nav.navbar-collapse :not(.collapse) {
  min-height: 100%;
}
.sidebar .sidebar-search {
  padding: 15px;
}
.sidebar ul li {
  border-bottom: 1px solid #eeeeee;
}
.sidebar ul li a {
  color: #fff;
}
.sidebar ul li a.active {
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
}
.sidebar ul li a:hover {
  color: #000000;
}
.sidebar ul li a:focus {
  color: #555555;
  font-weight: bold;
}
.sidebar .arrow {
  position: absolute;
  right: 9px;
}
.sidebar .fa.arrow:before {
  content: "\f104";
}
.sidebar .active > a > .fa.arrow:before {
  content: "\f107";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: none !important;
}
.sidebar .nav-second-level li a {
  padding-left: 28px;
}
.sidebar .nav-third-level li a {
  padding-left: 52px;
}
@media (min-width: 768px) {
  .sidebar {
    z-index: 20;
    position: absolute;
    width: 53px;
    top: 51px;
  }
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}
.nav {
  background-color: inherit;
}
.nav .tile-set {
  font-size: small;
  margin-top: 5px;
  margin-bottom: 5px;
}
.nav .tile-set .panel-link {
  margin: 0 5px 5px 5px;
}
.nav .tile-set .panel.wak .panel-heading {
  height: 4em;
}
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all 0.5s;
}
.btn-primary.btn-outline {
  color: #337ab7;
}
.btn-success.btn-outline {
  color: #5cb85c;
}
.btn-info.btn-outline {
  color: #5bc0de;
}
.btn-warning.btn-outline {
  color: #f0ad4e;
}
.btn-danger.btn-outline {
  color: #d9534f;
}
.text-white,
.nav-tabs > li > a.text-white,
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: white !important;
}
.chat {
  margin: 0;
  padding: 0;
  list-style: none;
}
.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #dddddd;
}
.chat li.left .chat-body {
  margin-left: 60px;
}
.chat li.right .chat-body {
  margin-right: 60px;
}
.chat li .chat-body p {
  margin: 0;
}
.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}
.chat-panel .panel-body {
  height: 350px;
  overflow-y: scroll;
}
.login-panel {
  margin-top: 25%;
}
.flot-chart {
  display: block;
  height: 500px;
}
.flot-chart-content {
  width: 100%;
  height: 100%;
}
div.dataTables_wrapper div.dataTables_processing {
  z-index: 1;
}
#storyline_table_wrapper {
  max-height: 25vh;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
thead > tr > th {
  text-align: center !important;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent;
}
table.dataTable thead tr > th {
  text-align: center !important;
}
table.dataTable thead .sorting_asc:after {
  content: "\f0de";
  float: right;
  font-family: fontawesome;
  color: #15dc13;
  opacity: 1;
  text-shadow: 1px 1px 2px #000000;
  margin-top: -3px;
}
table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
  float: right;
  font-family: fontawesome;
  color: #ec070a;
  opacity: 1;
  text-shadow: 1px 1px 2px #000000;
  margin-top: -3px;
}
table.dataTable thead .sorting:after {
  content: "\f0dc";
  float: right;
  font-family: fontawesome;
  color: rgba(50, 50, 50, 0.7);
  margin-top: -3px;
}
table.dataTable .clickable {
  cursor: pointer;
}
table.dataTable .enterprise-wide {
  background-color: #8a8ac3 !important;
  color: #FFF385 !important;
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857143;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.show-grid {
  margin: 15px 0;
}
.huge {
  font-size: 1.8em;
}
.big {
  font-size: 1.4em;
}
.big {
  font-size: 1.4em;
}
.smaller {
  font-size: 0.6em;
}
/**************************************/
/* ensure BACKGROUND-COLOR of panel heading is "!important" */
.panel-heading.stripes,
.panel.stripes .panel-heading {
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0.3) 20px);
}
.scroll-content .panel .panel-heading,
.scroll-content .panel .panel-footer {
  padding: 5px;
}
.modal,
.panel {
  color: #000000;
}
.modal.panel-stretch,
.panel.panel-stretch {
  margin-bottom: 3px;
}
.modal.panel-stretch.no-scroll .panel-body,
.panel.panel-stretch.no-scroll .panel-body {
  overflow: hidden !important;
}
.modal .max-scroll,
.panel .max-scroll {
  height: inherit;
  width: 100%;
  overflow-y: auto;
  background-color: green;
}
.modal .max-scroll > div,
.panel .max-scroll > div,
.modal .max-scroll > ol,
.panel .max-scroll > ol,
.modal .max-scroll > ul,
.panel .max-scroll > ul {
  background-color: red;
}
.modal .full-height,
.panel .full-height {
  height: 100%;
}
.modal .modal-body hr,
.panel .modal-body hr,
.modal .panel-body hr,
.panel .panel-body hr {
  margin: 0.5em 1em 0.5em 2em;
}
.modal .modal-body hr.dark,
.panel .modal-body hr.dark,
.modal .panel-body hr.dark,
.panel .panel-body hr.dark {
  border-top: 1px solid #000000;
}
.modal .modal-body h1.over-lined,
.panel .modal-body h1.over-lined,
.modal .panel-body h1.over-lined,
.panel .panel-body h1.over-lined,
.modal .modal-body h2.over-lined,
.panel .modal-body h2.over-lined,
.modal .panel-body h2.over-lined,
.panel .panel-body h2.over-lined,
.modal .modal-body h3.over-lined,
.panel .modal-body h3.over-lined,
.modal .panel-body h3.over-lined,
.panel .panel-body h3.over-lined,
.modal .modal-body h4.over-lined,
.panel .modal-body h4.over-lined,
.modal .panel-body h4.over-lined,
.panel .panel-body h4.over-lined {
  border-top: 3px solid #666666;
  padding-top: 3px;
  border-left: 3PX solid #666666;
  padding-left: 3px;
  border-radius: 6px 0 0 0;
  margin-top: 20px/2;
  margin-bottom: 20px/2;
}
.modal .panel-heading,
.panel .panel-heading {
  font-size: 1.5em;
  line-height: 1em;
}
.modal.danger .modal-header {
  background-color: #d9534f;
}
.modal.danger .modal-content {
  margin: 0 auto;
}
.modal.danger .modal-footer .btn-primary {
  background-color: #d9534f;
}
.modal.success .modal-header {
  background-color: #5cb85c;
}
.modal.success .modal-content {
  margin: 0 auto;
}
.modal.success .modal-footer .btn-primary {
  background-color: #5cb85c;
}
.modal.warning .modal-header {
  background-color: #f0ad4e;
}
.modal.warning .modal-content {
  margin: 0 auto;
}
.modal.warning .modal-footer .btn-primary {
  background-color: #f0ad4e;
}
.modal.info .modal-header {
  background-color: #5bc0de;
}
.modal.info .modal-content {
  margin: 0 auto;
}
.modal.info .modal-footer .btn-primary {
  background-color: #5bc0de;
}
.panel-readonly .panel-footer {
  background-color: #cccccc;
  color: #000000;
}
.panel-readonly .panel-body {
  background-color: #cccccc;
  border-color: #D7D7D7;
  background-image: none;
}
.panel-readonly .panel-body .input-group-addon {
  pointer-events: none;
  tab-index: -1;
  background-color: #cccccc;
  border-color: #D7D7D7;
  background-image: none;
}
.panel-readonly .panel-body .control-label {
  color: #000000;
}
.btn-readonly {
  background-color: #cccccc;
  color: #000000;
}
.contrast-outline {
  border: 1px solid #eee !important;
}
/*********************************************************/
.bg-green {
  border-color: #5cb85c;
  color: black;
  background-color: #5cb85c !important;
}
.bg-green .well {
  color: initial;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c !important;
}
.panel-green > .panel-body > a {
  color: #5cb85c;
}
.panel-green > .panel-body > a:hover {
  color: #3d8b3d;
}
.panel-green .nav-tabs > li > a {
  border: 1px solid #5cb85c;
}
.panel-green .nav-tabs > li > a:hover,
.panel-green .nav-tabs > li > a:active {
  color: #3d8b3d;
}
.panel-green .nav-tabs {
  border-bottom: 1px solid #5cb85c;
}
.panel-green hr {
  margin: 0.5em 1em 0.5em 2em;
  border-top: 1px solid #5cb85c;
}
.btn-green {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
/*********************************************************/
.bg-purple {
  border-color: #320060;
  color: white;
  background-color: #320060 !important;
}
.bg-purple .well {
  color: initial;
}
.panel-purple {
  border-color: #320060;
}
.panel-purple > .panel-heading {
  border-color: #320060;
  color: white;
  background-color: #320060 !important;
}
.panel-purple > .panel-body > a {
  color: #320060;
}
.panel-purple > .panel-body > a:hover {
  color: #0a0014;
}
.panel-purple .nav-tabs > li > a {
  border: 1px solid #320060;
}
.panel-purple .nav-tabs > li > a:hover,
.panel-purple .nav-tabs > li > a:active {
  color: #0a0014;
}
.panel-purple .nav-tabs {
  border-bottom: 1px solid #320060;
}
.panel-purple hr {
  margin: 0.5em 1em 0.5em 2em;
  border-top: 1px solid #320060;
}
.btn-purple {
  border-color: #320060;
  color: white;
  background-color: #320060;
}
.btn-purple:hover {
  background-color: #7400e0;
  color: white;
}
.btn-purple:active {
  color: white;
}
.btn-purple:focus {
  color: white;
}
.btn-purple.btn-outline {
  color: white;
}
.btn-purple.btn-outline:hover {
  color: white;
}
.text-purple {
  color: #320060;
}
/*********************************************************/
.bg-orange {
  border-color: #f0ad4e;
  color: black;
  background-color: #f0ad4e !important;
}
.bg-orange .well {
  color: initial;
}
.panel-orange {
  border-color: #f0ad4e;
}
.panel-orange > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e !important;
}
.panel-orange > .panel-body > a {
  color: #f0ad4e;
}
.panel-orange > .panel-body > a:hover {
  color: #df8a13;
}
.panel-orange .nav-tabs > li > a {
  border: 1px solid #f0ad4e;
}
.panel-orange .nav-tabs > li > a:hover,
.panel-orange .nav-tabs > li > a:active {
  color: #df8a13;
}
.panel-orange .nav-tabs {
  border-bottom: 1px solid #f0ad4e;
}
.panel-orange hr {
  margin: 0.5em 1em 0.5em 2em;
  border-top: 1px solid #f0ad4e;
}
.btn-orange {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.text-orange {
  color: #f0ad4e;
}
/*********************************************************/
.bg-red {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f !important;
}
.bg-red .well {
  color: initial;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f !important;
}
.panel-red > .panel-heading a {
  color: white;
}
.panel-red > .panel-body > a {
  color: #d9534f;
}
.panel-red > .panel-body > a:hover {
  color: #b52b27;
}
.panel-red .nav-tabs > li > a {
  border: 1px solid #d9534f;
}
.panel-red .nav-tabs > li > a:hover,
.panel-red .nav-tabs > li > a:active {
  color: #b52b27;
}
.panel-red .nav-tabs {
  border-bottom: 1px solid #d9534f;
}
.panel-red hr {
  margin: 0.5em 1em 0.5em 2em;
  border-top: 1px solid #d9534f;
}
.btn-red {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.btn-red a {
  color: white;
}
.text-red {
  color: #d9534f;
}
/*********************************************************/
.bg-yellow {
  border-color: #F0E118;
  color: black;
  background-color: #F0E118 !important;
}
.panel-yellow {
  border-color: #F0E118;
}
.panel-yellow > .panel-heading {
  border-color: #F0E118;
  color: white;
  background-color: #F0E118 !important;
}
.panel-yellow > .panel-body > a {
  color: #F0E118;
}
.panel-yellow > .panel-body > a:hover {
  color: #b0a50b;
}
.panel-yellow .nav-tabs > li > a {
  border: 1px solid #F0E118;
}
.panel-yellow .nav-tabs > li > a:hover,
.panel-yellow .nav-tabs > li > a:active {
  color: #b0a50b;
}
.panel-yellow .nav-tabs {
  border-bottom: 1px solid #F0E118;
}
.panel-yellow hr {
  margin: 0.5em 1em 0.5em 2em;
  border-top: 1px solid #F0E118;
}
.btn-yellow {
  border-color: #F0E118;
  color: #333;
  background-color: #F0E118;
}
.text-yellow {
  color: #F0E118;
}
/*********************************************************/
.bg-pink {
  border-color: #ec2b89;
  color: black;
  background-color: #ec2b89 !important;
}
.bg-pink .well {
  color: initial;
}
.panel-pink {
  border-color: #ec2b89;
}
.panel-pink > .panel-heading {
  border-color: #ec2b89;
  color: white;
  background-color: #ec2b89 !important;
}
.panel-pink > .panel-body > a {
  color: #ec2b89;
}
.panel-pink > .panel-body > a:hover {
  color: #ba1163;
}
.panel-pink .nav-tabs > li > a {
  border: 1px solid #ec2b89;
}
.panel-pink .nav-tabs > li > a:hover,
.panel-pink .nav-tabs > li > a:active {
  color: #ba1163;
}
.panel-pink .nav-tabs {
  border-bottom: 1px solid #ec2b89;
}
.panel-pink hr {
  margin: 0.5em 1em 0.5em 2em;
  border-top: 1px solid #ec2b89;
}
.btn-pink {
  border-color: #ec2b89;
  color: white;
  background-color: #ec2b89;
}
.text-pink {
  color: #ec2b89;
}
/*********************************************************/
.bg-blue {
  border-color: #363AFF;
  color: black;
  background-color: #363AFF !important;
}
.bg-blue .well {
  color: initial;
}
.panel-blue {
  border-color: #363AFF;
}
.panel-blue > .panel-heading {
  border-color: #363AFF;
  color: white;
  background-color: #363AFF !important;
}
.panel-blue > .panel-body > a {
  color: #363AFF;
}
.panel-blue > .panel-body > a:hover {
  color: #0005e8;
}
.panel-blue .nav-tabs > li > a {
  border: 1px solid #363AFF;
}
.panel-blue .nav-tabs > li > a:hover,
.panel-blue .nav-tabs > li > a:active {
  color: #0005e8;
}
.panel-blue .nav-tabs {
  border-bottom: 1px solid #363AFF;
}
.panel-blue hr {
  margin: 0.5em 1em 0.5em 2em;
  border-top: 1px solid #363AFF;
}
.btn-blue {
  border-color: #363AFF;
  color: white;
  background-color: #363AFF;
}
.text-blue {
  color: #363AFF;
}
/*********************************************************/
.panel-fleet {
  border-color: #320060;
}
.panel-fleet > .panel-heading {
  border-color: #320060;
  color: white;
  background-color: #320060 !important;
}
.panel-fleet > .panel-body > a {
  color: #320060;
}
.panel-fleet > .panel-body > a:hover {
  color: #0a0014;
}
.panel-fleet .nav-tabs > li > a {
  border: 1px solid #320060;
}
.panel-fleet .nav-tabs > li > a:hover,
.panel-fleet .nav-tabs > li > a:active {
  color: #0a0014;
}
.panel-fleet .nav-tabs {
  border-bottom: 1px solid #320060;
}
.panel-fleet hr {
  margin: 0.5em 1em 0.5em 2em;
  border-top: 1px solid #320060;
}
.text-fleet {
  color: #ec2b89;
}
.btn-fleet {
  color: white;
  background-color: #ec2b89;
  border-color: #ec2b89;
}
.info-color {
  background-color: inherit;
  color: #2e6da4;
  text-shadow: 1px 1px 1px blue;
}
.no-v-margin {
  margin-top: 0;
  margin-bottom: 0;
}
.txt-informed {
  color: #320060;
}
.txt-ac-aware {
  color: #320060;
}
@media screen and (min-width: 768px) {
  .modal-wide .modal-dialog {
    width: 80%;
    /* or whatever you wish */
  }
  .modal-narrow .modal-dialog {
    width: 400px;
    /* or whatever you wish */
  }
}
@media screen and (max-width: 880px) {
  .pop_message_list .pop_message {
    max-width: 80vw !important;
  }
  .nav-buttons {
    padding: 0 10px !important;
    font-size: 2.4em !important;
  }
  .modal-content p {
    font-size: 1.2em;
  }
  .huge {
    font-size: 2em;
  }
  .big {
    font-size: 1.2em;
  }
  .wak-title {
    padding-right: 5px;
  }
  .fa-5x {
    font-size: 3em !important;
  }
}
/***************************************************************/
th.dt-center,
td.dt-center {
  text-align: center;
}
th.dt-middle,
td.dt-middle {
  vertical-align: middle !important;
}
/***************************************************************/
.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.vertical-align-center,
.vertical-alignment-helper > .modal-dialog {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}
.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
}
.modal-content p {
  font-size: 1.4em;
}
.input-grp-xs .form-group input:not(textarea),
.input-grp-xs .form-group button,
.input-grp-xs .form-group select {
  height: 24px;
}
.input-grp-xs .form-group input,
.input-grp-xs .form-group button,
.input-grp-xs .form-group select,
.input-grp-xs .form-group textarea {
  padding: 0 5px;
  line-height: 1.5em;
}
.input-grp-xs .form-group > label {
  height: 24px;
  padding: 0 5px !important;
  line-height: 24px;
}
/* fixes the icon in datatables condensed mode*/
/*
table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after {
    top: 2px;
}
*/
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 1px 5px 1px 5px !important;
}
/*********************************************************************/
/* 					 				 */
.panel.wak .panel-heading {
  height: 5em;
  position: relative;
  padding: 0.5em;
}
.panel.wak .panel-heading .wak-title {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0.1em;
  right: 0.3em;
  max-width: 100%;
  font-size: 2em;
  text-align: right;
  line-height: 1em;
  overflow: hidden;
}
.panel.wak .panel-heading .wrap-text {
  position: absolute;
  bottom: 0.2em;
  right: 0.3em;
  font-size: 1.3em;
  line-height: 1em;
}
.panel.wak .panel-heading .wak-quantity {
  position: absolute;
  bottom: 0.35em;
  left: 0.5em;
  font-size: 1em;
  line-height: 1em;
}
.panel.wak.compact .panel-heading .wak-title {
  top: auto;
  bottom: 0.3em;
  right: 0.2em;
}
.panel.wak.compact .panel-heading .wrap-text {
  display: none;
}
.panel.wak.compact .panel-heading .wak-quantity {
  bottom: -0.1em;
  left: 0.1em;
}
.panel.wak .col-xs-3.preserve-padding {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
/*********************************************************************/
.dataTables_empty {
  background-color: #ffffff;
  color: #d9534f;
}
.dataTables_empty div {
  background-color: #000000;
  color: #d9534f;
  border-radius: 0.5em;
  margin: 1em 0.5em;
  padding: 1em;
}
.dataTables_info,
.dataTables_length {
  display: inline-block;
  float: left;
  clear: left;
}
.table_bord_results_filter,
.dataTables_paginate {
  display: inline-block;
  float: right;
  clear: right;
}
/*********************************************************************/
.tab-pane {
  margin-top: 5px;
}
.nav-tabs-fake-spacer {
  margin-top: 48px /* fake margin top for pushing a side element down as far as the height of a nav-tabs panel header */;
}
/****************************************************************************************************************************************************/
/* From generic.css */
/* CSS Document */
/*********************************************************************/
/* chrome fix */
textarea {
  resize: vertical;
  /* user can resize vertically, but width is fixed */
}
/*********************************************************************/
/* adjustments for resizing default form controls: */
/* DISABLED: Do this in bootstap so all calcs are correct */
/*.form-control, .btn, .input-group-addon, .pagination > li > span  {
  height: 24px;
  padding: 3px 6px;
}
*/
.form-horizontal .control-label {
  margin-bottom: 0;
  padding-top: 2px;
}
.form-horizontal .control-label,
.form-horizontal .form-control:not(textarea),
.form-horizontal .input-group-addon {
  height: 24px;
  padding-right: 0;
}
/*********************************************************************/
/* make sure bootstrap-select can be seen above a modal */
.bootstrap-select.bs-container {
  z-index: 10001;
}
/*********************************************************************/
/* edit highlighting */
.chosen-outer {
  display: inline-flex;
}
.chosen-container {
  display: table-cell;
}
.chosen-container:not(:last-child) .chosen-single {
  border-radius: 4px 0 0 4px;
}
.form-control,
.input-group-addon,
.input-group-btn > button,
.input-group-btn > a,
.bootstrap-select > button,
.chosen-container .chosen-container-choices,
.chosen-container .chosen-single,
.chosen-container input:not(.btn) {
  height: 24px;
  margin: 0;
  padding: 1px 10px;
  outline: 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  border: solid 1px #517B97;
  background: -webkit-linear-gradient(#fff, #CAD9E3 4%, #fff);
  background: -o-linear-gradient(#fff, #CAD9E3 4%, #fff);
  background: linear-gradient(#fff, #CAD9E3 4%, #fff);
  color: #000000;
}
.form-control:focus,
.input-group-addon:focus,
.input-group-btn > button:focus,
.input-group-btn > a:focus,
.bootstrap-select > button:focus,
.chosen-container .chosen-container-choices:focus,
.chosen-container .chosen-single:focus,
.chosen-container input:not(.btn):focus {
  border-color: #0095ff;
  box-shadow: inset 0 0 4px #eff0f1, 0 0 5px rgba(0, 149, 255, 0.5);
  outline: 0;
}
.form-control.narrow,
.input-group-addon.narrow,
.input-group-btn > button.narrow,
.input-group-btn > a.narrow,
.bootstrap-select > button.narrow,
.chosen-container .chosen-container-choices.narrow,
.chosen-container .chosen-single.narrow,
.chosen-container input:not(.btn).narrow {
  width: 4.5em;
}
#filterFleetUID option[data-szFleetStatus=Inactive] {
  color: red;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control input[disabled],
.select[readonly],
textarea[disabled],
checkbox[disabled],
.input-group-addon[disabled],
.input-group-btn > button[disabled],
.addon-disabled {
  background: none;
  background-color: #cccccc !important;
  border: solid 1px #999999 !important;
  background-image: none !important;
  /*box-shadow: none; */
  cursor: not-allowed;
  x-moz-appearance: none;
  x-webkit-appearance: none;
  box-shadow: inset 0px 0px 7px 4px #b3b3b3;
}
.form-control[disabled].plain-text,
.form-control[readonly].plain-text,
fieldset[disabled] .form-control input[disabled].plain-text,
.select[readonly].plain-text,
textarea[disabled].plain-text,
checkbox[disabled].plain-text,
.input-group-addon[disabled].plain-text,
.input-group-btn > button[disabled].plain-text,
.addon-disabled.plain-text {
  background-color: transparent !important;
  border: 0 !important;
  font-size: 1em;
  box-shadow: none;
}
.form-control[disabled].lowlite,
.form-control[readonly].lowlite,
fieldset[disabled] .form-control input[disabled].lowlite,
.select[readonly].lowlite,
textarea[disabled].lowlite,
checkbox[disabled].lowlite,
.input-group-addon[disabled].lowlite,
.input-group-btn > button[disabled].lowlite,
.addon-disabled.lowlite {
  color: #eeeeee !important;
}
.form-control[disabled] .dropdown,
.form-control[readonly] .dropdown,
fieldset[disabled] .dropdown,
fieldset[readonly] .dropdown,
.form-control[disabled] .dropdown-toggle,
.form-control[readonly] .dropdown-toggle,
fieldset[disabled] .dropdown-toggle,
fieldset[readonly] .dropdown-toggle {
  background: none transparent;
  box-shadow: none;
  border: none;
}
.form-control[disabled] .dropdown .caret,
.form-control[readonly] .dropdown .caret,
fieldset[disabled] .dropdown .caret,
fieldset[readonly] .dropdown .caret,
.form-control[disabled] .dropdown-toggle .caret,
.form-control[readonly] .dropdown-toggle .caret,
fieldset[disabled] .dropdown-toggle .caret,
fieldset[readonly] .dropdown-toggle .caret {
  display: none;
}
.form-control[disabled] .dropdown .ui-state-disabled .ui-button-icon,
.form-control[readonly] .dropdown .ui-state-disabled .ui-button-icon,
fieldset[disabled] .dropdown .ui-state-disabled .ui-button-icon,
fieldset[readonly] .dropdown .ui-state-disabled .ui-button-icon,
.form-control[disabled] .dropdown-toggle .ui-state-disabled .ui-button-icon,
.form-control[readonly] .dropdown-toggle .ui-state-disabled .ui-button-icon,
fieldset[disabled] .dropdown-toggle .ui-state-disabled .ui-button-icon,
fieldset[readonly] .dropdown-toggle .ui-state-disabled .ui-button-icon {
  display: none;
}
.form-control.as-text {
  background-color: transparent !important;
  border: 0 !important;
  font-size: 1em !important;
  box-shadow: none !important;
}
input:-moz-read-only,
textarea:-moz-read-only,
checkbox:-moz-read-only {
  background: none;
  background-color: #cccccc !important;
  border: solid 1px #dddddd !important;
  background-image: none !important;
  /*box-shadow: none; */
  cursor: not-allowed;
  x-moz-appearance: none;
}
.bootstrap-select > button.ui-input-edited,
.form-control.ui-input-edited,
.chosen-container.ui-input-edited a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+20,2989d8+50,1e5799+86&0+0,0.8+0,1+19,1+81,0.8+100,0.8+101 */
  background: -moz-linear-gradient(top, rgba(30, 87, 153, 0.8) 0%, #1e5799 19%, #1e5799 20%, #2989d8 50%, #205ea2 81%, rgba(30, 87, 153, 0.95) 86%, rgba(30, 87, 153, 0.8) 100%, rgba(30, 87, 153, 0.8) 101%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0.8) 0%, #1e5799 19%, #1e5799 20%, #2989d8 50%, #205ea2 81%, rgba(30, 87, 153, 0.95) 86%, rgba(30, 87, 153, 0.8) 100%, rgba(30, 87, 153, 0.8) 101%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(30, 87, 153, 0.8) 0%, #1e5799 19%, #1e5799 20%, #2989d8 50%, #205ea2 81%, rgba(30, 87, 153, 0.95) 86%, rgba(30, 87, 153, 0.8) 100%, rgba(30, 87, 153, 0.8) 101%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1e5799', endColorstr='#cc1e5799', GradientType=0);
  /* IE6-9 */
  color: #fff !important;
  background-color: #2989d8;
}
.bootstrap-select > button.ui-input-edited b,
.form-control.ui-input-edited b,
.chosen-container.ui-input-edited a b {
  color: #FFFF00 !important;
}
.form-control.error,
.form-control.has-error {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
  background: #a90329;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0);
  /* IE6-9 */
  border-color: red;
  box-shadow: 0 0 10px red;
  color: #fff !important;
  background-color: #c40320;
}
/*********************************************************************/
.dcmCurrency > .ui-widget.ui-widget-content.ui-spinner {
  width: 5.5em;
  /* slightly bigger than normal spinners */
}
.ui-widget.ui-widget-content.ui-spinner {
  width: 6.2em;
  border: none;
  background: none;
}
.ui-widget.ui-widget-content.ui-spinner.digits4 {
  width: 4.5em;
  margin-right: 0;
}
.ui-widget.ui-widget-content.ui-spinner.digits6 {
  width: 5.5em;
  margin-right: 0;
}
.ui-widget.ui-widget-content.ui-spinner.digits13 {
  width: 9.5em;
  margin-right: 0;
}
.ui-widget.ui-widget-content.ui-spinner input {
  margin: 0;
}
.ui-widget.ui-widget-content.ui-spinner input.currency {
  text-align: right;
  padding-right: 2em;
  padding-left: 0;
}
.ui-widget.ui-widget-content.ui-spinner input[type=search] {
  padding-right: 1.5em;
}
.ui-widget.ui-widget-content.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-left-style: none;
  xborder: solid 1px #517B97;
  xborder: none;
  margin: 1px;
}
/*********************************************************************/
/* dates and times and currency : fixed max-widths */
.boot_date,
.boot_time {
  max-width: 10.5em;
}
.boot_datetime,
.boot_datetime_sizer {
  max-width: 13em;
  min-width: 12em;
}
.postcode {
  max-width: 10em;
}
.phone {
  max-width: 12em;
}
.phone_wrapper {
  max-width: 14em;
}
.phone_wrapper .phone {
  max-width: 100%;
}
.currencyField,
.currencyField_ro {
  max-width: 6em;
}
.currencyField-sm,
.currencyField-sm_ro {
  max-width: 5.5em;
}
.registration_wrapper {
  max-width: 10.5em;
  /*.reg-no-img {max-width: initial; margin: 0px -9px;}*/
  /*<!--[if IE]>
		.reg-no-img {max-width: initial; margin: 0;padding:0}
	<![endif]-->*/
}
.registration_wrapper input {
  text-transform: uppercase;
}
.registration_wrapper .reg-no-img {
  max-width: initial;
  margin: 0;
}
.input-postfix {
  float: left !important;
  padding-left: 1em;
}
.shortField {
  max-width: 14em;
}
/* fudge */
.cb_container {
  max-width: 14.4em;
}
.cb_container .data-toggle {
  float: right!important;
}
#driver_template .form-group {
  margin-bottom: 5px;
}
/*********************************************************************/
/*Text Styling*/
.classLower {
  text-transform: lowercase;
}
.classUpper {
  text-transform: uppercase;
}
.classCaps {
  text-transform: capitalize;
}
/*********************************************************************/
/* default images to sensible stuff:*/
img {
  margin: 0px;
  border: none;
  max-width: 100%;
}
img .url-img {
  border: 1px solid #000000;
}
img .url-img:hover {
  border: 1px solid #ffffff;
}
/*********************************************************************/
.span_ro_text {
  background: none;
  border-color: transparent;
  box-shadow: none;
  font-weight: bold;
  height: inherit;
  /* can wrap sometimes */
  padding: 2px;
  display: inline-block;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.span_ro_text::-ms-expand {
  display: none;
}
/*********************************************************************/
/* if we want to squeeze the borders out of the table controls: */
td.details-control {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-left: none !important;
  border-right: none !important;
  text-align: center;
  white-space: nowrap;
}
/*********************************************************************/
.trunc {
  xwhite-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.narrow-gutter > [class*='col-'] {
  padding-right: 30px/3;
  padding-left: 30px/3;
}
.tiny-gutter > [class*='col-'] {
  padding-right: 30px/6;
  padding-left: 30px/6;
}
.short-gutter > [class*='col-'] {
  padding-top: 30px/3;
  padding-bottom: 30px/3;
}
.short-spacer {
  padding-top: 30px/3;
  padding-bottom: 30px/3;
}
.top-buffer {
  margin-top: 6px;
}
/*********************************************************************/
/* any html templates that are hidden in code, and used when needed  */
.hidden_template {
  display: none;
}
/*********************************************************************/
/* override labels to stop them from wrapping:  */
#outer_reservation_container label {
  xwhite-space: nowrap;
  xtext-align: left;
}
/*********************************************************************/
/* override header colour of modals  */
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color: #0480be;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
}
/*********************************************************************/
#extras_table input#extra_cost {
  width: 3.5em;
  text-align: right;
}
#extras_table .input-sm,
#extras_table .input-group-addon {
  padding: 2px;
}
#extras_table .input-group-sm > .form-control,
#extras_table .input-group-sm > .input-group-addon {
  height: 22px;
  line-height: 1em;
}
#extras_table .toggle.btn-xs {
  min-width: 60px;
}
#extras_table tr.success > td > i.delete-extra {
  color: #cccccc;
}
/*********************************************************************/
.sample_car_full_outer {
  text-align: center;
}
#sample_car {
  border: inset 2px;
  margin: 5px 0;
  padding: 3px;
  border-radius: 6px;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
#sample_car_v_class_outer {
  text-align: center;
  clear: both;
  height: 0;
  background-color: blueviolet;
}
#sample_car_v_class {
  font-size: 2.3em;
  font-weight: bold;
  text-align: center;
  background: lightgrey;
  padding: 3px;
  border-radius: 6px;
  border: outset 2px;
  display: inline-block;
  line-height: 1em;
  position: relative;
  top: -50px;
  text-shadow: 1px 1px white;
}
#sample_car_v_text {
  text-align: center;
  border-radius: 6px;
  border: inset 2px;
  margin-top: -12px;
  min-height: 3.2em;
}
#sample_txt {
  position: relative;
  top: -130px;
  display: block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 1px 1px lightgrey;
}
/*********************************************************************/
/* equal height elements within row - good for panels: 				 */
.equal,
.equal > div[class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 1 auto;
}
/*********************************************************************/
/* colourize disabled options: 						 				 */
select option:disabled {
  color: darkgrey;
  background-color: lightgrey;
}
/*********************************************************************/
/* colourize disabled options: 						 				 */
#fade-header {
  z-index: 1010;
  color: #ffffff;
  text-align: center;
  position: fixed;
  top: 0;
  width: 100%;
  height: 1.5em;
  /* Webkit */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, rgba(248, 248, 248, 0)), color-stop(0, #f8f8f8));
  /* Gecko */
  background: -moz-linear-gradient(center top, #f8f8f8 0% rgba(248, 248, 248, 0) 100%);
}
#footer {
  font-size: 0.9em;
  color: #ffffff;
  text-align: center;
  padding: 4px;
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
}
/*********************************************************************/
.loading_spinner {
  background-color: darkgrey;
  xbackground-image: url("/images/ispinner.gif");
  background-image: url("/images/spinner.svg");
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  fill: red;
}
/*********************************************************************/
.jRoll_div {
  margin: 0 auto;
  text-align: left;
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.xmodal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  fill: currentColour;
  background: rgba(255, 255, 255, 0.2) url('/images/spinner.svg') 50% 50% no-repeat;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
  overflow: hidden;
}
/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
  display: block;
}
/*********************************************************************/
/* bootstrap overrides for general layout */
#header_logo {
  height: 2em;
  float: left;
  margin-right: 0.5em;
  margin-top: -0.5em;
}
#login_welcome,
#header-text {
  color: #ffffff;
}
#login_welcome .text_header,
#header-text .text_header {
  font-family: 'Horseferry';
  letter-spacing: -1px;
}
.form-group {
  margin-bottom: 2px;
}
.page-header {
  margin: 5px 0 5px;
  padding-bottom: 5px;
  border-bottom: none;
  font-size: 32px;
}
.page-header > h1 {
  font-size: 32px;
  display: inline-block;
  padding: 0;
  margin: 0 0.5em 0 0;
}
.page-header > h2 {
  font-size: 28px;
  display: inline-block;
  padding: 0;
  margin: 0 0.5em 0 0;
}
.page-header label {
  display: none;
}
.page-header .buttondiv .btn {
  padding: 5px 5px;
}
#outer_reservation_container {
  background-color: inherit;
}
/**************************************/
/* Validation stuff */
label.error {
  color: white;
  font-style: italic;
  font-weight: normal;
  position: absolute;
  z-index: 99999;
  margin: 2px;
  padding: 2px 10px;
  top: 1.5em;
  background-color: black;
  left: 4em;
  border: 2px solid white;
  border-radius: 0 6px 6px 6px;
  line-height: 1.3em;
}
/**************************************/
.fix-title {
  z-index: 10;
  background-color: inherit;
  width: 100%;
  top: 0;
}
.fix-title h1 {
  display: inline-block;
  margin: 0;
}
.fix-title .buttondiv {
  display: inline-block;
  float: right;
  margin-top: 2px;
}
.fix-title button {
  margin-right: 6px;
}
.affix + .scroll-content {
  padding-top: 70px;
}
.affix.fix-title {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.scroll-content {
  position: relative;
  top: 0;
}
/**************************************/
@media screen and (max-width: 1024px) {
  .panel {
    margin-bottom: 3px;
  }
  .panel .panel-heading {
    padding: 10px 10px;
  }
}
.plugin-container,
.element-container {
  position: relative;
  border: 1px solid lightgray;
  border-radius: 6px;
  margin: 0 0 4px 33px;
  padding: 1px;
  background-color: #FFF;
}
.plugin-container:hover,
.element-container:hover {
  font-weight: 400;
  xbackground-color: #320060;
  border: 1px solid black 1px;
}
.plugin-container.disabled,
.element-container.disabled {
  color: #CCC !important;
  box-shadow: none;
}
.plugin-container.disabled textarea,
.element-container.disabled textarea,
.plugin-container.disabled input,
.element-container.disabled input,
.plugin-container.disabled select,
.element-container.disabled select {
  color: #FFF !important;
}
.plugin-container.disabled .text-danger,
.element-container.disabled .text-danger {
  font-weight: bold;
}
.plugin-container.disabled::after,
.element-container.disabled::after {
  content: "INACTIVE";
  position: absolute;
  padding: 0.1em 0.4em 0 0.4em;
  left: 50%;
  font-size: 18px;
  bottom: 35%;
  color: red;
  text-shadow: -2px -2px 5px #000;
  transform: translate(-50%, -50%) rotate(-22deg);
  transform-origin: 50% 50%;
  /* height: 100%; */
  /* width: 100%; */
  z-index: 0;
  border: 1px solid red;
  box-shadow: -2px -2px 10px red, 2px 2px 10px red;
  transition: all 0.5s ease-in-out;
}
.plugin-container.disabled .preview-outer,
.element-container.disabled .preview-outer {
  opacity: 0.5;
}
.plugin-container.removed,
.element-container.removed {
  background-color: #000;
  color: #ccc;
  box-shadow: none;
}
.plugin-container.removed div.slide-widget-content,
.element-container.removed div.slide-widget-content,
.plugin-container.removed div.preview,
.element-container.removed div.preview {
  opacity: 0.2;
}
.plugin-container.removed .text-danger,
.element-container.removed .text-danger {
  font-weight: bold;
}
.plugin-container.removed::after,
.element-container.removed::after {
  content: "WILL BE REMOVED";
  position: absolute;
  padding: 0.1em 0.4em 0 0.4em;
  left: 50%;
  font-size: 18px;
  bottom: 35%;
  color: blue;
  text-shadow: -2px -2px 5px #fff, 2px 2px 5px #fff;
  transform: translate(-50%, -50%) rotate(-22deg);
  transform-origin: 50% 50%;
  z-index: 0;
  border: 2px solid blue;
  box-shadow: -2px -2px 10px blue, 2px 2px 10px blue;
  transition: all 0.5s ease-in-out;
  text-align: center;
  background-color: rgba(0, 0, 255, 0.3);
}
.plugin-container.removed .preview-outer,
.element-container.removed .preview-outer {
  opacity: 0.3;
}
.plugin-container .widget-controls,
.element-container .widget-controls {
  margin: 0;
  position: absolute;
  top: 0;
  left: -34px;
  height: fit-content;
  border-radius: 3px 0 0 3px;
  padding-right: 0px;
  z-index: 1;
}
.plugin-container .widget-controls .btn.text-dark,
.element-container .widget-controls .btn.text-dark {
  color: #000 !important;
}
.plugin-container .widget-controls .btn.text-dark i,
.element-container .widget-controls .btn.text-dark i {
  color: #000 !important;
}
.plugin-container .widget-controls.btn-group-vertical > .btn:last-child,
.element-container .widget-controls.btn-group-vertical > .btn:last-child {
  border-radius: 0 0 0 6px;
}
.plugin-container .widget-controls.btn-group-vertical > .btn:first-child:not(:last-child),
.element-container .widget-controls.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-radius: 6px 0 0 0;
  border-top: 1px;
}
.plugin-container .widget-controls.template-controls.btn-group-vertical,
.element-container .widget-controls.template-controls.btn-group-vertical {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: fit-content;
  z-index: 1;
}
.plugin-container .widget-controls.template-controls.btn-group-vertical > .btn:first-child:not(:last-child),
.element-container .widget-controls.template-controls.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-radius: 0 0 0 6px;
  border-top: 1px;
}
.plugin-container .widget-controls.template-controls.btn-group-vertical > .btn:last-child:not(:first-child),
.element-container .widget-controls.template-controls.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-radius: 0 6px 0 0;
}
.plugin-container div.preview span.slide-open-out,
.element-container div.preview span.slide-open-out,
.plugin-container div.preview span.template-open-out,
.element-container div.preview span.template-open-out {
  position: absolute;
  z-index: 2;
  right: 3px;
  bottom: 3px;
  opacity: 0.9;
}
.plugin-container .drag-button,
.element-container .drag-button {
  background-color: lightgray;
  border: inherit;
  margin-top: 1px;
}
/******************************************************************/
body.dragging,
.dragging * {
  cursor: ns-resize !important;
}
.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
  margin-top: -50px;
}
/******************************************************************/
input.inline-input {
  background: inherit;
  border-style: none;
  padding: 0.1em;
  margin-top: -0.1em;
}
input.inline-input:focus,
input.inline-input:active,
input.inline-input:hover {
  background: #fff;
  border-style: inherit;
  color: #000 !important;
  outline-color: transparent;
  outline-style: none;
}
ol.list-group-sortable.flex-tape {
  xpadding: 6px 8px;
  xmargin-left: -4px;
  overflow: hidden;
  list-style-type: none;
  padding: 8px 5px 8px 8px;
  position: relative;
  max-height: 100%;
  margin-left: 0;
  margin-right: 0;
}
ol.list-group-sortable.flex-tape > li {
  position: relative;
}
ol.list-group-sortable.flex-tape > li.ui-sortable-placeholder {
  border-radius: 3px;
  margin-right: 31px;
  margin-left: 34px;
  font-size: 2em;
  background-color: rbga(128, 128, 128, 0.5) !important;
  text-shadow: 2px 2px 3px lightgrey;
}
ol.list-group-sortable.flex-tape > li.ui-sortable-placeholder:before {
  height: 80%;
  width: 100%;
  font-family: "FontAwesome";
  content: "\F07E";
  display: flex;
  justify-content: center;
  align-items: top;
}
ol.list-group-sortable.flex-tape > li.ui-sortable-placeholder:after {
  position: absolute;
  height: 80%;
  width: 100%;
  font-family: "FontAwesome";
  content: "\F07E";
  display: flex;
  justify-content: center;
  align-items: bottom;
}
ol.list-group-sortable.flex-tape > li.inserter {
  position: relative;
  height: 0;
  width: 30px;
  xtransition-property: all;
  xtransition-duration: 0.5s;
  xtransition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition: all 0.5s ease-in-out;
  margin-left: -24px;
}
ol.list-group-sortable.flex-tape > li.inserter:hover {
  height: 30px;
  backgroundcolor: #3333ff;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
ol.list-group-sortable.flex-tape > li.inserter:hover > .indicator {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s;
  transition: all 0.5s ease-in-out;
}
ol.list-group-sortable.flex-tape > li.inserter > .indicator {
  display: none;
  visibility: hidden;
  opacity: 0;
  border: 1px dotted red;
  border-radius: 5px;
  color: red;
  cursor: copy;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 0;
  right: 8px;
  background-color: #fff;
  font-size: 0.5em;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  height: 100%;
  text-align: center;
}
ol.list-group-sortable.flex-tape > li.inserter > .insert-slide-icon,
ol.list-group-sortable.flex-tape > li.inserter > .insert-header-icon {
  position: absolute;
  top: -7px;
  overflow: hidden;
  vertical-align: middle;
  transition: all 0.5s;
  left: 16px;
}
ol.list-group-sortable.flex-tape > li.inserter > .insert-slide-icon.inserter:hover .insert-slide-icon,
ol.list-group-sortable.flex-tape > li.inserter > .insert-header-icon.inserter:hover .insert-slide-icon {
  padding-top: 14px;
}
ol.list-group-sortable.flex-tape > li .drag-handle {
  position: absolute;
  left: -4px;
  margin-top: 3px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  border: 1px solid #888;
  padding: 3px;
  background-color: gray;
  color: white;
  border-radius: 4px 0 0 4px;
  height: 23px;
}
ol.list-group-sortable.flex-tape > li .xxx:before {
  font-family: "FontAwesome";
  content: "\f07d";
  width: 20px;
  height: 22px;
  position: absolute;
  left: -20px;
  top: 0;
  color: white;
  border: 1px outset gray;
  border-radius: 3px 0 0 3px;
  text-align: center;
  background-color: gray;
  display: inline-block;
  cursor: grab;
}
ol.list-group-sortable .btn.active span.glyphicon.glyphicon-on {
  opacity: 1;
  display: inline-block;
}
ol.list-group-sortable .btn span.glyphicon.glyphicon-on {
  opacity: 0;
  display: none;
}
ol.list-group-sortable .btn.active span.glyphicon.glyphicon-off {
  opacity: 0;
  display: none;
}
ol.list-group-sortable .btn span.glyphicon.glyphicon-off {
  opacity: 1;
  display: inline-block;
}
ol.list-group-sortable div#button-space {
  margin-top: -5px;
  margin-bottom: -5px;
}
/******************************************************************/
/* TODO: clan up and join into previus above */
/******************************************************************/
.stretch-v {
  height: 100%;
}
.stretch-h {
  height: 100%;
}
.autoscroll-v {
  overflow-y: auto;
}
.flex-h {
  display: flex;
  flex-direction: row;
}
.flex-v {
  display: flex;
  flex-direction: column;
}
/******************************************************************/
.panel-fullwidth .note_element .note_desc {
  width: 85%;
  display: inline-block;
}
/******************************************************************/
/* Extra small devices (phones, up to 360px) */
@media screen and (max-width: 360px) {
  /* improve real estate for mobiles*/
  #page-wrapper {
    margin: 0;
  }
  [class*='col-'] {
    /*padding:0;*/
  }
  .panel .panel-body {
    height: initial !important;
    /* dont fix any heights. makes them scrollable*/
    width: 100%;
  }
  /*#header-text,  .page-header, */
  .affix.fix-title .page-header h1,
  .affix.fix-title .page-header h2 {
    font-size: 1em;
    text-align: center;
  }
  .affix.fix-title .page-header select {
    font-size: initial;
  }
  #driver_template {
    padding: 0 15px;
  }
  .modal .modal-body {
    max-height: none;
  }
  .page-header {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .page-header h1,
  .page-header h2 {
    font-size: 1.5em;
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  .page-header #ro_indicator {
    padding: 0;
    margin-top: -1px;
  }
  .page-header select {
    font-size: initial;
  }
  .page-header .buttondiv {
    float: none;
    margin: 3px auto 0 auto;
    display: block;
    text-align: center;
  }
  .page-header .buttondiv .btn-toolbar {
    float: none;
    margin: 3px auto 0 auto;
    display: inline-block;
    text-align: center;
  }
  .affix.fix-title {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: #666666;
    color: #ffffff;
  }
}
/**************************************/
.float-abs-top-left {
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: inherit;
}
.title_larger {
  font-size: 1.5em;
  line-height: 1em;
}
tr.overdue td {
  background-color: rgba(255, 0, 4, 0.41);
  color: #111111;
}
tr.overdue {
  border-color: #111111;
}
tr.pending td {
  background-color: rgba(223, 78, 243, 0.3);
  color: #666666;
  border-color: #888888 !important;
}
.tile-set .fa-offset {
  margin-left: 1em;
  margin-top: -0.3em;
}
tr.req_requestoffhire {
  background-color: #fcf8e3;
  border-color: #faebcc;
}
/**************************************/
.modal {
  max-width: 100vw;
}
.modal .modal-body {
  /*max-height: 80vh;*/
  overflow-y: auto;
}
/**************************************/
/* .modal-fullscreen */
.modal-fullscreen {
  padding: 0 !important;
  margin: 0 !important;
}
.modal-fullscreen .modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.modal-fullscreen .modal-content {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.modal-fullscreen .modal-content,
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-fullscreen .modal-footer {
  height: 64px;
}
.modal-fullscreen .modal-body {
  flex: auto;
  overflow-y: auto;
  max-height: none;
}
@media (max-width: 1550px) {
  .col-lg-plus {
    width: 100%;
  }
}
/**************************************/
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0.8em;
  height: 0.8em;
  background: rgba(76, 76, 76, 0.5);
  border-radius: 2px;
}
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 3px #4c4c4c;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.5);
}
/**************************************/
#change_request_panel .panel-body {
  height: 30vw;
  max-height: 45vh;
  overflow: auto;
  font-size: 0.85em;
}
/**************************************/
/* .panel-fullscreen */
/* specify height of .panel-body for scrolling */
.panel-fixheight .panel-body {
  overflow-y: auto;
}
.panel-fullwidth .panel-body {
  xmax-height: 150px;
}
/**************************************/
#recent-notes-panel {
  xmargin-bottom: 0;
}
#recent-notes-panel .panel-body {
  xmin-height: 350px;
  margin-bottom: 15px;
  overflow-y: auto;
}
@media (max-width: 1200px) {
  #recent-notes-panel .panel-body {
    xmax-height: 350px;
  }
}
/**************************************/
/* .panel-fullscreen */
.panel-fullscreen {
  z-index: 9999;
  position: fixed !important;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.panel-fullscreen,
.panel-fullscreen .panel-heading,
.panel-fullscreen .panel-body,
.panel-fullscreen .panel-footer {
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-fullscreen .panel-body {
  flex: auto;
  overflow-y: auto;
  max-height: none;
  min-height: 300px;
}
.bootstrap-datetimepicker-widget {
  z-index: 1075 /* overriden to be on top of tooltips (1070) */;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background-color: #f0f0f0;
  color: #999;
  border-radius: 0;
}
@media (max-width: 992px) {
  .jstree-children {
    font-size: 1.05em;
  }
  .modal-dialog {
    width: 100vw !important;
    left: 0;
    margin: 0;
    position: absolute;
  }
  .bootstrap-datetimepicker-widget {
    margin-left: 0px;
    left: 0px !important;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
  .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    display: none;
  }
  .form-control {
    padding: 1px 5px;
  }
}
.spectrum-style {
  background-color: #ccc !important;
  border: 1px solid #999 !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 6px !important;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;
  background-clip: padding-box;
  outline: 0;
  overflow: visible;
}
/**************************************/
/* clear search - button 			  */
/**************************************/
.input-group-item {
  position: relative;
}
.input-group-item input {
  z-index: 1;
}
/*********************************************************************/
/**************************************/
/* .apply an HTML5 blink to a section */
.blink_me {
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
    color: darkred;
  }
}
/**************************************/
/* .apply an HTML5 blink to a section */
.wobble_me {
  animation: wobble 0.05s infinite;
}
@keyframes wobble {
  0% {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
  }
  20% {
    -ms-transform: rotate(25deg);
    /* IE 9 */
    -webkit-transform: rotate(25deg);
    /* Chrome, Safari, Opera */
    transform: rotate(25deg);
  }
  50% {
    -ms-transform: rotate(-25deg);
    /* IE 9 */
    -webkit-transform: rotate(-25deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-25deg);
  }
  100% {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
  }
}
/**************************************/
/* back to top button: 				  */
a.back-to-top {
  display: none;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 20px;
  xbackground: #27AE61 url("up-arrow.png") no-repeat center 43%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.inset-text {
  text-shadow: -2px -2px 3px #000;
}
.outset-text {
  text-shadow: 2px 3px 3px #666666;
}
.lock-hover {
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
  font-size: 0.8em;
  padding-top: 4px;
  cursor: pointer;
  padding: 3px;
  border: 1px hidden;
}
.lock-hover:hover {
  xborder: 1px solid #ffffff;
  xborder-radius: 3px;
}
.panel-heading .chevron:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';
  /* essential for enabling glyphicon */
  content: "\e114";
  /* adjust as needed, taken from bootstrap.css */
  float: right;
  /* adjust as needed */
  color: white;
  /* adjust as needed */
}
.panel-heading .collapsed.chevron:after {
  /* symbol for "collapsed" panels */
  content: "\e080";
  /* adjust as needed, taken from bootstrap.css */
}
button.btn.mv-link {
  padding-left: 0.2em;
  padding-right: 0.2em;
}
/* Possibly shouldn't be here, but additional stuff for tooltips: */
.tooltip-inner {
  box-shadow: 2px 2px 5px white;
}
/* form control modifiers: (sort this out proper with LESS same as bootstrap grid layout stuff*/
[class*="content-"] {
  display: inline-block;
}
.content-3 {
  width: 25%;
}
.content-4 {
  width: 33%;
}
.content-6 {
  width: 50%;
}
.content-8 {
  width: 66%;
}
.content-9 {
  width: 75%;
}
.content-12 {
  width: 100%;
}
/* for password styling: */
.field-icon {
  float: right;
  margin-top: -1.4em;
  margin-right: 0.3em;
  position: relative;
  z-index: 2;
  color: yellowgreen;
}
.version-label {
  position: relative;
  top: 50px;
  left: 53px;
  background-color: red;
}
.version-label img {
  z-index: 2;
  position: absolute;
  top: -23px;
  left: -39px;
  width: 50px;
  -ms-transform: rotate(45deg);
  -ms-transform-origin: 20% 40%;
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: 20% 40%;
  transform: rotate(-13deg);
  transform-origin: 20% 40%;
  /* transform-origin: -67% 246%; */
}
fa.disabled {
  color: #cccccc;
}
/* LESS Document */
.twitter-typeahead {
  width: 100%;
}
.typeahead,
.tt-query,
.tt-hint {
  width: 100%;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
  border: 2px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
}
.typeahead {
  background-color: #fff;
}
.typeahead:focus {
  border: 2px solid #0097cf;
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control.tt-hint,
.form-control.tt-hint[disabled],
.form-control.tt-hint[readonly] .form-control.tt-hint.addon-disabled {
  color: #999 !important;
  background: -webkit-linear-gradient(#fff, #CAD9E3 4%, #fff) !important;
  background: -o-linear-gradient(#fff, #CAD9E3 4%, #fff) !important;
  background: linear-gradient(#fff, #CAD9E3 4%, #fff) !important;
}
.tt-input:focus {
  background: none !important;
  color: #333333 !important;
}
.tt-menu {
  width: 100%;
  margin: 6px 0;
  padding: 6px 12px;
  background-color: #fff;
  color: #333333;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tt-suggestion {
  padding: 3px 20px;
  font-size: 14px;
  line-height: 20px;
}
.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}
.tt-suggestion p {
  margin: 0;
}
.gist {
  font-size: 14px;
}
/* example specific styles */
/* ----------------------- */
#custom-templates .empty-message {
  padding: 5px 10px;
  text-align: center;
}
#multiple-datasets .league-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}
#scrollable-dropdown-menu .tt-menu {
  max-height: 150px;
  overflow-y: auto;
}
#rtl-support .tt-menu {
  text-align: right;
}
.template-record .modal-body,
.template-record .panel-body {
  background-color: #ffffff;
  color: #337ab7;
}
.template-record .modal-heading,
.template-record .panel-heading {
  background-color: #000000;
  color: #337ab7;
}
.template-record .modal-footer,
.template-record .panel-footer {
  background-color: #ffffff;
  color: #337ab7;
}
.template-record .control-record {
  color: #337ab7;
}
.template-record .template-warning {
  background-color: #d9534f;
  color: #ffffff;
  border-radius: 8px;
  margin: 0 0 0.5em 0;
  padding: 0.5em;
  text-align: center;
}
#wrapper.dashboard #event_treeview_panel .panel-body,
#wrapper.dashboard #menu_treeview_panel .panel-body,
#wrapper.dashboard #presentation_treeview_panel .panel-body {
  max-height: 35vh;
}
#wrapper.dashboard #site_treeview_panel .panel-body {
  max-height: 83vh;
}
#event_treeview_panel .panel-body,
#menu_treeview_panel .panel-body,
#presentation_treeview_panel .panel-body,
#site_treeview_panel .panel-body {
  overflow-y: auto;
  padding: 0.2em 0.3em;
  width: 100%;
}
#event_treeview_panel .jstree,
#menu_treeview_panel .jstree,
#presentation_treeview_panel .jstree,
#site_treeview_panel .jstree {
  height: 100%;
}
#event_treeview_panel .jstree .jstree-anchor:not(.node-admin).state-disabled,
#menu_treeview_panel .jstree .jstree-anchor:not(.node-admin).state-disabled,
#presentation_treeview_panel .jstree .jstree-anchor:not(.node-admin).state-disabled,
#site_treeview_panel .jstree .jstree-anchor:not(.node-admin).state-disabled {
  color: gray;
  font-style: italic;
}
#event_treeview_panel .jstree .jstree-anchor:not(.node-admin).state-disabled .jstree-icon,
#menu_treeview_panel .jstree .jstree-anchor:not(.node-admin).state-disabled .jstree-icon,
#presentation_treeview_panel .jstree .jstree-anchor:not(.node-admin).state-disabled .jstree-icon,
#site_treeview_panel .jstree .jstree-anchor:not(.node-admin).state-disabled .jstree-icon {
  color: red;
}
#event_treeview_panel .jstree .jstree-anchor:not(.node-admin).jstree-hovered,
#menu_treeview_panel .jstree .jstree-anchor:not(.node-admin).jstree-hovered,
#presentation_treeview_panel .jstree .jstree-anchor:not(.node-admin).jstree-hovered,
#site_treeview_panel .jstree .jstree-anchor:not(.node-admin).jstree-hovered,
#event_treeview_panel .jstree .jstree-anchor:not(.node-admin).jstree-clicked,
#menu_treeview_panel .jstree .jstree-anchor:not(.node-admin).jstree-clicked,
#presentation_treeview_panel .jstree .jstree-anchor:not(.node-admin).jstree-clicked,
#site_treeview_panel .jstree .jstree-anchor:not(.node-admin).jstree-clicked {
  border-radius: 1em;
}
#event_treeview_panel .jstree ul li.node-admin,
#menu_treeview_panel .jstree ul li.node-admin,
#presentation_treeview_panel .jstree ul li.node-admin,
#site_treeview_panel .jstree ul li.node-admin {
  background: linear-gradient(to right, #ffffff 0, #ffffff 1em, rgba(131, 0, 0, 0.4) 50%);
  border: 1px solid #000;
  border-radius: 4px;
}
.chosen-container .chosen-single > span::before,
.chosen-container .chosen-results > li::before {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.jstree .fa,
.tooltip .fa,
.bootstrap-select .fa,
.selectpicker .fa {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.jstree .fa.fa-building,
.tooltip .fa.fa-building,
.bootstrap-select .fa.fa-building,
.selectpicker .fa.fa-building {
  color: #ec0b0b;
}
.jstree .fa.fa-thumb-tack,
.tooltip .fa.fa-thumb-tack,
.bootstrap-select .fa.fa-thumb-tack,
.selectpicker .fa.fa-thumb-tack {
  color: blue;
  border-radius: 50%;
  border: 1px dashed darkred;
  box-shadow: 2px 2px 1px #ccc;
  margin-right: 5px;
  text-shadow: none;
}
.jstree .fa.fa-ban,
.tooltip .fa.fa-ban,
.bootstrap-select .fa.fa-ban,
.selectpicker .fa.fa-ban {
  color: #8B0000;
}
.jstree .fa.fa-map-marker,
.tooltip .fa.fa-map-marker,
.bootstrap-select .fa.fa-map-marker,
.selectpicker .fa.fa-map-marker {
  color: #0f0de3;
}
.jstree .fa.fa-desktop,
.tooltip .fa.fa-desktop,
.bootstrap-select .fa.fa-desktop,
.selectpicker .fa.fa-desktop {
  color: #4E0097;
  font-weight: bold;
}
.jstree .fa.fa-book,
.tooltip .fa.fa-book,
.bootstrap-select .fa.fa-book,
.selectpicker .fa.fa-book {
  color: #01B500;
}
.jstree .fa.fa-globe,
.tooltip .fa.fa-globe,
.bootstrap-select .fa.fa-globe,
.selectpicker .fa.fa-globe {
  color: #128712;
}
.jstree .fa.fa-list-alt,
.tooltip .fa.fa-list-alt,
.bootstrap-select .fa.fa-list-alt,
.selectpicker .fa.fa-list-alt {
  color: #af4845;
}
.jstree .fa.fa-list,
.tooltip .fa.fa-list,
.bootstrap-select .fa.fa-list,
.selectpicker .fa.fa-list {
  color: #1AA100;
}
.jstree .fa.fa-th,
.tooltip .fa.fa-th,
.bootstrap-select .fa.fa-th,
.selectpicker .fa.fa-th {
  color: #6000E8;
}
.jstree .fa.fa-glass,
.tooltip .fa.fa-glass,
.bootstrap-select .fa.fa-glass,
.selectpicker .fa.fa-glass {
  color: #3943F9;
}
.jstree .fa.fa-cutlery,
.tooltip .fa.fa-cutlery,
.bootstrap-select .fa.fa-cutlery,
.selectpicker .fa.fa-cutlery {
  color: #FFBD1A;
}
.jstree .fa.fa-shopping-bag,
.tooltip .fa.fa-shopping-bag,
.bootstrap-select .fa.fa-shopping-bag,
.selectpicker .fa.fa-shopping-bag {
  color: #D00088;
}
.chosen-container .chosen-results li.fa-building:before,
.selectpicker li.fa-building:before,
.chosen-container .chosen-results span.fa-building:before,
.selectpicker span.fa-building:before {
  color: #ec0b0b;
}
.chosen-container .chosen-results li.fa-ban,
.selectpicker li.fa-ban,
.chosen-container .chosen-results span.fa-ban,
.selectpicker span.fa-ban {
  color: #8B0000;
}
.chosen-container .chosen-results li.fa-map-marker:before,
.selectpicker li.fa-map-marker:before,
.chosen-container .chosen-results span.fa-map-marker:before,
.selectpicker span.fa-map-marker:before {
  color: #0f0de3;
}
.chosen-container .chosen-results li.fa-television:before,
.selectpicker li.fa-television:before,
.chosen-container .chosen-results span.fa-television:before,
.selectpicker span.fa-television:before {
  color: #B76000;
}
.chosen-container .chosen-results li.fa-book:before,
.selectpicker li.fa-book:before,
.chosen-container .chosen-results span.fa-book:before,
.selectpicker span.fa-book:before {
  color: #01B500;
}
.chosen-container .chosen-results li.fa-globe:before,
.selectpicker li.fa-globe:before,
.chosen-container .chosen-results span.fa-globe:before,
.selectpicker span.fa-globe:before {
  color: #128712;
}
.more {
  color: #24bf27;
  font-size: 0.87em;
}
.more .treeAbbr.disabled {
  color: grey;
}
.more .treeAbbr:after {
  content: " | ";
  font-weight: bold;
  color: red;
}
.more .treeAbbr:last-child:after {
  content: "";
}
i.fa.fa-info-circle {
  color: #337ab7;
  font-size: 1.2em;
}
i.fa.fa-info-circle.warning {
  color: #f0ad4e;
  font-size: 1.2em;
}
.glyph-orientation {
  background-color: yellow;
  border: 1px solid black;
  border-radius: 2px;
  color: black;
  margin: 0 0.2em;
  transform-origin: bottom;
  opacity: 0.5;
}
.glyph-orientation.portrait {
  transform: scaleX(0.8);
}
.glyph-orientation.portrait:before {
  content: "\e119";
}
.glyph-orientation.landscape {
  display: none;
}
.glyph-orientation.landscape.in {
  display: inline-block;
  transform: scaleX(1.1) scaleY(0.8);
}
.glyph-orientation.landscape.in:before {
  content: "\e120";
}
/**************************************/
/*.panel .title-name-place {
    &:before {
        content:'\"'
    }
    &:after {
        content:'\"'
    }
}*/
/**************************************/
.text-lg {
  font-size: 1.1em;
}
.text-bold {
  font-weight: bold;
}
/**************************************/
body.dragging,
body.dragging * {
  cursor: move !important;
}
.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}
ol.example li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.example li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}
/**************************************/
input:invalid {
  background-color: red !important;
  color: white !important;
  background-image: none !important;
}
/**************************************/
#info-space {
  whitespace: nowrap;
}
/**************************************/
.sidebar {
  visibility: visible !important;
}
@media screen and (min-width: 765px) {
  .sidebar.nav.nav-pills.nav-stacked.affix-top {
    transition: width 0.5s ease;
    width: 50px;
    overflow: hidden;
  }
  .sidebar.nav.nav-pills.nav-stacked.affix-top .sidebar-nav.navbar-collapse {
    overflow-y: auto;
    max-height: calc( 100vh - 50px );
  }
  .sidebar.nav.nav-pills.nav-stacked.affix-top .sidebar-nav.navbar-collapse::-webkit-scrollbar {
    width: 4px;
  }
  .sidebar.nav.nav-pills.nav-stacked.affix-top .sidebar-nav.navbar-collapse ul#side-menu.nav li {
    overflow: hidden;
    white-space: nowrap;
  }
  .sidebar.nav.nav-pills.nav-stacked.affix-top .sidebar-nav.navbar-collapse ul#side-menu.nav li a span {
    padding-left: 5px;
    display: none;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0;
  }
  .sidebar.nav.nav-pills.nav-stacked.affix-top .sidebar-nav.navbar-collapse ul#side-menu.nav:hover li a span {
    xdisplay: inline-block;
  }
  .sidebar.nav.nav-pills.nav-stacked.affix-top:hover {
    width: 200px !important;
    box-shadow: 4px 4px 6px #000;
    transition: width 0.5s ease;
  }
  .sidebar.nav.nav-pills.nav-stacked.affix-top:hover .sidebar-nav.navbar-collapse ul#side-menu.nav li a span {
    transition: width 0.5s ease;
    xwidth: auto;
    opacity: 1;
    display: initial;
  }
}
.empty-toggle:not(.addNew) .hide-on-empty {
  display: inherit;
}
.empty-toggle:not(.addNew).is-empty .hide-on-empty {
  display: none;
}
.empty-toggle.is-empty .show-on-empty {
  display: block;
  background: red;
}
.empty-toggle:not(.addNew) .show-on-empty {
  display: none;
  background: blue;
}
.col-sm-9.focus-expand.expanded {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
}
.elfinder table {
  color: #000000;
}
.elfinder-modal .modal-dialog.modal-lg {
  width: 60vw;
}
.elfinder-modal .modal-dialog .modal-body {
  padding: 4px;
}
.elfinder-modal .modal-dialog .modal-body #elfinder {
  height: 65vh !important;
}
.pop_message_list {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: fit-content;
  margin: 0;
  z-index: 99999;
}
.pop_message_list .pop_message {
  position: relative;
  width: fit-content;
  margin: 0.2em auto 0 auto;
  padding: 0.5em 1em;
  font-size: 1.1em;
  max-height: 50vh;
  overflow-y: auto;
  max-width: 40vw;
}
.pop_message_list .pop_message .title {
  font-weight: bold;
  font-size: 1.3;
}
.pop_message_list .pop_message:focus-within,
.pop_message_list .pop_message:focus {
  border: 1px solid purple;
  x-padding-right: 1.5em;
}
.pop_message_list .pop_message:focus-within::after,
.pop_message_list .pop_message:focus::after {
  font-family: fontawesome;
  position: absolute;
  top: 0;
  right: 1.2em;
  content: "\f08D";
  font-size: 1.2em;
  color: red;
}
.pop_message_list.left {
  left: 40px;
  right: auto;
  transform: none;
}
.pop_message_list.left .pop_message {
  margin-left: 0;
  margin-right: 0;
  box-shadow: 3px 2px 5px #000;
}
.pop_message_list.right {
  left: auto;
  right: 0;
  transform: none;
}
.pop_message_list.right .pop_message {
  margin-left: 0;
  margin-right: 0;
  box-shadow: -3px -2px 5px #000;
}
.pop_message_list .cancel-btn {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
  color: dark-green;
  font-size: 1.2em;
}
/* Device admin: */
div#range_list {
  max-height: 6em;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.2em 1.6em 0 0.2em;
  margin-bottom: 0.2em;
}
div#range_list:empty {
  background: darkgrey;
  width: 100%;
  text-align: center;
}
div#range_list:empty:before {
  content: "Current sleep sections inherited from system";
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/bower_components/bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('/bower_components/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/bower_components/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/bower_components/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/bower_components/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/bower_components/bootstrap/fonts/glyphicons-halflings-regular.svg') format('svg');
}