/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin, Andy Phillips, Joseph Grimer                       */
/* Created: 31/07/18                                                         */
/* Updated: 06/12/18                                                         */
/* Version: 4.0.1                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/* fonts */
@font-face {
  font-family: 'Lato';
  src: url('/site_media/fonts/Lato/Lato-Regular.ttf') format('truetype');
}
/*****************************************************************************/
/*                                  Imports                                  */
/*****************************************************************************/
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/**************************************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4                             */
/* Authors: David Martin                                                                          */
/* Created: 25/01/19                                                                              */
/* Updated: 24/02/22                                                                              */
/* Version: 4.3.5                                                                                 */
/* Notes:                                                                                         */
/**************************************************************************************************/
/**************************************************************************************************/
/*                                           Deprecated                                           */
/**************************************************************************************************/
/**************************************************************************************************/
/*                                        NebulaNAS Scheme                                        */
/**************************************************************************************************/
/* Tomaso */
/* Regular */
/* Darkest background */
/* Slightly lighter */
/* Mid-tone */
/* Lighter tone */
/*****************************************************************************/
/*                                   Alerts                                  */
/*****************************************************************************/
.empty-icon-container,
.error-icon-container {
  display: none;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  width: 100%;
  height: 160px;
  margin: 0 0 -15px 0;
  border-radius: 3px;
  position: relative;
}
.error-icon-container {
  background: rgba(221, 75, 57, 0.75);
}
.empty-icon-container {
  background: rgba(115, 22, 214, 0.1);
}
.empty-icon-container.fa_trans .icons,
.error-icon-container.fa_trans .icons {
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.empty-icon-container.fa_trans .icons svg,
.error-icon-container.fa_trans .icons svg {
  font-size: 55px;
  cursor: pointer;
  left: 0;
}
.empty-icon-container.fa_trans .icons svg,
.error-icon-container.fa_trans .icons svg {
  color: #ffffff !important;
}
.empty-icon-container.static-icon .icons,
.error-icon-container.static-icon .icons {
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.empty-icon-container.static-icon .icons svg,
.error-icon-container.static-icon .icons svg {
  font-size: 55px;
  cursor: default;
  left: 0;
}
.empty-icon-container.static-icon .icons svg,
.error-icon-container.static-icon .icons svg {
  color: #ffffff !important;
}
.message-icon-clicker {
  font-weight: 600;
  position: absolute;
  top: calc(50% + 45px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 25px);
  color: #ffffff;
  font-size: 16px;
}
/* Page */
.empty-page.error-icon-container {
  position: relative;
  margin: -10px 0 0 0;
}
.empty-page.error-icon-container.fa_trans .icons {
  top: 40%;
}
.empty-page.error-icon-container.fa_trans .icons svg {
  font-size: 64px;
}
.empty-page.error-icon-container .message-icon-clicker {
  color: #ffffff;
  top: calc(50% + 50px);
  font-size: 16px;
}
/* Asset */
.empty-asset.error-icon-container {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  background: transparent;
}
.empty-asset.error-icon-container .lds-ripple {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.empty-asset.error-icon-container .icons {
  top: 30%;
}
.empty-asset.error-icon-container .icons svg {
  font-size: 64px;
}
.empty-asset.error-icon-container .message-icon-clicker {
  top: calc(55% + 35px);
}
/*****************************************************************************/
/*                                  Feedback                                 */
/*****************************************************************************/
.feedback.empty-icon-container.fa_trans .icons,
.feedback.error-icon-container.fa_trans .icons {
  top: 35%;
}
.feedback .message-icon-clicker {
  color: #ffffff;
  top: calc(50% + 40px);
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                             Animated Ellipsis                             */
/*****************************************************************************/
.animated-ellipsis {
  margin-left: 2px;
  font-size: 18px;
}
.animated-ellipsis span {
  opacity: 0;
  -webkit-animation: ellipsis-dot 2s infinite;
  animation: ellipsis-dot 2s infinite;
}
.animated-ellipsis span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.animated-ellipsis span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.animated-ellipsis span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
@-webkit-keyframes ellipsis-dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ellipsis-dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.bottom-toolbar {
  display: inline-block;
  float: left;
  margin-top: 8px;
}
.bottom-toolbar button {
  background-color: transparent;
  cursor: pointer;
  border-color: transparent;
  color: #c3c9cc;
  display: none;
}
.bottom-toolbar button img {
  width: 30px;
}
.bottom-toolbar button.basket-show {
  margin-right: 50px;
}
.bottom-toolbar button.basket-show:hover {
  color: #ffffff;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                  Buttons                                  */
/*****************************************************************************/
.btn {
  cursor: pointer !important;
  min-width: 35px;
  line-height: 19px;
  position: relative;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background: transparent;
  border-radius: 2px;
}
.left-side.page-information .btn {
  width: 100%;
}
.btn:focus {
  box-shadow: none !important;
}
.btn.almost-rounded {
  border-radius: 25px;
}
.btn.rounded {
  border-radius: 50%;
}
.btn.margin-bottom-10 {
  margin: 0 0 10px 0;
}
.btn svg {
  font-size: 14px;
  margin: 3px 0 0 10px;
}
.ui-dialog-buttonpane .btn svg {
  margin: 3px 0 0 0;
}
.btn svg.left {
  position: absolute;
  left: 0;
}
.btn svg.center {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  margin: 0;
}
.btn.icon svg {
  margin: 0 0 -2px 0;
  font-size: 18px;
}
.btn.btn-lg svg {
  font-size: 21px;
  margin: -1px 5px -1px -5px;
}
.btn.btn-lg.icon svg {
  margin: 0 0 -2px 0;
}
.btn.waiting {
  cursor: not-allowed;
  /* padding-left: 30px; */
}
.btn.waiting svg {
  display: none;
}
.btn.waiting::after {
  font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
  content: "\f3f4";
  font-weight: 100;
  text-decoration: none;
  position: absolute;
  color: #ffffff;
  top: 7px;
  left: 7px;
  border-radius: 0;
  font-size: 16px;
  margin: 0;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
/*****************************************************************************/
/*                                   Primary                                 */
/*****************************************************************************/
.btn.btn-primary,
.btn.btn-primary.disabled,
.btn.btn-primary.disabled:focus,
.btn.btn-primary.disabled:hover,
.btn.btn-primary.waiting,
.btn.btn-primary.waiting:focus,
.btn.btn-primary.waiting:hover,
.btn.btn-primary[disabled],
.btn.btn-primary[disabled]:focus,
.btn.btn-primary[disabled]:hover,
.btn.btn-success,
.btn.btn-success.disabled,
.btn.btn-success.disabled:focus,
.btn.btn-success.disabled:hover,
.btn.btn-success.waiting,
.btn.btn-success.waiting:focus,
.btn.btn-success.waiting:hover,
.btn.btn-success[disabled],
.btn.btn-success[disabled]:focus,
.btn.btn-success[disabled]:hover {
  color: #ffffff !important;
  background: rgba(115, 22, 214, 0.25);
  border-color: #7316d6;
}
.btn.btn-primary.coloured {
  color: #7316d6;
}
.btn-primary.ui-state-active,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):not(.waiting):active,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover,
.show > .btn-primary.dropdown-toggle,
.btn-success.active,
.btn-success.active:hover,
.btn-success:active,
.btn-success:active:hover,
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled):not(.waiting):active,
.open > .dropdown-toggle.btn-success,
.open > .dropdown-toggle.btn-success:hover,
.show > .btn-primary.dropdown-toggle {
  background: rgba(115, 22, 214, 0.75);
  border-color: rgba(115, 22, 214, 0.25);
  color: #ffffff;
}
a[href="#finish"] {
  color: #ffffff !important;
  background: rgba(115, 22, 214, 0.25) !important;
  border-color: #7316d6 !important;
}
a[href="#finish"]:hover {
  background: rgba(115, 22, 214, 0.75) !important;
  border-color: rgba(115, 22, 214, 0.25) !important;
  color: #ffffff !important;
}
/*****************************************************************************/
/*                                   Default                                 */
/*****************************************************************************/
.btn.btn-default,
.btn.btn-default.disabled,
.btn.btn-default.disabled:focus,
.btn.btn-default.disabled:hover,
.btn.btn-default[disabled],
.btn.btn-default[disabled]:focus,
.btn.btn-default[disabled]:hover,
.btn.btn-white,
.btn.btn-white.disabled,
.btn.btn-white.disabled:focus,
.btn.btn-white.disabled:hover,
.btn.btn-white.waiting,
.btn.btn-white.waiting:focus,
.btn.btn-white.waiting:hover,
.btn.btn-white[disabled],
.btn.btn-white[disabled]:focus,
.btn.btn-white[disabled]:hover,
.disabled .btn.btn-default,
.disabled .btn.btn-default:focus,
.disabled .btn.btn-default:hover {
  color: #ffffff !important;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.btn-default.active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.btn-default:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled):active,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.show > .btn-default.dropdown-toggle,
.btn-white.active,
.btn-white.active.focus,
.btn-white.active:focus,
.btn-white.active:hover,
.btn-white:active,
.btn-white:active.focus,
.btn-white:active:focus,
.btn-white:active:hover,
.btn-white:focus,
.btn-white:hover,
.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.open > .dropdown-toggle.btn-white,
.open > .dropdown-toggle.btn-white:focus,
.open > .dropdown-toggle.btn-white:hover,
.show > .btn-white.dropdown-toggle {
  background: rgba(255, 255, 255, 0.1);
}
.btn.btn-default.disabled,
.btn.btn-default.disabled:focus,
.btn.btn-default.disabled:hover,
.btn.btn-default.waiting,
.btn.btn-default.waiting:focus,
.btn.btn-default.waiting:hover,
.btn.btn-default[disabled],
.btn.btn-default[disabled]:focus,
.btn.btn-default[disabled]:hover,
.disabled .btn.btn-default,
.disabled .btn.btn-default:focus,
.disabled .btn.btn-default:hover {
  cursor: not-allowed !important;
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  opacity: 0.5;
}
/*****************************************************************************/
/*                                   Warning                                 */
/*****************************************************************************/
.btn.btn-warning,
.btn.btn-warning.disabled,
.btn.btn-warning.disabled:focus,
.btn.btn-warning.disabled:active,
.btn.btn-warning.disabled:hover,
.btn.btn-warning[disabled],
.btn.btn-warning[disabled]:focus,
.btn.btn-warning[disabled]:hover,
.btn.btn-warning.waiting,
.btn.btn-warning.waiting:focus,
.btn.btn-warning.waiting:active,
.btn.btn-warning.waiting:hover {
  color: #ffffff !important;
  background: rgba(247, 177, 64, 0.25);
  border-color: #f7b140;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.btn.btn-warning.coloured {
  color: #f7b140;
}
.btn-warning.active,
.btn-warning.active:hover,
.btn-warning:active,
.btn-warning:active:hover,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):not(.waiting):active,
.open > .dropdown-toggle.btn-warning,
.open > .dropdown-toggle.btn-warning:hover,
.show > .btn-warning.dropdown-toggle {
  background: rgba(247, 177, 64, 0.75);
  border-color: rgba(247, 177, 64, 0.25);
}
/*****************************************************************************/
/*                                    Error                                  */
/*****************************************************************************/
.btn.btn-error,
.btn.btn-error.disabled,
.btn.btn-error.disabled:focus,
.btn.btn-error.disabled:hover,
.btn.btn-error[disabled],
.btn.btn-error[disabled]:focus,
.btn.btn-error[disabled]:hover,
.btn.btn-error.waiting,
.btn.btn-error.waiting:focus,
.btn.btn-error.waiting:hover {
  color: #ffffff !important;
  background: rgba(221, 75, 57, 0.25);
  border-color: #dd4b39;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.btn.btn-error.coloured {
  color: #dd4b39;
}
.btn-error.active,
.btn-error.active:hover,
.btn-error:active,
.btn-error:active:hover,
.btn-error:focus,
.btn-error:hover,
.btn-error:not(:disabled):not(.disabled).active,
.btn-error:not(:disabled):not(.disabled):not(.waiting):active,
.open > .dropdown-toggle.btn-error,
.open > .dropdown-toggle.btn-error:focus,
.open > .dropdown-toggle.btn-error:hover,
.show > .btn-error.dropdown-toggle {
  background: rgba(221, 75, 57, 0.75);
  border-color: rgba(221, 75, 57, 0.25);
}
.btn.disabled {
  cursor: not-allowed !important;
}
/*****************************************************************************/
/*                                   Waiting                                 */
/*****************************************************************************/
.btn svg.main {
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.btn.waiting svg.main {
  display: none;
}
.btn .btn-ripple {
  display: none;
  position: absolute;
  transform: translate(-6px, -9px) scale(0.25);
  top: 0;
  left: 0;
}
.btn.waiting .btn-ripple {
  display: block;
}
/*****************************************************************************/
/*                             Random Icon Button                            */
/*****************************************************************************/
.icon-button {
  font-size: 18px;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  cursor: pointer;
  border: 1px solid #7316d6;
  background: #7316d6;
  color: #ffffff;
  padding: 7px 10px 7px 10px;
  width: 34px;
  text-align: center;
  height: 34px;
  float: right;
  margin: 0 0 0 15px;
  position: relative;
}
.icon-button:hover {
  border-color: #7316d6;
  background-color: rgba(115, 22, 214, 0.25);
}
.icon-button svg {
  color: #ffffff !important;
  font-size: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.icon-button-label {
  float: right;
  margin: 6px 0 0 0;
}
.btn .btn-spinner {
  -webkit-animation: btn-load-spin 1s linear infinite;
  -moz-animation: btn-load-spin 1s linear infinite;
  animation: btn-load-spin 1s linear infinite;
}
@-moz-keyframes btn-load-spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes btn-load-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes btn-load-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*****************************************************************************/
/*                                   Random                                  */
/*****************************************************************************/
.settings-actions .btn {
  display: none;
}
/*****************************************************************************/
/*                                 Data Help                                 */
/*****************************************************************************/
.btn.data-help {
  margin: -26px 0 -24px 8px;
  height: 25px;
  width: 25px;
  min-width: 25px;
}
.btn.data-help svg {
  margin: -1px 0 5px -5px;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                            Flatpicker Calendar                            */
/*****************************************************************************/
.flatpickr-wrapper {
  width: 100%;
}
.flatpickr-calendar {
  margin: 7px 0 0 0!important;
}
.flatpickr-calendar {
  margin: 7px 0 0 0!important;
  background: #1b1f24 !important;
  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.2) !important;
  padding: 10px 0 5px 0!important;
}
.flatpickr-calendar.arrowTop::after,
.flatpickr-calendar.arrowTop::before {
  border-bottom-color: #1b1f24 !important;
}
.flatpickr-calendar.arrowBottom::after,
.flatpickr-calendar.arrowBottom::before {
  border-top-color: #1b1f24 !important;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  top: 6px!important;
  color: #ffffff !important;
  fill: #ffffff !important;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #7316d6 !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #7316d6 !important;
}
.flatpickr-months {
  margin: 0 0 5px 0!important;
  border-bottom: 2px solid #7316d6 !important;
  padding: 0 0 10px 0!important;
}
.flatpickr-current-month span.cur-month {
  font-weight: 600!important;
  color: #ffffff !important;
}
.flatpickr-current-month .numInputWrapper {
  color: #ffffff !important;
}
.flatpickr-weekday {
  color: #ffffff !important;
  margin: 10px 0 0 0 !important;
}
.flatpickr-weekday {
  color: #ffffff !important;
  margin: 5px 0 0 0 !important;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.5) !important;
  background: transparent !important;
  border-color: transparent !important;
  cursor: default !important;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #7316d6 !important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  color: #ffffff !important;
  border-color: #7316d6 !important;
  border-radius: 3px!important;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background: rgba(115, 22, 214, 0.5) !important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  color: #ffffff !important;
  border-color: rgba(115, 22, 214, 0.5) !important;
  border-radius: 3px!important;
}
.flatpickr-day {
  color: #ffffff !important;
  height: 30px!important;
  width: 30px!important;
  line-height: 27px!important;
}
.flatpickr-day.today {
  border-color: #7316d6;
  border-radius: 3px;
  background: rgba(115, 22, 214, 0.05);
}
.flatpickr-wrapper .flatpickr-calendar {
  margin-top: -310px !important;
}
/*****************************************************************************/
/*                              Flatpicker Time                              */
/*****************************************************************************/
.flatpickr-calendar.hasTime.noCalendar {
  max-width: 205px!important;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  border-top: 0 solid!important;
  margin: -5px 0 0 0 !important;
}
.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute {
  background: transparent !important;
  font-weight: 600!important;
}
.numInputWrapper span {
  height: 10px !important;
}
.numInputWrapper span.arrowUp {
  top: 3px!important;
  right: 1px!important;
  border: 0 solid!important;
  opacity: 1;
}
.numInputWrapper span.arrowDown {
  right: 1px!important;
  border: 0 solid!important;
  opacity: 1;
  top: 50% !important;
}
.flatpickr-time .numInputWrapper span.arrowUp::after,
.flatpickr-time .numInputWrapper span.arrowDown::after {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}
.flatpickr-current-month .numInputWrapper span.arrowUp::after {
  border-bottom-color: #1f1e28 !important;
}
.flatpickr-current-month .numInputWrapper span.arrowDown::after {
  border-top-color: #1f1e28 !important;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: #ffffff !important;
}
.flatpickr-time .flatpickr-am-pm {
  padding: 0 10px 0 0!important;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: transparent!important;
}
.flatpickr-months .flatpickr-month {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  color: #ffffff !important;
}
.flatpickr-input.form-control.input {
  color: #ffffff !important;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                   Toggles                                 */
/*****************************************************************************/
.gb-switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 10px;
  margin: 0 0;
}
.gb-switch input {
  display: none;
}
.gb-switch input:checked + .slider {
  background-color: #7316d6;
}
.gb-switch.light input:checked + .slider {
  background-color: #dd4b39;
}
.gb-switch input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.gb-switch input:focus + .slider {
  box-shadow: 0 0 1px #7316d6;
}
.gb-switch.ight input:focus + .slider {
  box-shadow: 0 0 1px #dd4b39;
}
.gb-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 3px;
  right: 0;
  bottom: 0;
  background-color: #a8acb1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.gb-switch .slider.round {
  border-radius: 17px;
}
.gb-switch .slider.round:before {
  border-radius: 50%;
}
.gb-switch .slider::before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 0;
  top: -2px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.gb-switch-2 {
  position: relative;
  display: inline-block;
  height: 40px;
  margin: 0 0;
  color: #ffffff;
  padding: 10px;
  border-radius: 2px;
  text-align: left;
  cursor: pointer;
}
.gb-switch-2.active {
  background: rgba(115, 22, 214, 0.5);
}
.gb-switch-2.light.active {
  background-color: #dd4b39;
}
.gb-switch-2 input {
  display: none;
}
.gb-switch-2 input:checked + .slider {
  background-color: #7316d6;
}
.gb-switch-2.light input:checked + .slider {
  background-color: #dd4b39;
}
.gb-switch-2 input:checked + .slider:before {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}
.gb-switch-2 input:focus + .slider {
  box-shadow: 0 0 1px #7316d6;
}
.gb-switch-2.light input:focus + .slider {
  box-shadow: 0 0 1px #dd4b39;
}
.gb-switch-2 .slider {
  position: absolute;
  cursor: pointer;
  right: 10px;
  background-color: #a8acb1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 40px;
  height: 20px;
}
.gb-switch-2 .slider.round {
  border-radius: 17px;
}
.gb-switch-2 .slider.round:before {
  border-radius: 50%;
}
.gb-switch-2 .slider::before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  top: 3px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.gb-switch-2.full {
  width: 100%;
  border: 1px solid #7316d6;
}
.gb-switch-2.full.light {
  width: 100%;
  border: 1px solid #dd4b39;
}
.gb-switch-2 .slider::before {
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  background-color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/*****************************************************************************/
/*                               Radio Buttons                               */
/*****************************************************************************/
.custom-radio ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}
.custom-radio ul li {
  color: #ffffff;
  display: block;
  position: relative;
  float: left;
  max-width: 38%;
  min-width: 31%;
}
.custom-radio ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.custom-radio ul li label {
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 14px;
  padding: 0 16px 0 30px;
  margin: 8px auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}
.custom-radio ul li .check {
  display: block;
  position: absolute;
  border: 2px solid #ffffff;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  top: 10px;
  left: 5px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}
.custom-radio ul li:hover .check {
  border: 2px solid #7316d6;
}
.custom-radio ul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 8px;
  width: 8px;
  top: 2px;
  left: 2px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.custom-radio input[type=radio]:checked ~ .check {
  border: 2px solid #7316d6;
}
.custom-radio input[type=radio]:checked ~ .check::before {
  background: #7316d6;
}
.custom-radio input[type=radio]:checked ~ label {
  color: #ffffff;
}
/*****************************************************************************/
/*                                Dropdown                                   */
/*****************************************************************************/
.droppy.dropdown-toggle {
  background-color: transparent;
  border-color: #696969;
}
.droppy.dropdown-menu {
  background-color: #1a2229;
  color: #ffffff;
}
.droppy.dropdown-menu svg {
  color: #ffffff;
  margin-top: 3px;
}
.droppy.dropdown-menu a {
  cursor: pointer;
}
.droppy.dropdown-menu a svg {
  color: #ffffff;
  float: left !important;
  margin-right: 15px;
}
.droppy.dropdown-menu a:focus,
.droppy.dropdown-menu a:hover {
  background-color: #7316d6;
}
/*****************************************************************************/
/* Authors: Amy Hollis                                                       */
/* Created: 29/09/21                                                         */
/* Updated: 04/10/21                                                         */
/* Version: 4.3.3                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/
/*             header option to open manual in header.html                   */
/*****************************************************************************/
#toggle-manual {
  text-decoration: none;
  color: #a8acb1;
  font-size: 24px;
  padding-top: 10px;
  padding-left: 5px;
}
#toggle-manual:hover {
  text-decoration: none;
  color: #ffffff;
}
#toggle-manual svg {
  font-size: 31px;
  cursor: pointer !important;
}
/*****************************************************************************/
/*              iframe header to manual-close, or open in new window                */
/*****************************************************************************/
.manual div {
  padding: 0;
}
.manual-header div {
  margin: 5px 5px 0 0;
  float: right;
  height: 28px;
  text-align: center;
}
#new-tab,
#manual-close {
  margin: 5px 0 3px 0;
  font-size: 15px;
  color: #ffffff;
}
#manual-close,
#new-tab-link {
  width: 100%;
}
#new-tab-link {
  color: #ffffff;
  margin-right: 3px;
}
.manual-header {
  margin: 0;
  background: #15131d;
  width: 100%;
  height: 35px;
}
/*****************************************************************************/
/*      animate main content of page to change size and slide in manual      */
/*****************************************************************************/
.manual {
  transform: translateX(100%);
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  animation-direction: reverse;
  position: fixed;
  right: 0;
  height: 100%;
  top: 75px;
  z-index: 100;
}
.manual.shown {
  transform: translateX(0);
  width: 450px;
}
.base-container {
  width: calc(100% - 10px);
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
body.doc-active .base-container {
  width: calc(100% - 450px);
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                   Icons                                   */
/*****************************************************************************/
button .gb-icon {
  height: 19px;
}
.gb-icon.check {
  background: url(/site_media/img/mosaic/icons/check.svg) no-repeat 54% center content-box;
}
.gb-icon.add-folder {
  background: url(/site_media/img/mosaic/icons/collection-add.svg) no-repeat 54% center content-box;
}
.gb-icon.add-tags {
  background: url(/site_media/img/mosaic/icons/add_tags.svg) no-repeat 54% center content-box;
}
.gb-icon.add-basket {
  background: url(/site_media/img/mosaic/icons/basket.svg) no-repeat 54% center content-box;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: Andy Phillips                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
.gb-dropdown .dropdown-menu {
  background-color: #15131d;
  padding: 8px;
}
.gb-dropdown .dropdown-menu label {
  font-weight: 500;
}
a.dropdown-item.disabled,
a.dropdown-item.disabled:visited,
a.dropdown-item.disabled:active,
a.dropdown-item.disabled:hover {
  color: #aaa !important;
  cursor: not-allowed;
  background: transparent;
}
/*****************************************************************************/
/*                            Dropdown Selects                               */
/*****************************************************************************/
.btn.dropdown-toggle {
  border-color: #7316d6 !important;
}
.btn.dropdown-toggle:hover {
  background: rgba(115, 22, 214, 0.75) !important;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                  Dropzone                                 */
/*****************************************************************************/
.dropzone-action-area {
  color: #ffffff !important;
  background: rgba(115, 22, 214, 0.25);
  border: 1px dashed #7316d6;
  width: calc(100% - 30px);
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  padding: 15px 0;
  margin: 0 0 0 15px;
  border-radius: 2px;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  cursor: pointer;
}
.dropzone-action-area:hover {
  background: rgba(115, 22, 214, 0.75);
  border-color: rgba(115, 22, 214, 0.25);
}
.dropzone-action-area svg {
  position: absolute;
  left: 40px;
  font-size: 32px;
  margin: -5px 0 0 0;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                File Uploaders                             */
/*****************************************************************************/
.dropzone {
  background: rgba(115, 22, 214, 0.05);
  border: 1px solid #7316d6;
  position: relative;
}
.dropzone:hover {
  background: rgba(115, 22, 214, 0.25);
}
.dz-max-files-reached {
  pointer-events: none;
  cursor: default;
}
#remove-uploaded-file-button {
  display: none;
  right: 0;
  position: absolute;
  top: 0;
  background: #7316d6;
  color: #ffffff;
  height: 30px;
  width: 30px;
  pointer-events: all;
  cursor: pointer !important;
}
#remove-uploaded-file-button:hover {
  background: rgba(115, 22, 214, 0.75);
}
#remove-uploaded-file-button svg {
  color: #ffffff;
  font-size: 24px;
  margin: 3px 0 0 3px;
}
.dz-max-files-reached #remove-uploaded-file-button {
  display: block;
}
.dz-message,
.dz-default.dz-message {
  font-size: 16px;
  padding: 25px 0;
  cursor: pointer;
}
.dz-message svg,
.dz-default.dz-message svg {
  color: #ffffff;
  font-size: 2.5rem;
  margin: 25px 0 0 0;
  /* display: none; */
}
.dropzone .dz-preview {
  margin: 0 auto;
  display: table;
  min-width: 250px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  margin-left: 100px;
  margin-top: -70px;
  background: transparent;
  border-radius: 50%;
  display: none;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 35px;
  height: 35px;
}
.dropzone .dz-preview .dz-error-mark path {
  fill: #7316d6;
  opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  background: rgba(115, 22, 214, 0.5);
  border-radius: 3px;
  border: 0 solid #7316d6;
  width: 250px;
  display: none;
}
.dropzone .dz-preview .dz-details {
  color: #ffffff;
  font-weight: 100;
  font-size: 12px;
  margin: -5px 0 5px 0;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin: 10px 0 5px 0;
  font-size: 14px;
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
  color: #ffffff;
  background: transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span strong,
.dropzone .dz-preview .dz-details .dz-size span strong {
  font-weight: 100;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: none!important;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  border-radius: 1px;
  border: 1px solid #7316d6;
  height: 5px;
  bottom: 0;
  top: initial;
  width: 100%;
  left: 40px;
  animation: none!important;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: linear-gradient(to bottom, rgba(115, 22, 214, 0.75), #7316d6);
}
.dropzone-loading {
  display: none;
  height: 180px;
  border: 1px solid #7316d6;
}
.dropzone-loading .cssload-squeeze {
  margin: 20px auto 30px;
}
.dropzone .dz-preview {
  margin: -10px auto 10px;
  display: table;
  min-width: 250px;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                            Bottom page Buttons                            */
/*****************************************************************************/
.bottom-page-buttons {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 1021;
  background: #1b1f24;
}
.bottom-page-button {
  border: 1px solid #7316d6;
  padding: 25px;
  cursor: pointer;
  color: #7316d6;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background: rgba(115, 22, 214, 0.15);
}
.bottom-page-button:hover {
  background: rgba(115, 22, 214, 0.25);
}
.bottom-page-button svg {
  color: #7316d6;
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
/*****************************************************************************/
/*                            Floating Parameters                            */
/*****************************************************************************/
.floating-parameters.visible {
  right: 0;
}
.floating-parameters {
  display: block;
  width: 250px !important;
  position: fixed;
  top: 75px;
  background: #1b1f24;
  height: calc(100vh - 75px) !important;
  right: -250px;
  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  z-index: 1020;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                Forms                                      */
/*****************************************************************************/
input[type=text] {
  padding: 5px;
  border-radius: 2px;
  margin: 3px;
  background: #c3c9cc;
  color: #ffffff;
  border: 0;
}
.ajax-error-div {
  display: none;
  cursor: pointer;
  position: absolute;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.item.ajax-error-div i,
.item.ajax-error-div svg {
  color: rgba(221, 75, 57, 0.9) !important;
  cursor: pointer;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.item.ajax-error-div:hover i,
.item.ajax-error-div:hover svg {
  opacity: 0.75;
}
.gblabs-container {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  margin: 10px;
}
.gblabs-header {
  text-align: center;
  color: #ffffff;
  background: #1b1f24;
  height: 35px;
  line-height: 35px;
  font-weight: 400;
  font-size: 12px;
}
.gblabs-heading {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}
.gblabs-heading.center {
  text-align: center;
}
.gblabs-body {
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0;
  padding: 10px;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                    Grid                                   */
/*****************************************************************************/
.interfaces-grid {
  margin-top: -5px;
}
.row.network-grid {
  margin: -20px -10px 0 -10px;
}
.grid {
  position: relative;
  max-width: calc(100% + 20px);
  margin: 6px -10px 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.grid.muuri .item {
  position: absolute;
  width: 100px;
  height: 100px;
  margin: 10px;
  z-index: 1;
  -webkit-transition: width 0.25s ease;
  -moz-transition: width 0.25s ease;
  -o-transition: width 0.25s ease;
  transition: width 0.25s ease;
}
.item.full {
  width: 1035px !important;
}
.item.muuri-item-positioning {
  z-index: 2;
}
.item.muuri-item-dragging,
.item.muuri-item-releasing {
  z-index: 9999;
}
.item.muuri-item-dragging {
  cursor: move;
}
.item.muuri-item-hidden {
  z-index: 0;
}
.item-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.grid-element {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: #15131d;
  border-radius: 2px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}
.grid-control {
  margin: 25px 0 50px 0;
}
.grid-control .select-style::after {
  margin-top: 21px;
}
/*****************************************************************************/
/*                                Grid Content                               */
/*****************************************************************************/
.page-grid,
.interfaces-information {
  display: none;
}
.grid-element-container {
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
  padding: 10px 10px;
}
.grid-element-container > div {
  position: relative;
  color: #a8acb1;
  font-size: 13px;
}
.grid-element .grid-element-expand {
  position: absolute;
  vertical-align: top;
  top: 8px;
  right: 2px;
  width: 10px;
  font-size: 23px;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 25px;
  z-index: 1;
}
.grid-element-expand:hover {
  color: #ffffff;
}
.grid-element-expand svg {
  position: absolute;
}
.grid-element-container {
  width: 244px;
}
/*****************************************************************************/
/*                            Grid Content Footer                            */
/*****************************************************************************/
.grid-element-footer {
  display: inline;
  bottom: 7px;
  position: absolute !important;
  width: 100%;
  outline: none !important;
  left: 10px;
}
.grid-element-footer > div.active {
  color: #7316d6;
}
.grid-element-footer > div {
  display: inline-block;
  margin: 0 10px 0 0;
  outline: none !important;
}
.grid-element-footer > div svg {
  font-size: 14px;
  cursor: pointer;
}
/*****************************************************************************/
/*                          Grid Content Expansion                           */
/*****************************************************************************/
.item .grid-element-expansion {
  display: none;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.item.full .grid-element-expansion {
  display: inline-block;
}
.grid-element-expansion {
  width: calc(100% - 245px) !important;
  background: #15131d;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.grid-element-expansion .details {
  padding: 12px 15px 10px 0;
  height: 100%;
  float: left;
}
.grid-element-expansion .details:first-child {
  padding: 12px 15px 12px 15px;
}
.details .title {
  color: #ffffff;
  width: 55%;
  display: inline-block;
  vertical-align: top;
}
.details .value {
  width: calc(45% - 5px);
  display: inline-block;
  color: #a8acb1;
  text-align: right;
}
.grid-element-expansion .details:first-child > div {
  margin: 0 0 4px 0;
}
.details .select-style {
  margin: 0 0 0 0;
}
.details .select-style select {
  padding: 0 0 0 0;
}
.details .select-style::after {
  margin-top: -13px;
}
.placeholder-container {
  background: rgba(115, 22, 214, 0.05);
  height: 100%;
  width: 95%;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  line-height: 120px;
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 1px solid #7316d6;
}
.placeholder-container:hover {
  background: rgba(115, 22, 214, 0.5);
}
/**************************************************************************************************/
/*                                          After Cloud                                           */
/**************************************************************************************************/
.empty-grid {
  display: none;
}
.grid-element-container {
  width: calc(100% - 0px);
}
.grid-element-expansion {
  width: calc(67% + 10px);
}
.grid-control .select-style::after {
  margin-top: -17px;
}
.elements-settings .page-grid {
  margin: -15px 0 0 0;
}
.item.full {
  width: 492px !important;
}
.grid-element .grid-element-expand {
  top: 7px;
  right: 1px;
  font-size: 20px;
}
.grid-element-container .grid-element-name {
  color: #ffffff;
  font-size: 15px;
  margin: -5px 5px 10px 0;
  border-bottom: 1px solid #292833;
  padding: 0 0 5px 0;
  cursor: pointer;
  font-weight: 600;
}
.empty-grid {
  margin-bottom: 0;
}
.grid-element-container .tab-pane.gb-settings {
  transition: all 0.05s;
  -o-transition: all 0.05s;
  -ms-transition: all 0.05s;
  -moz-transition: all 0.05s;
  -webkit-transition: all 0.05s;
}
.page-grid {
  display: block !important;
}
.page-grid .item.full {
  width: calc(100% - 20px) !important;
}
.grid-element-container .directory-path-container {
  margin: 10px 1px 0 0;
  width: calc(100% - 5px) !important;
  background: transparent;
  padding: 10px 0 10px 40px;
  border-radius: 1px;
}
.grid-element-container .directory-path-container svg {
  position: absolute;
  font-size: 24px;
  color: #ffffff;
  left: 0;
  margin: -3px 0 0 6px;
}
.directory-path-value {
  text-align: left;
  color: #ffffff;
}
.grid-element-container .item-status-bar {
  position: absolute;
  left: 1px;
  bottom: -3px;
  width: 100%;
}
.grid-element-container .item-each-status {
  margin-right: 4.5px;
  border: 0 solid #a8acb1;
  background: #7316d6;
  color: #ffffff;
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  opacity: 0.25;
}
.grid-element-container .item-each-status.enabled {
  background: #7316d6;
  color: #ffffff;
  opacity: 1;
}
.grid-element-container .item-each-status:last-child {
  margin-right: 0;
}
.grid-element-container .item-each-status svg {
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 18px;
  width: 18px;
}
.grid-element-expansion .item-filters {
  color: #ffffff;
  font-size: 12px;
  padding: 7px 10px;
  height: 80px;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(115, 22, 214, 0.1);
  border-radius: 3px;
  margin: 10px 10px 10px 10px;
}
.grid-element-expansion .item-filters svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -35%);
  font-size: 32px;
}
.grid-element-expansion .item-filters .item-filters-message {
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  margin: 29px 0 0 0;
}
.grid-element-container .item-each-status {
  position: relative;
  width: 45px;
  display: inline-block;
  border-radius: 2px;
}
.grid-element-container .item-each-status.warning {
  background-color: #f7b140;
  opacity: 1;
}
.grid-element-container .item-each-status.error {
  background-color: #dd4b39;
  opacity: 1;
}
.item-each-status.size {
  width: calc(100% - 150px);
  float: right;
  margin: 0;
  background-color: transparent !important;
  border: 1px solid #7316d6;
}
.item-each-status.size .progress {
  background-color: #7316d6;
  width: 50%;
  position: absolute;
  left: 0;
  transform: translate(0, 0);
  height: 100%;
  top: 0;
  border-radius: 0;
  max-width: 100%;
}
.item-each-status.size div {
  width: 100%;
  text-align: center;
}
.item-each-status.text div {
  font-weight: 600;
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translate(-50%, 0);
}
.item-each-status.text svg {
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
/**************************************************************************************************/
/*                                              Filter Parameters                                 */
/**************************************************************************************************/
.filter-parameters {
  display: none;
  padding: 10px 10px;
  border: 0 solid rgba(115, 22, 214, 0.05);
  box-shadow: 2px 2px 2px rgba(115, 22, 214, 0.05);
  background: #15131d;
  margin: 15px 0 0 0;
  border-radius: 2px;
}
.toggle-parameters.parameters {
  background: #15131d;
  border: 1px solid transparent;
}
.toggle-parameters.parameters svg.left {
  display: none;
}
.toggle-parameters.parameters:before {
  font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
  content: "\f00d";
  font-weight: 100;
  text-decoration: none;
  position: absolute;
  color: #ffffff;
  top: 6px;
  right: 10px;
  border-radius: 0;
  font-size: 18px;
  margin: 0;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.toggle-parameters.parameters::after {
  content: " ";
  background: #292833;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 30px;
  left: 0;
}
.toggle-parameters.parameters:hover:before {
  opacity: 0.75;
}
.filter-parameters.visible {
  display: block;
}
.filter-parameters .grid-control {
  margin: 15px 0 -15px 0;
}
.filter-parameters .grid-control:first-child {
  margin: -15px 0 10px 0;
}
.filter-parameters .select-box-header {
  text-align: center;
  font-weight: 600;
  color: #ffffff;
  font-size: 15px;
  margin: -5px 0 -2px 0;
  border: 1px solid #7316d6;
  background: rgba(115, 22, 214, 0.25);
  border-radius: 2px;
  padding: 4px 0 6px;
  border-width: 1px 1px 0 1px;
  cursor: default;
}
.filter-parameters .select-style {
  margin-bottom: 17px;
  border-radius: 0 0 2px 2px;
}
.filter-parameters .select-style::after {
  margin-top: 1px;
}
.blink_high {
  animation: blinkHigh 10s infinite;
  position: absolute !important;
  bottom: 4px !important;
}
@keyframes blinkHigh {
  from {
    background-color: #7316d6;
  }
  to {
    background-color: transparent;
  }
}
.blink_low {
  animation: blinkLow 10s infinite;
  position: absolute !important;
  bottom: 4px !important;
}
@keyframes blinkLow {
  from {
    background-color: #dd4b39;
  }
  to {
    background-color: transparent;
  }
}
.charge_high {
  background-color: #7316d6;
}
.charge_low {
  background-color: #dd4b39;
  width: 100%;
}
#bell_icon {
  font-size: 30px !important;
  margin: -4px 0 0 4px !important;
  cursor: pointer;
}
#manual {
  font-size: 30px !important;
  margin-right: 10px !important;
  padding-top: 0 !important;
  margin-top: 4px !important;
}
.battery_percent:hover,
.battery_bar:hover {
  cursor: pointer;
}
.storage-capacity-li {
  display: none;
}
.storage-capacity-li .storage-capacity-icon {
  border: 2px solid #a8acb1;
  border-radius: 4px;
  margin: -4px -20px 0 5px;
  height: 30px;
  width: 55px;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  overflow: hidden;
  cursor: pointer !important;
}
.storage-capacity-li .storage-capacity-icon svg {
  color: #ffffff;
  position: absolute;
  margin: 5px 0 0 5px;
  font-size: 16px;
}
.storage-capacity-li .storage-capacity-icon:hover {
  border-color: #ffffff;
}
.storage-capacity-li .storage-capacity-icon .storage-capacity-icon-content {
  height: 100%;
  width: 0;
  background: #7316d6;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  cursor: pointer !important;
}
.storage-capacity-li .storage-capacity-icon .storage-capacity-icon-content.warning {
  background: #f7b140;
}
.storage-capacity-li .storage-capacity-icon .storage-capacity-icon-content.danger {
  background: #dd4b39;
}
.dropdown.navbar-user {
  margin: 0 -10px 0 20px;
}
.dropdown.navbar-user:before {
  content: " ";
  height: 75px;
  width: 1px;
  background: #1f1e28;
  position: absolute;
  left: 0;
  top: -13px;
}
.dropdown.navbar-user a span {
  font-weight: 600;
}
.dropdown.navbar-user a span:hover {
  color: #ffffff;
}
.header .navbar-nav > li > .dropdown-menu {
  margin-left: 9px;
}
.header .navbar-nav > li > .dropdown-menu a {
  background: #1a2229 !important;
}
.power-management-icon .battery_percent {
  width: 55px;
  height: 14px;
  position: absolute;
  top: 28px;
  right: 7px;
}
.power-management-icon .battery_percent .battery_bar {
  border-radius: 2px;
  position: absolute;
  bottom: 4px;
  height: 24px;
  width: 100%;
}
.power-management-icon .battery_percent .battery_bar svg {
  font-size: 16px;
  position: absolute;
  left: 6px;
  bottom: 4px;
}
.power-management-icon .battery_percent svg {
  font-size: 46px;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: -7px;
}
#basket-icon {
  font-size: 30px !important;
  margin: -7px -7px 0 20px !important;
  cursor: pointer !important;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
#basket-count {
  display: none;
  position: absolute;
  top: 0;
  right: -7px;
  background: #7316d6 !important;
  line-height: 12px;
  color: #ffffff;
  border-radius: 20px;
  padding: 3px 6px;
  font-weight: 600;
}
/* Cloud Services */
.navbar-cloud-services {
  margin: 0 -10px 0 10px;
}
.navbar-cloud-services.is-nebula {
  margin: 0 0 0 10px;
}
.navbar-cloud-services > a .cloud-services-icon {
  cursor: pointer;
  font-size: 30px;
  margin: -4px 0 0 0;
}
.navbar-cloud-services > a .cloud-services-label {
  position: absolute !important;
  top: 8px !important;
  right: 5px;
  display: block;
  background: #7316d6;
  line-height: 12px;
  font-weight: 600;
  color: #ffffff;
  padding: 0.3em 0.6em;
  border-radius: 20px;
  font-size: 10px !important;
}
.navbar-cloud-services > a .cloud-services-label svg {
  margin: 0 -1px 0 0;
}
.navbar-cloud-services > a .cloud-services-label.empty {
  display: none;
}
.navbar-cloud-services > a .cloud-services-label.warning {
  background: #f7b140;
}
.navbar-cloud-services > a .cloud-services-label.warning svg {
  margin: 0 0 1px 0;
}
.navbar-cloud-services > a .cloud-services-label.error {
  background: #dd4b39;
}
.navbar-cloud-services > a .cloud-services-label.error svg {
  margin: 0 0 1px 0;
}
.navbar-cloud-services.loading .dropdown-menu,
.navbar-cloud-services.error .dropdown-menu {
  display: none;
}
.navbar-cloud-services .dropdown-menu {
  border: 1px solid rgba(255, 255, 255, 0.15);
  margin-top: 5px !important;
  min-width: 190px;
  padding: 0;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.navbar-cloud-services .dropdown-menu > div {
  position: relative;
  cursor: default;
}
.navbar-cloud-services .dropdown-menu > div.cloud-services-ripple-container {
  min-height: 25px;
  height: 25px;
  display: grid;
  justify-content: center;
  align-content: center;
  grid-template-columns: 50px 1fr;
  grid-auto-columns: 25px;
}
.navbar-cloud-services .dropdown-menu > div.cloud-services-ripple-container .cloud-services-ripple {
  transform: scale(0.5);
  margin-left: -18px;
}
.navbar-cloud-services .dropdown-menu > div.cloud-services-ripple-container .cloud-services-ripple-text {
  color: #ffffff;
  position: absolute;
  right: 13px;
  top: 3px;
}
.navbar-cloud-services .dropdown-menu > div.each-cloud-service {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  height: 40px;
  display: grid;
  justify-content: left;
  align-content: center;
  grid-template-columns: 25px 1fr 30px 30px;
}
.navbar-cloud-services .dropdown-menu > div.each-cloud-service .cloud-service-status {
  border: 1px solid #7316d6;
  background: rgba(115, 22, 214, 0.75);
  height: 20px;
  width: 20px;
  border-radius: 2px;
  margin: -2px 0 0 -4px;
}
.navbar-cloud-services .dropdown-menu > div.each-cloud-service .cloud-service-status.warning {
  border: 1px solid #f7b140;
  background: rgba(247, 177, 64, 0.75);
}
.navbar-cloud-services .dropdown-menu > div.each-cloud-service .cloud-service-status.error {
  border: 1px solid #dd4b39;
  background: rgba(221, 75, 57, 0.75);
}
.navbar-cloud-services .dropdown-menu > div.each-cloud-service .cloud-service-name {
  color: #ffffff;
}
.navbar-cloud-services .dropdown-menu > div.each-cloud-service .cloud-service-edit {
  height: 26px;
  min-width: 26px;
  width: 26px;
  position: absolute;
  top: 6px;
  right: 38px;
}
.navbar-cloud-services .dropdown-menu > div.each-cloud-service .cloud-service-edit svg {
  margin: 0 0 3px -6px;
}
.navbar-cloud-services .dropdown-menu > div.each-cloud-service .cloud-service-restart {
  height: 26px;
  min-width: 26px;
  width: 26px;
  position: absolute;
  top: 6px;
  right: 6px;
}
.navbar-cloud-services .dropdown-menu > div.each-cloud-service .cloud-service-restart svg {
  margin: 0 0 3px -6px;
}
.navbar-cloud-services .dropdown-menu > div.each-cloud-service:last-child {
  border-bottom: 0;
}
.navbar-cloud-transfer {
  margin: 0 -10px 0 10px;
}
.navbar-cloud-transfer.is-nebula {
  margin: 0 0 0 10px;
}
.navbar-cloud-transfer.is-accelerator {
  margin: 0 0 0 10px;
}
.navbar-cloud-transfer > a .cloud-transfer-icon {
  cursor: pointer;
  font-size: 30px;
  margin: -4px 0 0 0;
}
.navbar-cloud-transfer > a .cloud-transfer-label {
  position: absolute !important;
  top: 8px !important;
  right: 5px;
  display: block;
  background: #7316d6;
  line-height: 12px;
  font-weight: 600;
  color: #ffffff;
  padding: 0.3em 0.6em;
  border-radius: 20px;
  font-size: 10px !important;
}
.navbar-cloud-transfer > a .cloud-transfer-label svg {
  margin: 0 -1px 0 0;
}
.navbar-cloud-transfer > a .cloud-transfer-label.empty {
  display: none;
}
.navbar-cloud-transfer > a .cloud-transfer-label.warning {
  background: #f7b140;
}
.navbar-cloud-transfer > a .cloud-transfer-label.warning svg {
  margin: 0 0 1px 0;
}
.navbar-cloud-transfer > a .cloud-transfer-label.error {
  background: #dd4b39;
}
.navbar-cloud-transfer > a .cloud-transfer-label.error svg {
  margin: 0 0 1px 0;
}
.navbar-cloud-transfer.loading .dropdown-menu,
.navbar-cloud-transfer.error .dropdown-menu {
  display: none;
}
.navbar-cloud-transfer .dropdown-menu {
  border: 1px solid rgba(255, 255, 255, 0.15);
  margin-top: 5px !important;
  min-width: 190px;
  padding: 0;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.navbar-cloud-transfer .dropdown-menu > div {
  position: relative;
  cursor: default;
}
.navbar-cloud-transfer .dropdown-menu > div.cloud-transfer-ripple-container {
  min-height: 25px;
  height: 25px;
  display: grid;
  justify-content: center;
  align-content: center;
  grid-template-columns: 50px 1fr;
  grid-auto-columns: 25px;
}
.navbar-cloud-transfer .dropdown-menu > div.cloud-transfer-ripple-container .cloud-transfer-ripple {
  transform: scale(0.5);
  margin-left: -18px;
}
.navbar-cloud-transfer .dropdown-menu > div.cloud-transfer-ripple-container .cloud-transfer-ripple-text {
  color: #ffffff;
  position: absolute;
  right: 13px;
  top: 3px;
}
.navbar-cloud-transfer .dropdown-menu > div.each-cloud-transfer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
}
.navbar-cloud-transfer .dropdown-menu > div.each-cloud-transfer .cloud-transfer-details {
  flex: 1;
  display: flex;
  justify-content: space-between;
  margin-right: 8px;
  color: #ffffff;
}
.navbar-cloud-transfer .dropdown-menu > div.each-cloud-transfer:last-child {
  border-bottom: 0;
}
.nebulagateway .desktop-logo-placeholder,
.nebulaaccelerator .desktop-logo-placeholder {
  filter: hue-rotate(75deg) saturate(200%) brightness(100%);
}
.nebulagateway .header.navbar-inverse,
.nebulaaccelerator .header.navbar-inverse {
  background: transparent;
}
.nebulagateway .sidebar .nav > li.nav-profile .cover,
.nebulaaccelerator .sidebar .nav > li.nav-profile .cover {
  filter: hue-rotate(75deg) saturate(200%) brightness(100%);
}
/**************************************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4                             */
/* Authors: David Martin                                                                          */
/* Created: 19/01/22                                                                              */
/* Updated: 19/01/22                                                                              */
/* Version: 4.4.0                                                                                 */
/* Notes:                                                                                         */
/**************************************************************************************************/
/**************************************************************************************************/
/*                                           Heart Rate                                           */
/**************************************************************************************************/
.heart-rate {
  width: 150px;
  height: 73px;
  position: relative;
  margin: 10px auto -4px;
  transform: scale(0.8) translate(0px, -20px);
}
.fade-in {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-color: #e5f5fc;*/
  background-color: #343b42;
  top: 0;
  right: 0;
  animation: heartRateIn 2.5s linear infinite;
}
.fade-out {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  animation: heartRateOut 2.5s linear infinite;
  background: #e5f5fc;
  background: -moz-linear-gradient(left, #343b42 0%, #343b42 50%, transparent 100%);
  background: -webkit-linear-gradient(left, #343b42 0%, #343b42 50%, transparent 100%);
  background: -o-linear-gradient(left, #343b42 0%, #343b42 50%, transparent 100%);
  background: -ms-linear-gradient(left, #343b42 0%, #343b42 50%, transparent 100%);
  background: linear-gradient(to right, #343b42 0%, #343b42 80%, transparent 100%);
}
.failover-graphic {
  padding: 20px 0 0 0;
  margin-bottom: 20px;
  background: rgba(247, 177, 64, 0.75);
  border-radius: 2px;
}
.failover-graphic.primary {
  background: #292833;
}
.failover-graphic.secondary .fade-in {
  background-color: #f7b140;
}
.failover-graphic.false .fade-in {
  background-color: #e47769 !important;
}
.failover-graphic.secondary .fade-out {
  background: #f7b140;
  background: -moz-linear-gradient(left, #f7b140 0%, #f7b140 50%, transparent 100%);
  background: -webkit-linear-gradient(left, #f7b140 0%, #f7b140 50%, transparent 100%);
  background: -o-linear-gradient(left, #f7b140 0%, #f7b140 50%, transparent 100%);
  background: -ms-linear-gradient(left, #f7b140 0%, #f7b140 50%, transparent 100%);
  background: linear-gradient(to right, #f7b140 0%, #f7b140 80%, transparent 100%);
}
.failover-graphic.false .fade-out {
  background: #e47769;
  background: -moz-linear-gradient(left, #e47769 0%, #e47769 50%, transparent 100%);
  background: -webkit-linear-gradient(left, #e47769 0%, #e47769 50%, transparent 100%);
  background: -o-linear-gradient(left, #e47769 0%, #e47769 50%, transparent 100%);
  background: -ms-linear-gradient(left, #e47769 0%, #e47769 50%, transparent 100%);
  background: linear-gradient(to right, #e47769 0%, #e47769 80%, transparent 100%);
}
@keyframes heartRateIn {
  0% {
    width: 100%;
  }
  50% {
    width: 0;
  }
  100% {
    width: 0;
  }
}
@keyframes heartRateOut {
  0% {
    left: -100%;
  }
  30% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/* Trans */
.fa_trans {
  cursor: pointer;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.static-icon {
  cursor: default;
  /* Hide the hover icon if it has not been removed */
}
.static-icon .icons {
  text-align: center;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.static-icon .icons .icon-default {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #ffffff;
  transform: translate(-50%, -50%);
  opacity: 1;
}
.static-icon .icons .icon-hover {
  display: none;
}
.fa_trans .icons {
  text-align: center;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fa_trans .icons i,
.fa_trans .icons svg {
  cursor: default;
  position: absolute;
  /*left: 50%;*/
  display: block;
  top: 50%;
  color: #ffffff;
  transition: opacity 0.5s, transform 0.5s;
}
.fa_trans .icons .icon-default {
  transform: translate(-50%, -50%);
}
.fa_trans .icons .icon-hover {
  /*font-size: 64px;*/
  transform: translate(-50%, -50%) rotate(-180deg) scale(0.5);
  opacity: 0;
  left: 50%;
}
/* Trans Hover */
.gritter-close:hover + .fa_trans .icons .icon-default,
.fa_trans.hovered .icons .icon-default,
.fa_trans:hover .icons .icon-default {
  transform: translate(-50%, -50%) rotate(180deg) scale(0.5);
  opacity: 0;
}
.gritter-close:hover + .fa_trans .icons .icon-hover,
.fa_trans.hovered .icons .icon-hover,
.fa_trans:hover .icons .icon-hover {
  transform: translate(-50%, -50%) rotate(0deg) scale(1);
  opacity: 1;
}
.isa.fa_trans .icons {
  /* transform: translate(50%, 50%); */
  left: 40px;
  top: 55%;
}
.isa.fa_trans .icons svg {
  font-size: 56px;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                  GB Input                                 */
/*****************************************************************************/
.wrap-gb-input {
  width: calc(100% - 0px);
  position: relative;
  border-bottom: 1px solid #a8acb1;
}
.wrap-gb-input.password {
  width: calc(100% - 9px);
  float: right;
}
.wrap-gb-input.no-full {
  position: absolute;
  width: calc(100% - 25px);
  left: 11px;
  top: -19px;
  padding: 1px 15px 0 30px;
}
.wrap-gb-input.light::after {
  font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
  content: "\f071";
  font-weight: 600;
  text-decoration: none;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 0;
  font-size: 16px;
  margin: 0;
  color: #dd4b39;
}
.gb-input {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.2;
  background: transparent;
  border: none;
  text-align: center;
}
button.gb-input {
  border-bottom: 1px solid #a8acb1;
  height: 28px;
  margin-top: 10px;
  color: #a8acb1;
}
select.gb-input option {
  background: #1f1e28;
}
.focus-gb-input {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: -7px;
  left: 0;
  pointer-events: none;
  text-align: center;
}
.focus-gb-input::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 1px;
  -webkit-transition: all 0.75s;
  -o-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
  background: #7316d6;
  background: -webkit-linear-gradient(45deg, #7316d6, #7316d6);
  background: -o-linear-gradient(45deg, #7316d6, #7316d6);
  background: -moz-linear-gradient(45deg, #7316d6, #7316d6);
  background: linear-gradient(45deg, #7316d6, #7316d6);
}
.wrap-gb-input.warning .focus-gb-input::before {
  background: #f7b140;
  background: -webkit-linear-gradient(45deg, #f7b140, #f7b140);
  background: -o-linear-gradient(45deg, #f7b140, #f7b140);
  background: -moz-linear-gradient(45deg, #f7b140, #f7b140);
  background: linear-gradient(45deg, #f7b140, #f7b140);
}
.wrap-gb-input.light .focus-gb-input::before,
.wrap-gb-input.error .focus-gb-input::before {
  background: #dd4b39;
  background: -webkit-linear-gradient(45deg, #dd4b39, #dd4b39);
  background: -o-linear-gradient(45deg, #dd4b39, #dd4b39);
  background: -moz-linear-gradient(45deg, #dd4b39, #dd4b39);
  background: linear-gradient(45deg, #dd4b39, #dd4b39);
}
.focus-gb-input::after {
  content: attr(data-placeholder);
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  color: #a8acb1;
  line-height: 1.2;
  opacity: 1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wrap-gb-input svg {
  position: absolute;
  margin: 11px 0 0 0;
  font-size: 12px;
  color: #ffffff;
  left: 0;
}
input.gb-input {
  height: 30px;
  margin: 10px 0 0 0;
  background: transparent !important;
}
input.gb-input + .focus-gb-input::after {
  top: 16px;
  left: 0;
}
textarea.gb-input {
  min-height: 115px;
  padding-top: 13px;
  padding-bottom: 13px;
}
textarea.gb-input + .focus-gb-input::after {
  top: 16px;
  left: 0;
}
.number-input input.gb-input + .focus-gb-input::after {
  top: 24px;
}
.gb-input:focus + .focus-gb-input::after {
  top: -8px;
}
.gb-input:focus + .focus-gb-input::before {
  width: 100%;
}
.number-input .has-val.gb-input + .focus-gb-input::after,
.has-val.gb-input + .focus-gb-input::after {
  top: -8px;
}
.focus-gb-input.value::before,
.light .gb-input + .focus-gb-input::before,
.has-val.gb-input + .focus-gb-input::before {
  width: 100%;
}
.gb-input,
.gb-input:focus {
  box-shadow: none !important;
  border: 0 solid !important;
  color: #ffffff !important;
  opacity: 1 !important;
}
.wrap-gb-input.waiting svg {
  display: none;
}
.wrap-gb-input.password svg {
  cursor: pointer;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.wrap-gb-input.password svg:hover {
  color: #ffffff;
}
.wrap-gb-input.waiting::after {
  font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
  content: "\f3f4";
  font-weight: 100;
  text-decoration: none;
  position: absolute;
  color: #ffffff;
  top: 5px;
  left: 5px;
  border-radius: 0;
  font-size: 16px;
  margin: 0;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
/*****************************************************************************/
/*                                Input Number                               */
/*****************************************************************************/
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.number-input {
  display: inline-flex;
}
.number-input button {
  outline: none;
  background-color: transparent;
  border: 0 solid #7316d6;
  width: 26px;
  height: 26px;
  cursor: pointer;
  color: #ffffff;
  position: absolute;
  margin: 1px 0 0 0;
  border-radius: 2px;
  bottom: 0;
}
.number-input button:hover {
  background-color: rgba(115, 22, 214, 0.25);
}
.number-input button.plus {
  right: 0;
}
.number-input button::before,
.number-input button::after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 12px;
  height: 2px;
  background-color: #ffffff;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.number-input.half {
  width: calc(50% - 30px) !important;
}
.number-input.half:first-child {
  margin: 0 15px 0 0;
}
input[disabled] {
  cursor: not-allowed;
}
/*****************************************************************************/
/*                                  Text Area                                */
/*****************************************************************************/
.gb-textarea {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  margin: 0;
  padding: 5px 7px !important;
  color: #ffffff;
  width: calc(100% - 0px) !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 2px;
  overflow: hidden;
}
.gb-textarea:hover,
.gb-textarea:focus {
  border-color: #7316d6 !important;
  background: rgba(115, 22, 214, 0.02) !important;
}
.gb-input-rounded {
  border: 1px solid #7316d6 !important;
  background: transparent !important;
  margin-bottom: 0;
}
/* Allow Clipboard */
.allow-clipboard-container {
  margin: -5px 0 -7px 0;
  position: relative;
  cursor: pointer;
}
.allow-clipboard-container .allow-clipboard-input {
  background: transparent;
  color: #ffffff;
  border: 1px solid #7316d6;
  border-radius: 2px;
  height: 30px;
  width: 320px;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 30px 5px 5px;
  cursor: pointer;
}
.allow-clipboard-container .allow-clipboard-btn {
  position: absolute;
  top: 5px;
  right: 10px;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                    ISA                                    */
/*****************************************************************************/
.isa {
  border: 1px solid;
  display: block;
  margin: 16px 0;
  padding: 20px 25px 20px 45px;
  text-align: justify;
  border-width: 0 0 0 3px;
  position: relative;
  font-size: 14px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 0 2px 2px 0;
}
.isa a {
  color: #ffffff;
  text-decoration: underline;
}
.isa.info {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.03);
  padding: 20px 20px 20px 20px;
  border-color: #7316d6;
}
.isa.warning {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.03);
  border-color: #f7b140;
  text-align: center;
}
.isa.info.warning {
  text-align: left;
}
.isa.error {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.03);
  border-color: #dd4b39;
  text-align: center;
}
.ui-dialog .isa,
.modal .isa {
  background-color: rgba(255, 255, 255, 0.03);
}
.ui-dialog .isa.error,
.modal .isa.error {
  background-color: rgba(221, 75, 57, 0.75);
}
.isa.info ul,
.isa.warning ul,
.isa.error ul {
  padding: 0 0 0 30px;
}
.isa.info i,
.isa.info > svg {
  position: absolute;
  left: 10px;
  font-size: 28px;
  margin-top: -11px;
  top: 25px;
}
.isa.warning i,
.isa.warning svg {
  color: #f7b140;
  position: absolute;
  left: 12px;
  font-size: 24px;
  margin-left: 3px;
  margin-top: -3px;
}
.isa.error i,
.isa.error svg {
  position: absolute;
  left: 12px;
  font-size: 24px;
  margin-left: 3px;
  margin-top: -3px;
}
.fixed-warning {
  position: fixed;
  left: 20px;
  bottom: 5px;
  width: calc(100% - 40px);
  font-weight: 600;
  border-width: 0;
}
.isa-title,
.isa-heading {
  font-weight: 600;
  font-size: 15px;
  width: 100%;
}
.isa.info .isa-close,
.isa.warning .isa-close,
.isa.error .isa-close {
  left: unset !important;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.page-information .isa {
  background: #292833;
}
.page-information .isa.info,
.page-information .isa.warning {
  font-size: 14px;
  padding: 10px 20px 15px 20px;
}
.page-information .isa-title {
  text-align: center;
  font-weight: 600;
  margin-bottom: 25px;
  font-size: 15px;
  line-height: 20px;
}
.page-information .isa-title::after {
  content: " ";
  width: calc(100% + 0px);
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: 40px;
}
.page-information .isa-title svg {
  font-size: 24px;
  position: absolute;
  left: 20px;
  top: 7px;
}
.isa-message {
  margin-top: 15px;
}
.isa ul {
  padding: 0 0 0 25px !important;
  list-style: none;
  margin-bottom: 0;
}
.isa ul li {
  background: transparent;
  padding: 0;
  font-size: 14px;
  margin-bottom: 3px;
}
.isa ul li:last-child {
  margin-bottom: 0;
}
.isa ul li::before {
  content: " ";
  height: 7px;
  width: 7px;
  background: #7316d6;
  display: inline-block;
  position: absolute;
  margin: 7px 0 0 -15px;
}
.isa.warning ul li::before {
  background: #f7b140;
}
.isa .gb-settings > ul > li {
  background: transparent;
  border-bottom: 0 solid transparent;
  padding: 0;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
.landing-page .icons img {
  position: absolute;
  height: 70px;
  width: auto;
  left: -23px;
  top: -38px;
}
.landing-page .icons svg {
  position: absolute;
  top: -32px !important;
  left: -25px;
  margin: 0;
}
.landing-page .menu-container {
  width: 98%;
  margin-left: 1%;
}
.landing-page.option-container {
  margin-left: 0;
  width: calc(100% + 35px);
}
.landing-page .option-card {
  background-color: #15131d;
  height: 150px;
  margin-right: 14px;
  width: 32%;
  cursor: pointer;
  margin-top: 14px;
}
.landing-page .option-header {
  text-align: center;
  font-size: 24px;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid;
  width: 80%;
}
.landing-page .option-icon {
  width: 100px;
  height: calc(100% - 45px);
  position: relative;
  float: left;
  clear: both;
  bottom: 130px;
}
.landing-page .option-icon svg {
  font-size: 55px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
}
.landing-page .text-container {
  height: 100%;
  display: block;
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin: 5px 0 5px 0;
}
.landing-page .message {
  width: calc(100% - 100px);
  left: 100px;
  position: relative;
  top: -16px;
  height: calc(100% - 46px);
  margin-bottom: 8px;
}
.landing-page .message p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-right: 30px;
  word-wrap: anywhere;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                              Settings List                                */
/*****************************************************************************/
.gb-list ul,
.gb-settings-no-width ul,
.gb-settings ul,
.system-settings > ul {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  list-style-type: none;
  background-color: transparent;
}
.gb-list ul > ul > li,
.gb-settings-no-width > ul > li,
.gb-settings ul > li,
.system-settings > ul > li {
  padding: 15px 15px 15px 15px;
  clear: both;
  background-color: rgba(255, 255, 255, 0.03);
  border-bottom: 2px solid #292833;
  position: relative;
  display: flex;
}
.ui-dialog .tab-content .gb-settings ul > li,
.modal .tab-content .gb-settings ul > li {
  background-color: rgba(255, 255, 255, 0.03);
}
.gb-tabs-container .gb-settings ul > li,
.gb-tabs-container .gb-settings ul > li {
  margin-bottom: 0 !important;
}
.ui-dialog .gb-settings ul > li,
.modal .gb-settings ul > li {
  background-color: rgba(255, 255, 255, 0.03);
  border-bottom: 0 solid transparent;
  margin-bottom: 3px !important;
}
.gb-list ul > ul > li > :first-child,
.gb-settings ul > li > :first-child,
.system-settings > ul > li > :first-child {
  display: inline-table;
  text-shadow: none;
  font-size: 13px;
  margin-right: 5px;
  text-align: left;
  font-weight: 600;
}
.gb-list ul > ul > li > :last-child,
.gb-settings ul > li > :last-child,
.system-settings > ul > li > :last-child {
  display: inline-table;
  text-align: right;
  vertical-align: top;
}
.gb-list ul > ul > li > div,
.gb-settings ul > li > div,
.system-settings > ul > li > div {
  color: #ffffff;
}
.gb-list ul > ul > li > :last-child,
.gb-settings ul > li > :last-child,
.system-settings > ul > li > :last-child {
  margin-left: auto;
}
.gb-list ul > ul > li > :first-child small,
.gb-settings ul > li > :first-child small,
.system-settings > ul > li > :first-child small {
  line-height: initial;
  display: block;
  color: #a8acb1 !important;
  font-size: 12px;
}
.gb-settings-no-width > ul > li > :last-child,
.gb-settings-no-width > ul > li > :first-child {
  display: inline-table;
  text-shadow: none;
  font-size: 13px;
  vertical-align: top;
  margin-right: 5%;
  text-align: left;
}
.gb-settings .gb-switch.settings-checkbox {
  margin: 12px 0 0 0;
}
.gb-settings input.gb-input {
  margin: 0 0 0 0;
}
.gb-list.small ul > ul > li,
.gb-settings-no-width.small > ul > li,
.gb-settings.small ul > li,
.system-settings.small > ul > li {
  padding: 0 0 0 10px;
  height: 40px;
}
.gb-settings .gb-switch-2 {
  height: 0;
  margin: -5px -5px 0 0;
}
.gb-settings-title:first-child {
  margin-top: 0;
}
.gb-settings-title {
  background-color: #15131d !important;
  padding: 7px !important;
  margin: 15px 0 0 0;
}
.gb-settings-title div {
  font-weight: 600;
  text-align: left !important;
  margin-left: 7px !important;
}
.gb-tabs-container .gb-settings {
  padding-bottom: 2px;
}
.gb-list ul li::before {
  content: " ";
  background: #7316d6;
  position: absolute;
  height: 8px;
  width: 8px;
  left: 35px;
  margin: 6px 0 0 0;
  border-radius: 1px;
}
.gb-settings ul > li.check-dependant-advanced {
  display: none;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                   Ripple                                  */
/*****************************************************************************/
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 55px;
  height: 55px;
}
.lds-ripple div {
  position: absolute;
  border: 1px solid #ffffff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
.lds-ripple.initial-feedback-ripple {
  position: absolute;
  top: calc(50% - 0px);
  left: calc(50% + 110px);
  transform: translate(-50%, -50%) scale(2);
}
.main-feedback-ripple-container,
.feedback-ripple-container {
  position: absolute;
  height: 100vh;
  width: calc(100vw - 0px);
  background: rgba(0, 0, 0, 0.1);
  left: 0;
  top: 0;
  z-index: 11113;
  cursor: progress;
  display: none;
}
.feedback-ripple-container {
  height: calc(100vh - 75px);
  z-index: 100;
}
.main-feedback-ripple-inner-container,
.feedback-ripple-inner-container {
  background: #7316d6;
  position: absolute;
  bottom: 0;
  left: 220px;
  height: 50px;
  width: calc(100% - 220px);
  border-radius: 0;
  text-align: left;
}
.lds-ripple.feedback-ripple {
  position: absolute;
  left: 28px;
  top: 28px;
  transform: translate(-50%, -50%) scale(0.5);
}
.lds-ripple-message {
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  margin: 15px 0 0 50px;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                   Modals                                  */
/*****************************************************************************/
.modal {
  z-index: 11112;
}
.modal-backdrop {
  z-index: 11111;
}
.modal-content {
  background: #1b1f24;
  color: #ffffff;
}
body.nebulagateway .modal-content {
  background: #15131d;
}
.modal-header {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.modal-header .modal-title {
  color: #ffffff;
}
.modal-footer {
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  z-index: 1000;
}
.modal-header .close,
.modal-header .close:hover {
  font-size: 0;
  width: 50px;
  opacity: 1;
}
.modal-header .close::before {
  font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
  content: "\f00d";
  font-weight: 100;
  font-size: 25px;
  text-decoration: none;
  margin: 0 0 0 -5px;
  position: absolute;
  color: #ffffff;
}
/* Extra */
.modal-header {
  padding: 12px 15px;
}
.modal-header .close {
  margin: -12px -15px -12px 0;
  padding: 12px 15px;
  line-height: 27px;
}
.modal-body {
  padding: 30px 25px 25px 25px;
}
.modal-footer {
  padding: 14px 15px 15px;
}
.modal-message .modal-dialog {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.modal-message .modal-content {
  border-radius: 0;
}
.modal-message .modal-body,
.modal-message .modal-footer,
.modal-message .modal-header {
  width: 60%;
  border: none;
  margin: 0 auto;
}
.modal-backdrop {
  background: rgba(0, 0, 0, 0.5);
}
.modal .isa:first-child {
  margin-top: 0;
}
.modal-loader {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 11111;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-loader .load-wrap {
  text-align: center;
}
.modal-loader .load-wrap .lds-ripple {
  margin-bottom: 14px;
}
.modal-loader .load-wrap .msg {
  opacity: 0.8;
  animation: modal-load-pulse 1.9s infinite ease-in-out;
}
@keyframes modal-load-pulse {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.8;
  }
}
.modal-dialog {
  max-width: 750px;
  width: 750px;
}
.modal-dialog.dialog-centered {
  position: absolute;
  left: 50%;
  top: calc(50% - 25px);
  transform: translate(-50%, -50%) !important;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                               Timezone Map                                */
/*****************************************************************************/
.timezone-map {
  margin-bottom: -30px;
}
.hover-text {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  top: 55vh;
  text-align: center;
}
.timezone-map {
  margin: 10px 10px -30px 10px;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                   Modals                                  */
/*****************************************************************************/
.bootstrap-select .dropdown-menu {
  background-color: #242a31;
  padding: 0;
}
.bootstrap-select .dropdown-menu ul li {
  padding: 0;
  background: transparent;
}
.bootstrap-select .dropdown-menu ul li a {
  margin-right: 0;
  color: #ffffff;
  text-align: left;
}
.bootstrap-select .dropdown-menu ul li a:hover {
  background: #7316d6;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                Notifications                              */
/*****************************************************************************/
#gritter-notice-wrapper {
  width: 371px !important;
  z-index: 11112 !important;
}
.gritter-item-wrapper {
  background: 0 0 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}
.gritter-bottom,
.gritter-item,
.gritter-top {
  background: rgba(0, 0, 0, 0.75) !important;
}
.gritter-item button {
  color: #ffffff;
  padding: 4px;
  border: 1px solid #ffffff;
  margin-top: 7px;
  background-color: transparent;
  width: 100%;
  font-weight: 600;
  transition: linear 400ms;
  cursor: pointer;
}
.gritter-item button:hover {
  background-color: #292833;
  color: #ffffff;
}
.gritter-with-image {
  width: 280px !important;
}
.gritter-with-image,
.gritter-without-image {
  padding-right: 70px !important;
}
.gritter-image {
  margin: 2px 10px 0 0 !important;
  border-radius: 4px;
}
.gritter-title {
  font-size: 14px !important;
  line-height: 16px !important;
  padding-bottom: 5px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  text-shadow: none !important;
}
.gritter-light .gritter-title {
  color: #333 !important;
  font-weight: 600 !important;
}
.gritter-item {
  font-family: inherit !important;
  color: #a8acb1 !important;
  font-size: 12px !important;
  padding: 2px 15px 5px !important;
}
.gritter-close:focus:before,
.gritter-close:hover:before {
  color: #ffffff;
}
.gritter-light .gritter-bottom,
.gritter-light .gritter-item,
.gritter-light .gritter-top {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #a8acb1 !important;
}
.gritter-light .gritter-close:focus:before,
.gritter-light .gritter-close:hover:before {
  color: #1f1e28;
}
.gritter-close,
.gritter-light .gritter-close {
  left: auto !important;
  right: 0 !important;
  top: 0 !important;
  background: 0 0 !important;
  width: 70px !important;
  height: auto !important;
  display: block !important;
  bottom: 0;
  border-left: 1px solid #a8acb1;
}
.gritter-close:before,
.gritter-light .gritter-close:before {
  content: 'Close' !important;
  position: absolute !important;
  text-align: center !important;
  right: 0 !important;
  color: #a8acb1;
  left: 0;
  z-index: 10;
  text-indent: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 9px;
  top: 50% !important;
  margin-top: -5px;
  font-family: inherit;
}
#gritter-notice-wrapper {
  z-index: 1002;
  top: 95px !important;
  right: 15px !important;
}
.gritter-item-wrapper {
  border-radius: 3px !important;
}
.gritter-item-wrapper.warning .gritter-top,
.gritter-item-wrapper.warning .gritter-item,
.gritter-item-wrapper.warning .gritter-bottom {
  background: rgba(247, 177, 64, 0.9) !important;
  color: #ffffff !important;
}
.gritter-item-wrapper.info .gritter-top,
.gritter-item-wrapper.info .gritter-item,
.gritter-item-wrapper.info .gritter-bottom {
  background: rgba(115, 22, 214, 0.9) !important;
  color: #ffffff !important;
}
.gritter-item-wrapper.danger .gritter-top,
.gritter-item-wrapper.danger .gritter-item,
.gritter-item-wrapper.danger .gritter-bottom {
  background: rgba(221, 75, 57, 0.9) !important;
  color: #ffffff !important;
}
.gritter-item-wrapper .gritter-close:before {
  color: #ffffff !important;
}
.gritter-close,
.gritter-light .gritter-close {
  border-left: 1px solid #1f1e28 !important;
}
.gritter-item-wrapper .gritter-close:hover:before {
  text-decoration: underline;
}
.gritter-item i,
.gritter-item svg {
  font-size: 2.5rem;
  position: absolute;
  /*top: 50%;*/
  transform: translate(0%, 0%);
  /*left: 50%;*/
}
.gritter-item .fa_trans .icons {
  top: 20%;
}
.gritter-item .fa_trans .icons .icon-default {
  transform: translate(0%, 0%);
  left: 50%;
}
.gritter-item .fa_trans .icons .icon-hover {
  transform: translate(0%, 0%) rotate(-180deg) scale(0.5);
  opacity: 0;
}
.gritter-close:hover + .fa_trans .icons .icon-hover,
.gritter-item .fa_trans.hovered .icons .icon-hover,
.gritter-item .fa_trans:hover .icons .icon-hover {
  transform: translate(0%, 0%) rotate(0deg) scale(1);
  opacity: 1;
}
.gritter-close:hover + .fa_trans .icons .icon-default,
.gritter-item .fa_trans.hovered .icons .icon-default,
.gritter-item .fa_trans:hover .icons .icon-default {
  transform: translate(0%, 0%) rotate(180deg) scale(0.5);
  opacity: 0;
}
.gritter-item-wrapper a {
  color: #ffffff;
  font-weight: 800;
  text-decoration: underline;
}
.gritter-item ul {
  padding-left: 15px;
  margin-bottom: 0;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                GB Select                                  */
/*****************************************************************************/
.slimScrollBar {
  background-color: #7316d6 !important;
  opacity: 0.8 !important;
  width: 6px !important;
}
@font-face {
  font-family: 'text-security-disc';
  src: url('/site_media/fonts/Security-Disc/text-security-disc.eot');
  src: url('/site_media/fonts/Security-Disc/text-security-disc.eot?#iefix') format('embedded-opentype'), url('/site_media/fonts/Security-Disc/text-security-disc.woff') format('woff'), url('/site_media/fonts/Security-Disc/text-security-disc.ttf') format('truetype'), url('/site_media/fonts/Security-Disc/text-security-disc.svg#text-security') format('svg');
}
input.gb-password {
  font-family: 'text-security-disc';
  letter-spacing: 2px;
  font-size: 18px;
  margin: -1px 0 1px 0 !important;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                GB Select                                  */
/*****************************************************************************/
.select-style {
  position: relative;
  background-color: transparent;
  border: 1px solid #7316d6;
  border-radius: 2px;
  overflow: hidden;
  outline: none;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.select-style:hover {
  background-color: rgba(115, 22, 214, 0.25);
}
.select-style:focus {
  outline: none;
  background-color: transparent;
}
.select-style::after {
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ffffff;
  content: "";
  display: inline-block;
  top: 12px;
  right: 8px;
}
.select-style:disabled,
.select-style.disabled,
.select-style :disabled,
.select-style .disabled {
  opacity: 0.5;
  background-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
}
.select-style .light {
  border-color: #dd4b39;
}
.select-style .light::after {
  font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
  content: "\f071";
  font-weight: 600;
  text-decoration: none;
  position: absolute;
  top: 2px;
  border-radius: 0;
  font-size: 16px;
  margin: 0;
  color: #dd4b39;
  border: 0;
}
.select-style.with-title {
  height: 60px;
}
.select-style.with-title::after {
  top: 42px;
}
.select-style .select-style-title {
  height: 30px;
  color: #ffffff;
  text-align: center;
  border-bottom: 1px solid #7316d6;
  background: #7316d6;
  font-weight: 600;
  line-height: 28px;
  cursor: default;
}
.select-style select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent!important;
  border: medium none;
  box-shadow: none;
  padding: 0 20px 2px 8px;
  height: 30px;
  width: 100%;
  cursor: pointer;
  font-size: 13px;
  text-align-last: center;
  outline: none !important;
  color: #ffffff !important;
  text-shadow: 0 0 0 #ffffff;
}
.select-style select:focus {
  outline: none;
}
.select-style select optgroup {
  background: #1f1e28;
  color: #ffffff;
}
.select-style select option {
  text-transform: capitalize;
  background: #1f1e28;
  color: #ffffff;
  cursor: pointer;
  font-size: 13px;
}
.select-style select option:hover {
  background: #7316d6;
}
.btn.dropdown-toggle {
  border-color: #7316d6;
  outline: none !important;
}
.btn.dropdown-toggle:active,
.btn.dropdown-toggle:not(:disabled):not(.disabled):active {
  background: rgba(115, 22, 214, 0.25);
  border-color: #7316d6;
}
.btn.dropdown-toggle:hover {
  background: rgba(115, 22, 214, 0.25);
}
.btn.dropdown-toggle:focus {
  background: rgba(115, 22, 214, 0.25);
}
.btn.dropdown-toggle::after {
  vertical-align: 1px;
  border-width: 4px;
  right: 7px;
  position: absolute;
  top: 14px;
}
.show > .btn.dropdown-toggle {
  background: rgba(115, 22, 214, 0.25);
  border-color: #7316d6;
  outline: none !important;
}
.show > .btn.dropdown-toggle:active,
.show > .btn.dropdown-toggle:not(:disabled):not(.disabled):active {
  background: rgba(115, 22, 214, 0.25);
  border-color: #7316d6;
}
.show > .btn.dropdown-toggle:hover {
  background: rgba(115, 22, 214, 0.25);
}
.show > .btn.dropdown-toggle:focus {
  background: rgba(115, 22, 214, 0.25);
}
.isa .btn.dropdown-toggle {
  background: rgba(115, 22, 214, 0.25);
}
/*****************************************************************************/
/*                                  Select 2                                 */
/*****************************************************************************/
.filter-box.select-style select {
  margin: -28px 0 0 0;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.filter-box .select2-selection.select2-selection--single {
  margin: -15px 0 0 0;
  background: transparent;
}
.filter-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.select2-selection.select2-selection--single {
  box-shadow: none;
  border-width: 0 0 0 0 !important;
}
.select2-search.select2-search--dropdown {
  padding: 0 !important;
  margin: -24px 0 5px 0;
}
.select2-search__field {
  background: #7316d6;
  color: #ffffff;
  border: 0 solid !important;
  box-shadow: none !important;
  text-align: center;
  margin: 24px 0 0 0;
}
.select2-search__field::placeholder {
  font-size: 12px;
}
.select2.select2-container.select2-container--default {
  margin: 0 0 0 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align: center;
  font-size: 14px;
  color: #ffffff !important;
}
.gb-rounded-select #__select2 .select2-container {
  width: 100% !important;
}
.gb-rounded-select #__select2 .select2-container--default .select2-selection--multiple,
.gb-rounded-select #__select2 .select2-container--default.select2-container--focus .select2-selection--multiple {
  color: #ffffff;
  background-color: transparent;
  border-radius: 1px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.gb-rounded-select #__select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice,
.gb-rounded-select #__select2 .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
  padding: 4px 12px;
  background-color: #7316d6;
  font-size: 11px;
  border-radius: 0;
  color: #ffffff;
}
.gb-rounded-select #__select2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.gb-rounded-select #__select2 .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice__remove {
  font-size: 13px;
  color: #ffffff;
  transform: translateY(1px);
}
.gb-rounded-select #__select2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.gb-rounded-select #__select2 .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #ffffff;
}
.gb-rounded-select #__select2 .select2-container--default .select2-selection--multiple .select2-selection__clear,
.gb-rounded-select #__select2 .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__clear {
  margin-top: 9px;
  font-size: 15px;
}
.gb-rounded-select #__select2 .select2-container--default .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  display: none;
}
.gb-rounded-select #__select2 .select2-container--default ul.select2-results__options::-webkit-scrollbar {
  width: 10px;
}
.gb-rounded-select #__select2 .select2-container--default ul.select2-results__options li.select2-results__option span > img {
  margin-right: 64px;
  width: 37%;
  height: 9vh;
  object-position: 0;
  object-fit: cover;
}
.gb-rounded-select #__select2 .select2-container--default ul.select2-results__options::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.5);
}
.gb-rounded-select #__select2 .select2-container--default ul.select2-results__options::-webkit-scrollbar-thumb {
  background: #7316d6;
}
.gb-rounded-select #__select2 .select2-container--default ul.select2-results__options::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}
.gb-rounded-select #__select2 .select2-container--default .select2-selection--single {
  background-color: transparent;
  border-radius: 0;
  border-color: rgba(255, 255, 255, 0.15);
}
.gb-rounded-select #__select2 .select2-dropdown {
  background-color: rgba(255, 255, 255, 0.15);
}
.gb-rounded-select #__select2 .select2-dropdown .select2-results__option {
  color: #ffffff;
  font-size: 12px;
  padding: 4px 14px;
}
.gb-rounded-select .select2-container {
  max-width: 100%;
  width: 100% !important;
}
body .select2-container {
  width: unset !important;
  margin: 3px 0 0 0;
}
body .filter-box .select2-container {
  width: 100% !important;
}
.gb-rounded-select .select2-selection.select2-selection--multiple {
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
}
.gb-rounded-select .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 3px !important;
  min-height: 27px;
  display: inline-block !important;
}
.gb-rounded-select .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  padding: 6px 10px 5px 10px !important;
}
.gb-rounded-select .select2-container--default .select2-selection--multiple .select2-selection__rendered li:hover {
  padding: 5px 10px 5px 9px !important;
}
.gb-rounded-select .select2-search.select2-search--inline {
  position: absolute;
  opacity: 1;
  width: calc(100% - 0px);
  margin: 0 0 0 -4px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
  background: transparent;
  font-size: 11px;
  z-index: 10;
  height: 34px;
  border-radius: 3px 3px 0 0;
  top: 0;
  right: 0;
  transition: background 0.5s;
  -o-transition: background 0.5s;
  -ms-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -webkit-transition: background 0.5s;
}
.gb-rounded-select .select2-search.select2-search--inline:focus,
.gb-rounded-select .select2-search.select2-search--inline:hover {
  border: 1px solid #7316d6 !important;
  background: rgba(115, 22, 214, 0.02);
}
.gb-rounded-select .select2-container--default.select2-container--disabled .select2-search.select2-search--inline {
  display: none;
}
.gb-rounded-select .select2-search__field {
  text-align: center !important;
  color: #ffffff;
  margin: -1px 0 !important;
  width: 100% !important;
  cursor: pointer;
}
.gb-rounded-select .select2-dropdown.select2-dropdown--below {
  border-radius: 0;
  background-color: #1f1e28;
}
body .gb-rounded-select .select2-container--default .select2-selection--multiple,
body .gb-rounded-select .select2-container--default.select2-container--focus .select2-selection--multiple,
.gb-rounded-select .select2-container--default.select2-container .select2-selection {
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 0 0 0.125rem rgba(52, 142, 227, 0) !important;
  background: transparent !important;
  cursor: pointer;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  min-height: 33px !important;
  border-radius: 3px;
  padding: 32px 0 0 0;
}
.gb-rounded-select .select2-container--default.select2-container .select2-selection::before {
  content: "\f067";
  font-size: 18px;
  position: absolute;
  left: 8px;
  top: 4px;
  font-family: "Font Awesome 5 Pro";
  color: #ffffff;
  cursor: pointer;
}
.gb-rounded-select .select2-container--default.select2-container .select2-selection::before:hover {
  color: #7316d6;
}
.gb-rounded-select .select2-container--default.select2-container:hover .select2-selection,
.gb-rounded-select .select2-container--default.select2-container--focus .select2-selection {
  box-shadow: 0 0 0 0.125rem transparent !important;
  border: 1px solid #7316d6 !important;
}
.gb-rounded-select.light .select2-container--default.select2-container .select2-selection {
  border: 1px solid #dd4b39 !important;
}
.gb-rounded-select .select2-container--default.select2-container--disabled:hover {
  cursor: default;
}
body .gb-rounded-select .select2-container--default.select2-container--disabled .select2-selection--multiple,
body .gb-rounded-select .select2-container--default.select2-container--focus.select2-container--disabled .select2-selection--multiple,
.gb-rounded-select .select2-container--default.select2-container.select2-container--disabled .select2-selection {
  border: 1px solid transparent !important;
  min-height: 31px !important;
}
.gb-rounded-select .select2-container--default.select2-container--disabled:hover .select2-selection {
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0.125rem rgba(52, 142, 227, 0) !important;
  cursor: default;
}
body .gb-rounded-select .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice,
body .gb-rounded-select .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
  padding: 4px 32px 5px 8px !important;
  background-color: #7316d6;
  font-size: 14px;
  border-radius: 2px;
  color: #ffffff;
  text-align: center;
  position: relative;
  margin: 7px 5px 2px 5px !important;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  z-index: 10;
  float: left;
  cursor: pointer;
  line-height: 15px;
}
body .gb-rounded-select .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice,
body .gb-rounded-select .select2-container--default.select2-container--focus.select2-container--disabled .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
  padding: 3px 10px 2px 10px !important;
  float: left;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
body .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  right: 0;
  top: -1px;
  font-size: 24px !important;
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  border-left: 1px solid #313940;
  height: 100%;
  width: 24px;
  padding: 0 0 0 3px;
  font-weight: 600;
  left: unset !important;
  border-right: none !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-right: 2px;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice:hover .select2-selection__choice__remove,
body .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice:hover .select2-selection__choice__remove {
  opacity: 1;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice:hover,
body .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice:hover {
  background-color: rgba(115, 22, 214, 0.75);
}
body .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice:hover,
body .select2-container--default.select2-container--focus.select2-container--disabled .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice:hover {
  background-color: #7316d6;
}
body .select2-dropdown {
  background-color: #1f1e28;
  border: 0 solid transparent;
  border-radius: 0;
}
.select2-results__option {
  color: #ffffff;
  text-align: center;
  padding: 3px 0 2px 0 !important;
  border: 0 solid transparent;
  border-top: 1px solid #15131d;
  font-size: 14px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background: #7316d6 !important;
  color: #ffffff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #7316d6 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-color: #7316d6 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none !important;
}
/*****************************************************************************/
/*                         New Select Styles Test                            */
/*****************************************************************************/
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  min-height: 28px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px !important;
}
.choose-custom-field-option.selection .gb-tooltip {
  left: -4px;
  top: 8px;
}
/**/
.gb-filter-container {
  width: calc(100% + 7px);
  height: 33px;
  margin-top: 20px;
  position: relative;
}
.gb-filter-container .gb-filter-header {
  background: #15131d;
  width: 85px;
  height: 33px;
  border: 1px solid #7316d6;
  color: #ffffff;
  font-weight: 600;
  padding: 0 0 0 7px;
  line-height: 31px;
  border-radius: 2px 0 0 2px;
  float: left;
}
.gb-filter-container .gb-filter-content {
  width: calc(100% - 90px);
  display: inline-block;
  margin-left: -1px;
  height: 33px;
  line-height: 30px;
}
.gb-filter-container .gb-filter-content::after {
  top: 14px;
}
.gb-filter-container .gb-filter-content select {
  text-align-last: left;
}
.gb-filter-container.big .gb-filter-header {
  width: 125px;
}
.gb-filter-container.big .gb-filter-content {
  width: calc(100% - 130px);
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                   Alerts                                  */
/*****************************************************************************/
.service-status-container {
  margin-bottom: 15px;
}
.service-status-container .select-style {
  width: calc(100% - 40px);
}
.service-status-container .select-style.with-title {
  height: 60px;
}
.service-status-container .select-style.with-title::after {
  top: 42px;
}
.service-status-container .select-style .select-style-title {
  height: 30px;
  color: #ffffff;
  text-align: center;
  border-bottom: 1px solid #7316d6;
  background: #7316d6;
  font-weight: 600;
  line-height: 28px;
  cursor: default;
}
.service-status-container .select-style select {
  width: 100% !important;
}
.service-status-container .service-status-light {
  float: left;
  margin-right: 10px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
  background: rgba(115, 22, 214, 0.25);
  border: 1px solid #7316d6;
  margin-top: 0;
  height: 60px;
  width: 30px;
}
.service-status-container .service-status-light.error {
  background: rgba(221, 75, 57, 0.25);
  border: 1px solid #dd4b39;
}
.service-status-container .service-status-light svg {
  color: #ffffff;
  font-size: 15px;
  margin: 22px 0 0 5px;
}
.service-status-container .service-status-light svg.fa-spin {
  margin: 23px 0 0 6px;
}
.service-status-container .service-status-light svg.fa-check-circle {
  margin: 23px 0 0 6px;
}
.service-status-container .service-status-light i {
  height: 30px;
  width: 30px;
}
/*-- icon to toggle sidebar --*/
.sidebar-collapse-toggle {
  font-size: 28px;
  color: #6d767f;
  position: absolute;
  top: 98px;
  right: -11px;
  z-index: 999998;
  cursor: pointer !important;
  opacity: 0;
  height: 25px;
  width: 25px;
  background: #7316d6;
  border-radius: 50%;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.sidebar-collapse-toggle svg {
  color: #ffffff;
  font-size: 15px;
  position: absolute;
  margin: 5px 0 0 7px;
}
/*-- flip icon to point right not left --*/
.collapsed-sidebar .sidebar-collapse-toggle {
  transform: rotate(180deg);
  margin: 1px 0 0 7px;
  opacity: 1;
}
.sidebar-collapse-toggle:hover,
#sidebar:hover .sidebar-collapse-toggle {
  color: #7316d6;
  opacity: 1;
}
/*-- effects on sidebar ---*/
.collapsed-sidebar #sidebar {
  transform: translateX(0);
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  animation-direction: reverse;
  width: 25px;
}
.collapsed-sidebar #sidebar .nav,
.collapsed-sidebar #sidebar .bottom-left-info,
.collapsed-sidebar #sidebar .slimScrollDiv {
  display: none;
}
.collapsed-sidebar #sidebar:hover .nav,
.collapsed-sidebar #sidebar:hover .bottom-left-info,
.collapsed-sidebar #sidebar:hover .slimScrollDiv {
  display: block;
}
.collapsed-sidebar #sidebar:hover {
  width: 220px;
}
/*-- added when toggle is hovered over --*/
.fixed-sidebar {
  width: 25px !important;
}
.collapsed-sidebar .content {
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  width: calc(100% - 65px);
  margin-left: 25px;
}
.sidebar .nav > li .sidebar-icon {
  filter: brightness(0.7);
}
.sidebar .nav > li.active .sidebar-icon,
.sidebar .nav > li:hover .sidebar-icon {
  filter: brightness(1);
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                GB Select                                  */
/*****************************************************************************/
.splash-viewer-container {
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100001;
}
.splash-viewer-container .splash-viewer-header {
  height: 100px;
}
.splash-viewer-container .splash-viewer-header svg {
  float: right;
  margin: 10px 25px 0 0;
  font-size: 6rem;
  color: #ffffff;
  cursor: pointer;
}
.splash-viewer-container .splash-viewer-header svg:hover {
  opacity: 0.75;
}
.splash-viewer-container .splash-viewer-content {
  height: calc(100vh - 200px);
  max-width: 100%;
  position: absolute;
  top: calc(50% + 20px);
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.splash-viewer-container .splash-viewer-content.image div {
  background-repeat: no-repeat;
  height: calc(100vh - 225px);
  width: calc(100vw - 100px);
  background-position: center;
  background-size: contain;
}
.splash-viewer-container .splash-viewer-content img {
  height: 100%;
  width: auto;
  border-radius: 2px;
}
.splash-viewer-container .splash-viewer-content.iframe {
  width: calc(100vw - 100px);
}
.splash-viewer-container .splash-viewer-content iframe {
  height: 100%;
  width: 100%;
  border-radius: 2px;
}
.splash-viewer-container .splash-viewer-content iframe body {
  display: grid;
  justify-content: center;
  align-content: center;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                  Status                                   */
/*****************************************************************************/
/* Squares */
.protocols-container {
  position: absolute;
  top: 10px;
  right: 10px;
}
.protocol-container {
  display: inline-block;
  margin: 0 0 0 10px;
}
.protocol-status {
  height: 12px;
  width: 12px;
  background: transparent;
  float: right;
  margin: 1px 0 0 7px;
  border-radius: 2px;
  border: 1px solid #ffffff;
}
.protocol-status.true {
  background: #7316d6;
  border-color: #7316d6;
}
.protocol-status.false {
  background: #dd4b39;
  border-color: #dd4b39;
}
/* Border */
.status-border {
  background: #292833;
  height: 63px;
  width: 6px;
  float: left;
  margin: -15px 14px -16px -14px;
  border-radius: 1px;
}
.status-border.active {
  background: #7316d6;
}
.status-border.inactive {
  background: #f7b140;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                               Step Wizard                                 */
/*****************************************************************************/
.step-wizard .modal-dialog {
  max-width: 750px;
  width: 750px;
}
.step-wizard .wizard .steps ul {
  margin: 10px 5px 10px 5px;
  padding: 0;
}
.step-wizard .wizard .steps ul li {
  list-style: none;
  display: inline-block;
  background: rgba(255, 255, 255, 0.03);
  border-left: 3px solid #7316d6;
  margin: 0 15px 0 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.step-wizard .wizard .steps ul li.three {
  width: calc(33% - 8px);
}
.step-wizard .wizard .steps ul li.four {
  width: calc(25% - 12px);
}
.step-wizard .wizard .steps ul li.five {
  width: calc(20% - 12px);
}
.step-wizard .wizard .steps ul li.six {
  width: calc(16% - 8px);
}
.step-wizard .wizard .steps ul li.disabled,
.step-wizard .wizard .steps ul li.disabled a {
  cursor: not-allowed;
}
.step-wizard .wizard .steps ul li:not(.disabled) {
  background: rgba(115, 22, 214, 0.15);
}
.step-wizard .wizard .steps ul li:not(.disabled):hover,
.step-wizard .wizard .steps ul li:not(.disabled).current {
  background: rgba(115, 22, 214, 0.5);
}
.step-wizard .wizard .steps ul li:last-child {
  margin: 0;
}
.step-wizard .wizard .steps ul li a {
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  display: block;
  padding: 6px 9px 7px 9px;
  text-align: left;
}
.step-wizard .wizard .steps ul li a:hover {
  text-decoration: none;
}
.step-wizard .wizard .steps ul li a span.current-info {
  display: none;
}
.step-wizard .wizard .steps ul li a span.number {
  display: none;
}
/* Content */
.step-wizard .wizard .content {
  margin: 0 0 0 0;
  padding: 10px 5px 30px 5px;
  min-height: 275px;
}
.step-wizard .wizard .content .title {
  display: none;
}
.step-wizard .wizard .content .isa {
  font-weight: 600;
}
.step-wizard .lds-ripple {
  position: absolute;
  top: 57.5%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.25);
}
.step-wizard .lds-ripple-message {
  position: absolute;
  top: 72.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: 600;
}
.step-wizard .error-icon-container {
  display: block;
  margin: 20px 0 0;
  height: 140px;
}
/* Actions */
.step-wizard .modal-content::after {
  background: #292833;
  content: " ";
  width: 100%;
  height: 2px;
  margin: -67px 0 65px 0;
}
.step-wizard .wizard .actions ul {
  margin: 10px 0 -10px 0;
  padding: 0;
  float: right;
}
.step-wizard .wizard .actions ul li {
  list-style: none;
  display: inline-block;
  margin: 0 0 0 10px;
}
.step-wizard .wizard .actions ul li.editing {
  display: inline-block !important;
}
.step-wizard .wizard .actions ul li:last-child {
  position: absolute;
  left: 11px;
}
.step-wizard .wizard .actions ul li a {
  min-width: 75px;
}
/* GB Switch */
.step-wizard .wizard .content .gb-switcher.big.split {
  text-align: center;
  margin: 45px 0 0 0;
}
.step-wizard .wizard .content .gb-switcher.big.split label {
  width: calc(50% - 14px);
}
/* Extra */
.step-wizard .error-icon-container.fa_trans .icons {
  top: 55%;
}
.step-wizard .message-icon-clicker {
  top: calc(25% + 70px);
}
.step-wizard .wizard .slimScrollDiv {
  margin: 0;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                 Switches                                  */
/*****************************************************************************/
.gb-switcher label,
.gb-toggle {
  background: rgba(115, 22, 214, 0.1);
  box-shadow: none;
  margin-right: -1px !important;
  color: #ffffff !important;
  border: 1px solid #7316d6;
  padding: 6px 5px 5px;
  text-align: center;
  cursor: pointer;
  width: 100px;
  height: 25px;
  font-size: 13px !important;
  line-height: 12px;
  font-weight: 300;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: relative;
  border-radius: 2px;
}
.gb-switcher label:nth-child(0) {
  border-radius: 2px 0 0 2px;
}
.gb-switcher label:last-child {
  border-radius: 0 2px 2px 0;
}
.gb-toggle:hover,
.gb-toggle.selected,
.gb-switcher input.light + label,
.gb-switcher input:checked + label,
.gb-switcher label:hover {
  background: rgba(115, 22, 214, 0.75) !important;
  border-color: rgba(115, 22, 214, 0.25) !important;
  box-shadow: none;
}
.gb-switcher input.force-light + label,
.gb-switcher input.light + label {
  background: rgba(221, 75, 57, 0.15) !important;
  border-color: #dd4b39 !important;
}
.gb-switcher input {
  display: none;
}
.gb-switcher.big label {
  height: 100px;
  line-height: 140px;
  font-weight: 600;
  border-radius: 2px;
}
.gb-switcher.split label {
  margin-right: 10px !important;
}
.gb-switcher.big label svg {
  font-size: 36px;
  position: absolute;
  left: 50%;
  top: calc(50% - 15px);
  transform: translate(-50%, -50%);
}
.gb-switcher.big label img {
  width: 36px;
  position: absolute;
  left: 50%;
  top: calc(50% - 15px);
  transform: translate(-50%, -50%);
}
/* GB Switcher List */
.gb-switcher.list label {
  display: inherit;
  border-width: 0 0 0 3px;
  background: #292833;
  width: 100%;
  font-weight: 600;
  height: 32px;
  padding: 10px 5px;
}
/* Gb Switcher Icon */
.gb-switch.icon {
  height: 49px;
  width: 49px;
  margin-right: 3px;
}
.gb-switch.icon:last-child {
  margin-right: 0;
}
.gb-switch.icon .gb-switch-btn {
  border: 1px solid #7316d6;
  background: rgba(115, 22, 214, 0.02);
  color: #ffffff;
  height: inherit;
  width: inherit;
  cursor: pointer;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  border-radius: 2px;
}
.gb-switch.icon:hover .gb-switch-btn,
.gb-switch.icon .gb-switch-btn:hover,
.gb-switch.icon input:checked + .gb-switch-btn {
  border: 1px solid rgba(115, 22, 214, 0.25);
  background: rgba(115, 22, 214, 0.75);
}
.gb-switch.icon input.force-light + .gb-switch-btn,
.gb-switch.icon input.light + .gb-switch-btn {
  border: 1px solid #dd4b39;
  background: rgba(221, 75, 57, 0.15);
}
.gb-switch.icon .gb-switch-btn svg {
  font-size: 18px;
  position: absolute;
  top: 37.5%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gb-switch.icon .gb-switch-btn div {
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translate(-50%, 0);
  font-size: 11px;
}
/* Gb Switcher Text */
.gb-switch.text {
  height: 24px;
  width: 43.5px;
  margin: 6px 0 -2px -1px;
  border-radius: 0;
}
.gb-switch.text :first-child {
  border-radius: 2px 0 0 2px;
}
.gb-switch.text:last-child {
  border-radius: 0 2px 2px 0;
}
.gb-switch.text .gb-switch-btn {
  border: 1px solid #7316d6;
  background: rgba(115, 22, 214, 0.02);
  color: #ffffff;
  height: inherit;
  width: inherit;
  cursor: pointer;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  border-radius: 2px;
}
.gb-switch.text:hover .gb-switch-btn,
.gb-switch.text .gb-switch-btn:hover,
.gb-switch.text input:checked + .gb-switch-btn {
  background: rgba(115, 22, 214, 0.75) !important;
  border-color: rgba(115, 22, 214, 0.25) !important;
}
.gb-switch.text input.light + .gb-switch-btn {
  border: 1px solid #dd4b39;
  background: rgba(221, 75, 57, 0.15);
}
.gb-switcher input:disabled + label {
  cursor: not-allowed;
}
.gb-switch.text .gb-switch-btn svg {
  display: none;
}
.gb-switch.text .gb-switch-btn div {
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translate(-50%, 0);
  font-size: 11px;
}
.gb-switcher.big.split {
  margin: 45px 0 0 0;
}
.gb-switcher.big.split label {
  width: calc(50% - 14px);
}
.gb-switcher.big.tri label {
  width: calc(calc(100% - 48px) / 3);
  margin-right: 14px !important;
}
.gb-switcher.big.quad label {
  width: calc(calc(100% - 62px) / 4);
  margin-right: 14px !important;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                          Tables and Paginations                           */
/*****************************************************************************/
/* Datatable */
.dataTables_empty {
  background-color: #292f34;
}
.dataTables_processing {
  display: none !important;
  height: 100% !important;
  width: 100%;
  top: 31px !important;
  margin: 0 !important;
  left: 0 !important;
  background: #7316d6 !important;
}
/* Table */
table.dataTable {
  margin: -5px 0 0 0;
  border-bottom: 0 solid transparent !important;
  color: #ffffff;
  border-collapse: separate !important;
  border-spacing: 0 2px !important;
}
/* Head*/
table.dataTable thead {
  font-size: 14px;
}
table.dataTable thead tr {
  background: #15131d;
  color: #ffffff;
}
table.dataTable thead tr th {
  border-bottom: none !important;
  border-top: none !important;
  padding: 10px 10px;
  outline: none !important;
  color: #ffffff;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  filter: brightness(0) invert(1);
}
/* Body */
table.dataTable tbody {
  font-size: 13px;
}
table.dataTable tbody tr:nth-child(2n+1) {
  background-color: transparent;
}
table.dataTable tbody td {
  cursor: default;
  vertical-align: middle;
}
table.dataTable tbody tr:nth-child(2n) td {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
table.dataTable tbody tr:nth-child(2n+1) td {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
/* Footer */
.dataTables_info {
  font-size: 13px;
  margin: 12px 0 0 1px;
  color: #ffffff !important;
}
.dataTables_paginate {
  margin: 10px 1px 20px 0 !important;
  font-size: 13px;
}
.dataTables_wrapper input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #7316d6;
  color: #ffffff;
  text-align: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button {
  border: 1px solid #7316d6 !important;
  background: rgba(115, 22, 214, 0.05) !important;
  margin: 0 -1px 0 0 !important;
  min-width: 45px !important;
  color: #ffffff !important;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.previous {
  border-radius: 2px 0 0 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_paginate .paginate_button.next {
  border-radius: 0 2px 2px 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button {
  border-radius: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button:hover {
  border: 1px solid #7316d6 !important;
  background: #7316d6 !important;
  color: #ffffff !important;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 7px 13px 7px 13px !important;
  color: #ffffff;
  border: 1px solid #7316d6 !important;
  font-size: 14px;
  height: 100%;
}
.dataTables_paginate {
  display: flex;
  align-items: center;
}
.dataTables_paginate a {
  padding: 0 10px;
}
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.disabled {
  cursor: default;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_paginate .paginate_button.disabled {
  border: 1px solid #7316d6 !important;
  color: #ffffff !important;
  opacity: 0.65;
  cursor: not-allowed !important;
  background: transparent !important;
}
.dataTables_paginate .ellipsis {
  border: 1px solid #ffffff;
  min-width: 45px;
  padding: 8px 13px 8px 13px;
  margin: 0 -1px 0 0;
  cursor: default;
}
/* VRE Datatable */
table.dataTable.tbl_datatable {
  display: none;
}
table.dataTable.tbl_datatable tr td:first-child {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}
table.dataTable.tbl_datatable tbody tr td:last-child {
  border-right: 1px solid transparent;
}
table.dataTable.tbl_datatable thead th:nth-child(1),
table.dataTable.tbl_datatable thead th:nth-child(2),
table.dataTable.tbl_datatable thead th:nth-child(3),
table.dataTable.tbl_datatable tbody td:nth-child(1),
table.dataTable.tbl_datatable tbody td:nth-child(2),
table.dataTable.tbl_datatable tbody td:nth-child(3) {
  text-align: center;
}
table.dataTable.tbl_datatable thead th:nth-child(4),
table.dataTable.tbl_datatable tbody td:nth-child(4) {
  text-align: left;
}
/* Datatable Loader */
.tbl_datatable_loader {
  position: relative;
  margin: -20px 0 0 0;
  height: 100px;
  width: 100%;
}
.tbl_datatable_loader .pond-loader {
  transform: scale(1) translate(-50%, -50%);
  display: block;
  top: 50%;
  left: 50%;
}
.tbl_datatable_loader .pond-loader .pond-loader div {
  border-color: #a8acb1;
}
/* Datatable Warning */
.tbl_datatable_warning {
  display: none;
}
.tbl_datatable_warning .isa_warning {
  height: 100px;
}
.refresh-page {
  top: 50%;
  left: 50% !important;
  transform: translate(-50%, 0);
  font-size: 48px !important;
  cursor: pointer;
  -webkit-transition: all 1.5s;
  -o-transition: all 1.5s;
  -moz-transition: all 1.5s;
  transition: all 1.5s;
}
.refresh-page:hover {
  /* opacity: 0.75; */
  -webkit-transform: translate(-50%, 0) rotate(360deg);
  -ms-transform: translate(-50%, 0) rotate(360deg);
  -o-transform: translate(-50%, 0) rotate(360deg);
  transform: translate(-50%, 0) rotate(360deg);
}
/* Datatable Info */
.tbl_datatable_info {
  display: none;
}
.tbl_datatable_info .isa_info {
  text-align: center;
}
/* Extra */
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: transparent !important;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
table.dataTable tbody tr {
  background-color: rgba(255, 255, 255, 0.03) !important;
}
.list-group {
  list-style: none;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                   Tabs                                    */
/*****************************************************************************/
.gb-tabs-container,
.settings-tabs-container {
  text-align: justify;
  position: relative;
  font-size: 14px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
  color: #ffffff;
  background-color: #292833;
  padding: 0 20px 0 20px !important;
}
.modal .gb-tabs-container,
.modal .settings-tabs-container,
.ui-dialog .gb-tabs-container,
.ui-dialog .settings-tabs-container {
  background-color: transparent;
  box-shadow: none;
}
.tabs-bordered {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
  margin: 0 -20px 0 -20px;
}
.tab-content .tabs-bordered {
  border-bottom: 0 solid transparent !important;
}
.tabs-bordered li a,
.tabs-bordered li a:hover,
.tabs-bordered li a:focus {
  border: 0 !important;
  padding: 10px 12px 11x 20px !important;
}
.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-item .nav-link:focus,
.nav-tabs .nav-link.active {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 0 -2px 0;
}
.tabs-bordered li a.active {
  border-bottom: 2px solid #7316d6 !important;
}
.nav-tabs .nav-link:hover {
  color: #ffffff !important;
  background-color: transparent;
  border-bottom: 2px solid #7316d6 !important;
}
.nav-tabs .nav-link.active {
  color: #ffffff !important;
  background-color: transparent;
}
.nav-tabs .nav-link {
  opacity: 0.5;
  font-weight: 600;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
  opacity: 1;
}
.system-settings {
  text-align: center;
  padding: 10px 0 15px 0;
}
.tab-content {
  padding: 20px 0 10px 0;
  background-color: transparent;
}
/* For Secondary Tabs */
.tab-content.secondary {
  padding-top: 0;
}
.tab-content.secondary .tab-pane {
  background-color: transparent;
  padding: 15px 10px;
}
.nav-pills {
  margin-bottom: 9px;
}
.nav-pills li a {
  background-color: #252c33;
  text-decoration: none;
}
.nav-pills li a:hover,
.nav-pills li a:focus {
  background: #323b42;
  color: #ffffff;
}
.nav-pills li a.active:hover,
.nav-pills li a.active:focus,
.nav-pills li a.active {
  background: #323b42;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}
.grid-element-expansion .nav-tabs .nav-item .nav-link,
.grid-element-expansion .nav-tabs .nav-item .nav-link:focus,
.grid-element-expansion .nav-tabs .nav-link.active {
  background: transparent;
}
.grid-element-expansion .nav-tabs .nav-link:hover,
.grid-element-expansion .nav-tabs .nav-link.active {
  box-shadow: none;
}
/**/
body .left-side .btn {
  transition: width 0s;
  -o-transition: width 0s;
  -ms-transition: width 0s;
  -moz-transition: width 0s;
  -webkit-transition: width 0s;
}
body .left-side .tab-width-toggle {
  display: none;
  height: 35px;
  width: 35px;
  min-width: 35px;
  margin: 16px 0 15px 0;
}
body .left-side .tab-width-toggle svg {
  margin: 2px 0 0 1px;
  font-size: 16px;
}
body .right-side .tab-width-toggle {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 24px;
  width: 24px;
  min-width: 24px;
  z-index: 100;
}
body .right-side .tab-width-toggle svg {
  margin: -2px -2px 6px -6px;
}
body .right-side .toggle-all-cards {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 24px;
  width: 24px;
  min-width: 24px;
  z-index: 100;
}
body .right-side .toggle-all-cards svg {
  margin: -2px -2px 6px -6px;
}
body.toggled .left-side {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}
body.toggled .left-side .isa {
  display: none !important;
}
body.toggled .left-side .btn {
  font-size: 0;
}
body.toggled .left-side .btn.tab-width-toggle {
  display: block !important;
}
body.toggled .left-side .btn.toggle-parameters {
  display: none !important;
}
body.toggled .left-side .filter-parameters {
  display: none !important;
}
body.toggled .right-side {
  width: calc(100% - 60px);
  min-width: calc(100% - 60px);
  max-width: calc(100% - 60px);
}
body.toggled .right-side .tab-width-toggle {
  display: none;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                   Tags                                    */
/*****************************************************************************/
.gb-tag-container {
  padding: 0 2px 0 2px !important;
  min-height: 39px;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.25);
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
}
.gb-tag-container:hover {
  border: 1px solid #7316d6;
}
.gb-tag-container::before {
  display: none;
  content: "\f067";
  font-size: 18px;
  position: absolute;
  left: 9px;
  top: 5px;
  font-family: "Font Awesome 5 Pro";
  color: #ffffff;
  cursor: pointer;
}
.gb-tag {
  padding: 4px 10px 2px 10px !important;
  background-color: #7316d6;
  border: 1px solid #7316d6;
  font-size: 11px;
  border-radius: 3px;
  color: #ffffff;
  min-width: 100px;
  text-align: center;
  position: relative;
  margin: 7px 5px 2px 5px !important;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  z-index: 10;
  float: left;
  cursor: default;
  white-space: nowrap;
  list-style: none;
  font-weight: 600;
}
.gb-tag.can-delete {
  padding: 4px 25px 2px 10px !important;
}
.gb-tag.can-delete .close {
  text-shadow: none;
  opacity: 1;
}
.gb-tag.can-delete .close::before {
  font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
  content: "\f00d";
  font-weight: 100;
  font-size: 16px;
  text-decoration: none;
  margin: -1px 0 0 9px;
  position: absolute;
  color: #ffffff;
}
.gb-tag.default {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid #ffffff;
}
.gb-tag.warning {
  background-color: #f7b140;
  border: 1px solid #f7b140;
}
.gb-tag.error {
  background-color: #dd4b39;
  border: 1px solid #dd4b39;
}
body .gb-tag-container.w-100 .select2-container,
body .gb-tag-container.w-100 .select2-container .select2-selection {
  width: 100% !important;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                 Tooltips                                  */
/*****************************************************************************/
.gb-tooltip {
  cursor: default;
}
.tippy-content {
  word-wrap: break-word;
}
.tippy-tooltip,
.tippy-tooltip.tippy-backdrop {
  background-color: #7316d6;
  font-size: 13px !important;
  font-weight: 600 !important;
  z-index: 10000 !important;
  padding: 5px 10px !important;
}
.basket-manager .tippy-popper div {
  max-width: 300px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.tippy-popper[x-placement^='top'] .tippy-tooltip .tippy-arrow {
  border-top-color: #7316d6;
}
.tippy-popper[x-placement^='bottom'] .tippy-tooltip .tippy-arrow {
  border-bottom-color: #7316d6;
}
.tippy-popper[x-placement^='left'] .tippy-tooltip .tippy-arrow {
  border-left-color: #7316d6;
}
.tippy-popper[x-placement^='right'] .tippy-tooltip .tippy-arrow {
  border-right-color: #7316d6;
}
.tippy-tooltip.secondary.tippy-backdrop {
  background-color: #1f1e28 !important;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                                  Video JS                                 */
/*****************************************************************************/
.vjs-modal-dialog-description {
  font-size: 0;
}
.vjs-modal-dialog-description::before {
  content: "There was an error loading the video";
  font-size: 16px;
  position: absolute;
  top: 60%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-weight: 600;
}
.vjs-error .vjs-error-display::before {
  color: #ffffff;
  content: '\f071' !important;
  font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
  font-size: 96px!important;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: none;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
  transform: translate(0%, -75%);
  font-weight: 100;
}
/*****************************************************************************/
/* Template Name: GB Labs Template build with Twitter Bootstrap 3 & 4        */
/* Authors: David Martin                                                     */
/* Created: 25/01/19                                                         */
/* Updated: 25/01/19                                                         */
/* Version: 4.0.0                                                            */
/* Notes:                                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*                            Workspace Selection                            */
/*****************************************************************************/
.accordion > .card {
  border-radius: 0;
}
.accordion > .card .card-header {
  background-color: #15131d;
}
.accordion > .card .card-header:first-child {
  border-radius: 0;
}
.accordion > .card .card-header h5 {
  color: #ffffff;
}
#space-component-location.accordion > .card {
  background-color: transparent;
  opacity: 1;
  max-height: 500px;
  transition: all 700ms ease-out;
}
#space-component-location.accordion > .card .card-header {
  background-color: transparent;
  padding: 0;
  border: none;
}
#space-component-location.accordion > .card .card-header h5 .ws-bar {
  display: inline-block;
  width: calc(100% - 66px);
  background-color: #282b31;
  cursor: pointer;
  border-left: 3px solid transparent;
}
#space-component-location.accordion > .card .card-header h5 .ws-bar:hover,
#space-component-location.accordion > .card .card-header h5 .ws-bar.selected {
  border-left: 3px solid #7316d6;
  background-color: #2f3542;
}
#space-component-location.accordion > .card .card-header h5 .ws-bar .pages {
  max-width: calc(100% - 60px);
  display: inline-block;
  padding: 10px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#space-component-location.accordion > .card .card-header h5 .ws-bar .pages span {
  margin-right: 6px;
}
#space-component-location.accordion > .card .card-header h5 .ws-bar .pages span.carat {
  opacity: 0;
}
#space-component-location.accordion > .card .card-header h5 .ws-bar .pages span.directory {
  color: #ffffff;
  opacity: 0;
}
#space-component-location.accordion > .card .card-header h5 .ws-bar .pages span.directory:last-child {
  cursor: default;
}
#space-component-location.accordion > .card .card-header h5 .ws-bar .pages span.directory:last-child:hover {
  text-decoration: none;
}
#space-component-location.accordion > .card .card-header h5 .ws-bar .pages span.directory,
#space-component-location.accordion > .card .card-header h5 .ws-bar .pages span.workspace {
  cursor: pointer;
}
#space-component-location.accordion > .card .card-header h5 .ws-bar .pages span.directory:hover,
#space-component-location.accordion > .card .card-header h5 .ws-bar .pages span.workspace:hover {
  text-decoration: underline;
}
#space-component-location.accordion > .card .card-header h5 .ws-bar button.back {
  height: auto;
  margin: 6px 7px 0 0;
  opacity: 0;
  display: none;
}
#space-component-location.accordion > .card .card-header h5 button.show-contents {
  padding: 2px 1px;
  height: 38px;
  border-radius: 0;
  width: 38px;
  margin-right: 7px;
}
#space-component-location.accordion > .card .card-header h5 button.show-contents svg.fa-sort-down {
  font-size: 18px;
  margin: 0 auto;
}
#space-component-location.accordion > .card .card-header h5 button.show-contents svg {
  font-size: 18px;
  margin: 1px 0 0 1px;
}
#space-component-location.accordion > .card .card-body {
  padding: 0;
  margin-top: 3px;
}
#space-component-location.accordion > .card .card-body .directory-wrapper {
  width: calc(100% - 66px);
  min-height: 160px;
  display: inline-block;
  background-color: #282b31;
}
#space-component-location.accordion > .card .card-body .directory-wrapper .lds-ripple {
  top: 46px;
  left: calc(50% - 30px);
  transform: none;
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul {
  padding: 15px;
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul li {
  display: inline-block;
  border: 1px solid #7316d6;
  padding: 9px;
  margin: 0 6px 8px 6px;
  border-radius: 2px;
  cursor: pointer;
  color: #ffffff;
  width: calc(25% - 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul li svg {
  margin-right: 10px;
  color: #7316d6;
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul li div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 78%;
  float: right;
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul li.new-dir {
  width: auto;
  padding: 0;
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul li.new-dir svg {
  margin: 9px;
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul li.new-dir input {
  height: 100%;
  margin: 2px;
  background-color: transparent;
  width: 100%;
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul li.selected {
  background-color: #7316d6;
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul li.selected svg {
  color: #ffffff;
}
#space-component-location.accordion > .card .card-body button.add-directory {
  float: right;
  width: 38px;
  height: 38px;
  padding: 9px 3px;
  border-radius: 0;
  margin-top: 10px;
  margin-right: 7px;
}
#space-component-location.accordion.active > .card {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  transition: all 700ms ease-out, opacity 200ms ease-out;
}
#space-component-location.accordion.active > .card.active {
  opacity: 1;
  max-height: 500px;
}
#space-component-location.accordion.active > .card.active .card-header h5 button.back {
  opacity: 1;
  transition: opacity 200ms ease-out;
  display: block;
  margin: 0;
  border-radius: 0;
  height: 40px;
  border: none;
  border-left: 1px solid #1b1f23;
  width: 53px;
  font-size: 15px;
}
#space-component-location.accordion.active > .card.active .card-header h5 .ws-bar .pages span.carat,
#space-component-location.accordion.active > .card.active .card-header h5 .ws-bar .pages span.directory {
  transition: opacity 200ms ease-out;
  opacity: 1;
}
#space-component-location.accordion.active > .card .card-header h5 button svg {
  margin: 8px 0 0 0;
}
#space-component-location.accordion.active > .card .card-header h5 button.fa-sort-down {
  transform: rotate(180deg);
  margin-top: 8px;
  transition: all 700ms ease-out;
}
#space-component-location.accordion .empty-icon-container .message-icon-clicker {
  bottom: 0;
  top: unset;
}
#space-component-location.accordion .empty-directory {
  height: 130px;
}
#space-component-location.accordion .empty-directory .icons,
#space-component-location.accordion .empty-directory .empty-icon-container.fa_trans .icons {
  top: calc(50% - 24.5px);
}
#space-component-location.accordion .empty-directory .empty-icon-container .message-icon-clicker {
  bottom: -4px;
}
.directory-error {
  height: 150px;
}
.directory-error .error-msg {
  margin: 15px;
  background: rgba(221, 75, 57, 0.25);
  border: 1px solid #dd4b39;
  height: calc(100% - 15px);
  font-size: 13px;
  text-align: center;
  padding: 15px;
}
.directory-error .error-msg svg {
  font-size: 40px;
  display: block;
  margin: 8px auto 12px auto;
}
.directory-error .error-msg a {
  color: #ffffff;
  font-weight: 600;
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul li.new-dir {
  height: 39px;
  width: calc(25% - 12px);
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul li.new-dir svg {
  margin: 13px 0 0 10px;
}
#space-component-location.accordion > .card .card-body .directory-wrapper ul li.new-dir div {
  line-height: 24px;
}
.directory-wrapper .empty-icon-container.fa_trans .icons {
  transform: translate(-50%, -50%) scale(0.75);
  top: calc(50% - 30px) !important;
}
#space-component-location.accordion > .card .card-body button.get-session-next {
  float: right;
  width: 38px;
  height: 38px;
  padding: 9px 3px;
  border-radius: 0;
  top: -100px;
  margin-right: 7px;
}
#space-component-location.accordion > .card .card-body button svg {
  font-size: 18px;
  margin: 1px 0 0 1px;
}
#space-component-location.accordion > .card .card-body button.waiting::after {
  top: 9px;
  left: 9px;
  font-size: 18px;
}
.space-component.location {
  max-height: 250px;
  overflow: auto;
}
.space-dialogs.select ul {
  padding: 0;
  list-style: none;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.space-dialogs.select ul li {
  padding: 12px 14px;
  background-color: #292833;
  margin-bottom: 2px;
  cursor: pointer;
}
.space-dialogs.select ul li svg {
  color: #7316d6;
  margin-right: 8px;
  font-size: 11px;
}
.space-dialogs.select ul li:hover {
  background-color: #292833;
}
.space-dialogs.select ul li.selected,
.space-dialogs.select ul li.selected:hover {
  background-color: #292833;
}
.amo-warning-triangle {
  background: url(/site_media/img/icons/warning@300x.svg);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  display: inline-block;
}