/*!
 * Select2 v4 Bootstrap 5 theme v1.3.0
 *//*! jQuery UI - v1.13.3 - custom interactions build
 * https://jqueryui.com
 * Includes: core.css, draggable.css, sortable.css, theme.css
 * Copyright OpenJS Foundation and other contributors; Licensed MIT */

/* ===== themes/base/core.css ===== */
/*!
 * jQuery UI CSS Framework 1.13.3
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/@import url('/static/fonts/style.css');

/*
* {
  -moz-transition: none !important;
  -webkit-transition: none  !important;
  -o-transition: none 0 ease-in  !important;
  transition: none  !important;
}
*//**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/* CSS Document *//*!
 * Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */#login-buttons-image-oidc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACQUlEQVQ4T5WTy2taQRTGv4kSXw0IoYIihCjFmhhfhUqW9a+o0I2LInTRRbtw05V2I9KQuuimi24KXQqChIhQQcQgGGNz0YpvMCG1yL1tGqvBZsKMIIXcjQcOcznnfL+ZOecOEUVx4/Ly8mQ6neqxhKlUKmltbc1Nut2uqJ/bEnJAkiTmEhEEgVqtViiVyjuAP70j/Pj6Htbglzu52WyGdrsNUq1Wqc1mk939+9sHPP7wTVM232g0QMrlMrXb7bIFndgcbAk3ZPP1eh2kVCrRra2tRcFoNEK1WoXf78fg3Rxsfl3H3t4e3G43dnd3wWrMZjNqtRpIsVhcAFKpFPL5PBfF43H8TDj49/2XAvb393F2dgaNRgNKKaLR6ByQz+epw+HAwcEBisUijEYjgsEg1Go1pA9ODtC/+MZFDCKKIo9FIhEIggCSy+Xozs4OYrEY2ChDoRAIIVww/ujhxdrnFTSbTX6Cfr+Pi4sLhMNhnJ6egmSzWepyuZBIJGAwGBAIBLiY2ezTI74qg2UoFIqFr6ys4OrqiveKHB4eckAmk8FgMMD29jZ8Ph8XKj4/5uu/ZyXZKXBAOp2mHo+H/0isD6zDOp0Om5ubsAuvcA+/8ffpkSygUqmApFIp6vV6+b2ZsNfrodVqYTgcwqXtwul04pfhiSzg+PgYJJlMUovFwhvIbHV1lTs70c3NDSaTCa6vr+8A2FvodDr8CmwuepPJtIDIbvdfkInPz89ZRCKFQmFjNBqdjMfjpZ6jVquV1tfX3bcYegI7CyIWlgAAAABJRU5ErkJggg==');
}.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }.select2-container--bootstrap-5{display:block}select+.select2-container--bootstrap-5{z-index:1}.select2-container--bootstrap-5 :focus{outline:0}.select2-container--bootstrap-5 .select2-selection{width:100%;min-height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.select2-container--bootstrap-5 .select2-selection{transition:none}}.select2-container--bootstrap-5.select2-container--focus .select2-selection,.select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection{border-bottom:0 solid transparent;border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection{border-top:0 solid transparent;border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap-5 .select2-search{width:100%}.select2-container--bootstrap-5 .select2-search--inline .select2-search__field{vertical-align:top}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear{position:absolute;top:50%;right:2.25rem;width:.75rem;height:.75rem;padding:.25em;overflow:hidden;text-indent:100%;white-space:nowrap;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat;transform:translateY(-50%)}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover,.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear>span,.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear>span{display:none}.select2-container--bootstrap-5+.select2-container--bootstrap-5{z-index:1056}.select2-container--bootstrap-5 .select2-dropdown{z-index:1056;overflow:hidden;color:#212529;background-color:#fff;border-color:#86b7fe;border-radius:.25rem}.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below{border-top:0 solid transparent;border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above{border-bottom:0 solid transparent;border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--bootstrap-5 .select2-dropdown .select2-search{padding:.375rem .75rem}.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{display:block;width:100%;padding:.375rem .75rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{transition:none}}.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested){max-height:15rem;overflow-y:auto}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option{padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__message{color:#6c757d}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted{color:#000;background-color:#e9ecef}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){color:#fff;background-color:#0d6efd}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled,.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-disabled=true]{color:#6c757d}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group]{padding:0}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{padding:.375rem;font-weight:500;line-height:1.5;color:#6c757d}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:.375rem .75rem}.select2-container--bootstrap-5 .select2-selection--single{padding:.375rem 2.25rem .375rem .75rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{padding:0;font-weight:400;line-height:1.5;color:#212529}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{font-weight:400;line-height:1.5;color:#6c757d}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__arrow{display:none}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered{display:flex;flex-direction:row;flex-wrap:wrap;padding-left:0;margin:0;list-style:none}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{display:flex;flex-direction:row;align-items:center;padding:.35em .65em;margin-right:.375rem;margin-bottom:.375rem;font-size:1rem;color:#212529;cursor:auto;border:1px solid #ced4da;border-radius:.25rem}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{width:.75rem;height:.75rem;padding:.25em;margin-right:.25rem;overflow:hidden;text-indent:100%;white-space:nowrap;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat;border:0}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove>span{display:none}.select2-container--bootstrap-5 .select2-selection--multiple .select2-search{display:block;width:100%;height:1.5rem}.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field{width:100%;height:1.5rem;margin-top:0;margin-left:0;font-family:inherit;line-height:1.5;background-color:transparent}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear{right:.75rem}.select2-container--bootstrap-5.select2-container--disabled .select2-selection,.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection{color:#6c757d;cursor:not-allowed;background-color:#e9ecef;border-color:#ced4da;box-shadow:none}.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice{cursor:not-allowed}.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{display:none}.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty),.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty){padding-bottom:0}.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty)+.select2-search,.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty)+.select2-search{display:none}.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu).select2-container--bootstrap-5 .select2-selection,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu).select2-container--bootstrap-5 .select2-selection{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.btn~.select2-container--bootstrap-5 .select2-selection,.input-group>.dropdown-menu~.select2-container--bootstrap-5 .select2-selection,.input-group>.input-group-text~.select2-container--bootstrap-5 .select2-selection{border-top-left-radius:0;border-bottom-left-radius:0}.input-group .select2-container--bootstrap-5{flex-grow:1}.input-group .select2-container--bootstrap-5 .select2-selection{height:100%}.is-valid+.select2-container--bootstrap-5 .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5 .select2-selection{border-color:#198754}.is-valid+.select2-container--bootstrap-5.select2-container--focus .select2-selection,.is-valid+.select2-container--bootstrap-5.select2-container--open .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5.select2-container--focus .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.is-valid+.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection{border-bottom:0 solid transparent}.is-valid+.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection{border-top:0 solid transparent;border-top-left-radius:0;border-top-right-radius:0}.is-invalid+.select2-container--bootstrap-5 .select2-selection,.was-validated select:invalid+.select2-container--bootstrap-5 .select2-selection{border-color:#dc3545}.is-invalid+.select2-container--bootstrap-5.select2-container--focus .select2-selection,.is-invalid+.select2-container--bootstrap-5.select2-container--open .select2-selection,.was-validated select:invalid+.select2-container--bootstrap-5.select2-container--focus .select2-selection,.was-validated select:invalid+.select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.is-invalid+.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection,.was-validated select:invalid+.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection{border-bottom:0 solid transparent}.is-invalid+.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection,.was-validated select:invalid+.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection{border-top:0 solid transparent;border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap-5 .select2--small.select2-selection{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-selection__clear{width:.5rem;height:.5rem;padding:.125rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear:hover,.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-selection__clear:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search,.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search .select2-search__field,.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search,.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search .select2-search__field{height:1.5em}.select2-container--bootstrap-5 .select2--small.select2-dropdown{border-radius:.2rem}.select2-container--bootstrap-5 .select2--small.select2-dropdown.select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap-5 .select2--small.select2-dropdown.select2-dropdown--above{border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option,.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-search .select2-search__field{padding:.25rem .5rem;font-size:.875rem}.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{padding:.25rem}.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:.25rem .5rem}.select2-container--bootstrap-5 .select2--small.select2-selection--single{padding:.25rem 2.25rem .25rem .5rem}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice{padding:.35em .65em;font-size:.875rem}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{width:.5rem;height:.5rem;padding:.125rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear{right:.5rem}.select2-container--bootstrap-5 .select2--large.select2-selection{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-selection__clear{width:1rem;height:1rem;padding:.5rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear:hover,.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-selection__clear:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-search,.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-search .select2-search__field,.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-search,.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-search .select2-search__field{height:1.5em}.select2-container--bootstrap-5 .select2--large.select2-dropdown{border-radius:.3rem}.select2-container--bootstrap-5 .select2--large.select2-dropdown.select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap-5 .select2--large.select2-dropdown.select2-dropdown--above{border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option,.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-search .select2-search__field{padding:.5rem 1rem;font-size:1.25rem}.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{padding:.5rem}.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:.5rem 1rem}.select2-container--bootstrap-5 .select2--large.select2-selection--single{padding:.5rem 2.25rem .5rem 1rem}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice{padding:.35em .65em;font-size:1.25rem}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{width:1rem;height:1rem;padding:.5rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear{right:1rem}.form-select-sm~.select2-container--bootstrap-5 .select2-selection{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear{width:.5rem;height:.5rem;padding:.125rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-search,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-search,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-search .select2-search__field{height:1.5em}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown{border-radius:.2rem}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above{border-bottom-right-radius:0;border-bottom-left-radius:0}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option,.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{padding:.25rem .5rem;font-size:.875rem}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{padding:.25rem}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:.25rem .5rem}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single{padding:.25rem 2.25rem .25rem .5rem}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{padding:.35em .65em;font-size:.875rem}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{width:.5rem;height:.5rem;padding:.125rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear{right:.5rem}.form-select-lg~.select2-container--bootstrap-5 .select2-selection{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear,.form-select-lg~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear{width:1rem;height:1rem;padding:.5rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover,.form-select-lg~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-search,.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field,.form-select-lg~.select2-container--bootstrap-5 .select2-selection--single .select2-search,.form-select-lg~.select2-container--bootstrap-5 .select2-selection--single .select2-search .select2-search__field{height:1.5em}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown{border-radius:.3rem}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above{border-bottom-right-radius:0;border-bottom-left-radius:0}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option,.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{padding:.5rem 1rem;font-size:1.25rem}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{padding:.5rem}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:.5rem 1rem}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--single{padding:.5rem 2.25rem .5rem 1rem}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{padding:.35em .65em;font-size:1.25rem}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{width:1rem;height:1rem;padding:.5rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear{right:1rem}#login-buttons {
  display: inline-block;
  margin-right: 0.2px;
  line-height: 1;
}
#login-buttons .login-button {
  position: relative;
}
#login-buttons .login-buttons-with-only-one-button {
  display: inline-block;
}
#login-buttons .login-buttons-with-only-one-button .login-button {
  display: inline-block;
}
#login-buttons .login-buttons-with-only-one-button .login-text-and-button {
  display: inline-block;
}
#login-buttons .login-display-name {
  display: inline-block;
  padding-right: 2px;
  line-height: 1.5;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#login-buttons .loading {
  line-height: 1;
  background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
  width: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
#login-buttons .login-button,
.accounts-dialog .login-button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 4px 8px;
  font-size: 80%;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  background: #596595;
  border: 1px solid #464f75;
  border-radius: 4px;
}
#login-buttons .login-button:hover,
.accounts-dialog .login-button:hover {
  background: #7580ac;
}
#login-buttons .login-button:active,
.accounts-dialog .login-button:active {
  background: #7580ac;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
}
#login-buttons .login-button.login-button-disabled,
.accounts-dialog .login-button.login-button-disabled,
#login-buttons .login-button.login-button-disabled:active,
.accounts-dialog .login-button.login-button-disabled:active {
  color: #ddd;
  background: #aaa;
  border: 1px solid #c3c3c3;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.accounts-dialog * {
  padding: 0;
  margin: 0;
  line-height: inherit;
  color: inherit;
  font: inherit;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.accounts-dialog .login-button {
  width: auto;
  margin-bottom: 4px;
}
#login-buttons .login-buttons-padding {
  display: inline-block;
  width: 30px;
}
#login-buttons .login-display-name {
  margin-right: 4px;
}
#login-buttons .configure-button {
  background: #ff2a00;
  border-color: #cc2200;
}
#login-buttons .configure-button:active,
#login-buttons .configure-button:hover {
  background: #ff5533;
  border-color: #ff2a00;
}
#login-buttons .login-image {
  display: inline-block;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 16px;
  height: 16px;
}
#login-buttons .text-besides-image {
  margin-left: 18px;
}
#login-buttons .no-services {
  color: red;
}
#login-buttons .login-link-and-dropdown-list {
  position: relative;
}
#login-buttons .login-close-text {
  float: left;
  position: relative;
  padding-bottom: 8px;
}
#login-buttons .login-text-and-button .loading,
#login-buttons .login-link-and-dropdown-list .loading {
  display: inline-block;
}
#login-buttons.login-buttons-dropdown-align-left #login-dropdown-list .loading {
  float: right;
}
#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list .loading {
  float: left;
}
#login-buttons .login-close-text-clear {
  clear: both;
}
#login-buttons .or {
  text-align: center;
}
#login-buttons .hline {
  text-decoration: line-through;
  color: lightgrey;
}
#login-buttons .or-text {
  font-weight: bold;
}
#login-buttons #signup-link {
  float: right;
}
#login-buttons #forgot-password-link {
  float: left;
}
#login-buttons #back-to-login-link {
  float: right;
}
#login-buttons a,
.accounts-dialog a {
  cursor: pointer;
  text-decoration: underline;
}
#login-buttons.login-buttons-dropdown-align-right .login-close-text {
  float: right;
}
.accounts-dialog {
  border: 1px solid #ccc;
  z-index: 1000;
  background: white;
  border-radius: 4px;
  padding: 8px 12px;
  margin: -8px -12px 0 -12px;
  width: 250px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: #333;
}
.accounts-dialog > * {
  line-height: 1.6;
}
.accounts-dialog > .login-close-text {
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
}
.accounts-dialog label,
.accounts-dialog .title {
  font-size: 80%;
  margin-top: 7px;
  margin-bottom: -2px;
}
.accounts-dialog label {
  display: inline;
}
.accounts-dialog input[type=text],
.accounts-dialog input[type=email],
.accounts-dialog input[type=password] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.accounts-dialog input[type=text][type],
.accounts-dialog input[type=email][type],
.accounts-dialog input[type=password][type] {
  height: auto;
}
.accounts-dialog .login-button-form-submit {
  margin-top: 8px;
}
.accounts-dialog .message {
  font-size: 80%;
  margin-top: 8px;
  line-height: 1.3;
}
.accounts-dialog .error-message {
  color: red;
}
.accounts-dialog .info-message {
  color: green;
}
.accounts-dialog .additional-link {
  font-size: 75%;
}
.accounts-dialog .accounts-close {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  color: #000;
  opacity: 0.4;
}
.accounts-dialog .accounts-close:hover {
  opacity: 0.8;
}
.accounts-dialog #login-buttons-cancel-reset-password {
  float: right;
}
.accounts-dialog #login-buttons-cancel-enroll-account {
  float: right;
}
#login-dropdown-list {
  position: absolute;
  top: -1px;
  left: -1px;
}
#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list {
  left: auto;
  right: -1px;
}
#login-buttons-message-dialog .message {
  /* we intentionally want it bigger on this dialog since it's the only thing displayed */
  font-size: 100%;
}
.accounts-centered-dialog {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  z-index: 1001;
  position: fixed;
  left: 50%;
  margin-left: -258px / 2;
  top: 50%;
  margin-top: -40px;
  /* = approximately -height/2, though height can change */
}
#configure-login-service-dialog {
  width: 530px;
  margin-left: -538px / 2;
  margin-top: -300px;
  /* = approximately -height/2, though height can change */
}
#configure-login-service-dialog table {
  width: 100%;
}
#configure-login-service-dialog input[type=text] {
  width: 100%;
  font-family: "Courier New", Courier, monospace;
}
#configure-login-service-dialog ol {
  margin-top: 10px;
  margin-bottom: 10px;
}
#configure-login-service-dialog ol li {
  margin-left: 30px;
}
#configure-login-service-dialog .configuration_labels {
  width: 30%;
}
#configure-login-service-dialog .configuration_inputs {
  width: 70%;
}
#configure-login-service-dialog .new-section {
  margin-top: 10px;
}
#configure-login-service-dialog .url {
  font-family: "Courier New", Courier, monospace;
}
#configure-login-service-dialog-save-configuration {
  float: right;
}
.configure-login-service-dismiss-button {
  float: left;
}
#just-verified-dismiss-button,
#messages-dialog-dismiss-button {
  margin-top: 8px;
}
.hide-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  /* XXX consider replacing with DXImageTransform */
  background-color: #000000;
  /* fallback for IE7-8 */
  background-color: rgba(0, 0, 0, 0.7);
}
#login-buttons input[type=text],
.accounts-dialog input[type=text],
#login-buttons input[type=email],
.accounts-dialog input[type=email],
#login-buttons input[type=password],
.accounts-dialog input[type=password] {
  padding: 4px;
  border: 1px solid #aaa;
  border-radius: 3px;
  line-height: 1;
}#login-buttons {
  display: inline-block;
  margin-right: 0.2px;
  line-height: 1;
}
#login-buttons .login-button {
  position: relative;
}
#login-buttons .login-buttons-with-only-one-button {
  display: inline-block;
}
#login-buttons .login-buttons-with-only-one-button .login-button {
  display: inline-block;
}
#login-buttons .login-buttons-with-only-one-button .login-text-and-button {
  display: inline-block;
}
#login-buttons .login-display-name {
  display: inline-block;
  padding-right: 2px;
  line-height: 1.5;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#login-buttons .loading {
  line-height: 1;
  background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
  width: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
#login-buttons .login-button,
.accounts-dialog .login-button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 4px 8px;
  font-size: 80%;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  background: #596595;
  border: 1px solid #464f75;
  border-radius: 4px;
}
#login-buttons .login-button:hover,
.accounts-dialog .login-button:hover {
  background: #7580ac;
}
#login-buttons .login-button:active,
.accounts-dialog .login-button:active {
  background: #7580ac;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
}
#login-buttons .login-button.login-button-disabled,
.accounts-dialog .login-button.login-button-disabled,
#login-buttons .login-button.login-button-disabled:active,
.accounts-dialog .login-button.login-button-disabled:active {
  color: #ddd;
  background: #aaa;
  border: 1px solid #c3c3c3;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.accounts-dialog * {
  padding: 0;
  margin: 0;
  line-height: inherit;
  color: inherit;
  font: inherit;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.accounts-dialog .login-button {
  width: auto;
  margin-bottom: 4px;
}
#login-buttons .login-buttons-padding {
  display: inline-block;
  width: 30px;
}
#login-buttons .login-display-name {
  margin-right: 4px;
}
#login-buttons .configure-button {
  background: #ff2a00;
  border-color: #cc2200;
}
#login-buttons .configure-button:active,
#login-buttons .configure-button:hover {
  background: #ff5533;
  border-color: #ff2a00;
}
#login-buttons .login-image {
  display: inline-block;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 16px;
  height: 16px;
}
#login-buttons .text-besides-image {
  margin-left: 18px;
}
#login-buttons .no-services {
  color: red;
}
#login-buttons .login-link-and-dropdown-list {
  position: relative;
}
#login-buttons .login-close-text {
  float: left;
  position: relative;
  padding-bottom: 8px;
}
#login-buttons .login-text-and-button .loading,
#login-buttons .login-link-and-dropdown-list .loading {
  display: inline-block;
}
#login-buttons.login-buttons-dropdown-align-left #login-dropdown-list .loading {
  float: right;
}
#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list .loading {
  float: left;
}
#login-buttons .login-close-text-clear {
  clear: both;
}
#login-buttons .or {
  text-align: center;
}
#login-buttons .hline {
  text-decoration: line-through;
  color: lightgrey;
}
#login-buttons .or-text {
  font-weight: bold;
}
#login-buttons #signup-link {
  float: right;
}
#login-buttons #forgot-password-link {
  float: left;
}
#login-buttons #back-to-login-link {
  float: right;
}
#login-buttons a,
.accounts-dialog a {
  cursor: pointer;
  text-decoration: underline;
}
#login-buttons.login-buttons-dropdown-align-right .login-close-text {
  float: right;
}
.accounts-dialog {
  border: 1px solid #ccc;
  z-index: 1000;
  background: white;
  border-radius: 4px;
  padding: 8px 12px;
  margin: -8px -12px 0 -12px;
  width: 250px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: #333;
}
.accounts-dialog > * {
  line-height: 1.6;
}
.accounts-dialog > .login-close-text {
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
}
.accounts-dialog label,
.accounts-dialog .title {
  font-size: 80%;
  margin-top: 7px;
  margin-bottom: -2px;
}
.accounts-dialog label {
  display: inline;
}
.accounts-dialog input[type=text],
.accounts-dialog input[type=email],
.accounts-dialog input[type=password] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.accounts-dialog input[type=text][type],
.accounts-dialog input[type=email][type],
.accounts-dialog input[type=password][type] {
  height: auto;
}
.accounts-dialog .login-button-form-submit {
  margin-top: 8px;
}
.accounts-dialog .message {
  font-size: 80%;
  margin-top: 8px;
  line-height: 1.3;
}
.accounts-dialog .error-message {
  color: red;
}
.accounts-dialog .info-message {
  color: green;
}
.accounts-dialog .additional-link {
  font-size: 75%;
}
.accounts-dialog .accounts-close {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  color: #000;
  opacity: 0.4;
}
.accounts-dialog .accounts-close:hover {
  opacity: 0.8;
}
.accounts-dialog #login-buttons-cancel-reset-password {
  float: right;
}
.accounts-dialog #login-buttons-cancel-enroll-account {
  float: right;
}
#login-dropdown-list {
  position: absolute;
  top: -1px;
  left: -1px;
}
#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list {
  left: auto;
  right: -1px;
}
#login-buttons-message-dialog .message {
  /* we intentionally want it bigger on this dialog since it's the only thing displayed */
  font-size: 100%;
}
.accounts-centered-dialog {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  z-index: 1001;
  position: fixed;
  left: 50%;
  margin-left: -258px / 2;
  top: 50%;
  margin-top: -40px;
  /* = approximately -height/2, though height can change */
}
#configure-login-service-dialog {
  width: 530px;
  margin-left: -538px / 2;
  margin-top: -300px;
  /* = approximately -height/2, though height can change */
}
#configure-login-service-dialog table {
  width: 100%;
}
#configure-login-service-dialog input[type=text] {
  width: 100%;
  font-family: "Courier New", Courier, monospace;
}
#configure-login-service-dialog ol {
  margin-top: 10px;
  margin-bottom: 10px;
}
#configure-login-service-dialog ol li {
  margin-left: 30px;
}
#configure-login-service-dialog .configuration_labels {
  width: 30%;
}
#configure-login-service-dialog .configuration_inputs {
  width: 70%;
}
#configure-login-service-dialog .new-section {
  margin-top: 10px;
}
#configure-login-service-dialog .url {
  font-family: "Courier New", Courier, monospace;
}
#configure-login-service-dialog-save-configuration {
  float: right;
}
.configure-login-service-dismiss-button {
  float: left;
}
#just-verified-dismiss-button,
#messages-dialog-dismiss-button {
  margin-top: 8px;
}
.hide-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  /* XXX consider replacing with DXImageTransform */
  background-color: #000000;
  /* fallback for IE7-8 */
  background-color: rgba(0, 0, 0, 0.7);
}
#login-buttons input[type=text],
.accounts-dialog input[type=text],
#login-buttons input[type=email],
.accounts-dialog input[type=email],
#login-buttons input[type=password],
.accounts-dialog input[type=password] {
  padding: 4px;
  border: 1px solid #aaa;
  border-radius: 3px;
  line-height: 1;
}.at-form {
  float: none;
  margin: auto;
  overflow: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 15px;
}
.at-form p {
  font-size: 15px;
  line-height: 20px;
}
.at-title h3 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
}
.at-link.disabled {
  color: #444;
}
.at-signin-link {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}
.at-error,
.at-result {
  text-align: center;
}
.at-oauth {
  margin-top: 10px;
}
button.at-social-btn {
  display: block;
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  padding: 8px 10px;
  border-radius: 5px;
  font-size: 16px;
}
button.at-social-btn i {
  float: left;
  width: 40px;
  font-size: 20px;
  margin-top: 1px;
  padding-right: 15px;
  padding-left: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
button.at-social-btn#at-facebook {
  background: #3B5998;
  color: #fff;
}
button.at-social-btn#at-facebook.disabled {
  color: #ddd;
  background: #666666;
}
button.at-social-btn#at-facebook:hover {
  background: #2C4780;
}
button.at-social-btn#at-linkedin {
  background: #338AB0;
  color: #fff;
}
button.at-social-btn#at-linkedin.disabled {
  color: #ddd;
  background: #666666;
}
button.at-social-btn#at-linkedin:hover {
  background: #0571A6;
}
button.at-social-btn#at-twitter {
  background: #4099FF;
  color: #fff;
}
button.at-social-btn#at-twitter.disabled {
  color: #ddd;
  background: #666666;
}
button.at-social-btn#at-twitter:hover {
  background: #3288EB;
}
button.at-social-btn#at-google {
  background: #db5a3c;
  color: #fff;
}
button.at-social-btn#at-google.disabled {
  color: #ddd;
  background: #666666;
}
button.at-social-btn#at-google:hover {
  background: #CA4C2E;
}
button.at-social-btn#at-github {
  background: #666;
  color: #fff;
}
button.at-social-btn#at-github.disabled {
  color: #ddd;
  background: #666666;
}
button.at-social-btn#at-github:hover {
  background: #555;
}
.at-sep {
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}
.at-sep:before,
.at-sep:after {
  display: block;
  content: " ";
  border-bottom: 1px solid #ddd;
  width: 100%;
  position: absolute;
  top: 48%;
}
.at-sep:before {
  left: -60%;
}
.at-sep:after {
  right: -60%;
}
.at-input.validating * {
  cursor: progress;
}
.at-pwd-form > form {
  margin-top: 20px;
}
.at-pwd-form > form label {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px;
}
#at-btn {
  font-size: 16px;
  padding: 10px 12px;
  margin-top: 30px;
}
.at-signup-link {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}
.at-terms-link {
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
}
#orientationclass {
    min-height: 100%; /* min. height for modern browser */
    height:auto !important; /* important rule for modern Browser */
    height:100%; /* min. height for IE */
    overflow: hidden !important; /* FF scroll-bar */
    background: #ffffff;
}

#widget_login {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 1000;
    text-align: center;
    color: #fff;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}



#ds_container {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	overflow:hidden;
	height:100%;
	width:100%;
	background: #ffffff;
  font-size: 14px;

}

#close {
	height: 170px;
	line-height: 170px;
	position: fixed;
	top: 0;
	right:0;
	width: 170px;
	z-index: 2050;
	opacity: 0;
	text-align:center;
	-webkit-transition: opacity 0.5s ease-in-out, background-color 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out, background-color 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out, background-color 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out, background-color 0.5s ease-in-out;
}

#close a {
	height: 170px;
	width:170px;
	display:block;
}


#close:hover {
    opacity: 1;
    background: rgba(0,0,0,0.8);
}


#ds_container img {
	pointer-events: none
}



.horizontal #ds_container {
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.vertical #ds_container {
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	height: 100%;
	width: 100%;
	overflow: hidden;
}






#weather_bcg {
	-webkit-filter: grayscale(100%);
	-webkit-filter: brightness(0.6);
	background-size: 550px !important;
	background-position: -50px !important;
}



#ds_container #logo {
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 450px;
	height: 170px;
	line-height: 170px;
	background-image: url(css/logo-ds.png);
	background-position: left center;
	position:fixed;
	left:30px;
}

#ds_container #logo img {
	max-height:140px;
	max-width:450px; 
}

#ds_container #clock {
	color: #666;
	text-align: center;
	font-size: 72px;
	font-weight: lighter;
	line-height:170px;
	height:170px;
	width:280px;
	position:absolute;
	top:0;
	right:0px;
	background:rgba(0,0,0,0);


}
#ds_container #date {
	color: #666;
	text-align: right;
	font-size: 36px;
	height:110px;
	position:absolute;
	top:30px;
	right:530px;
	background:rgba(0,0,0,0);
	padding:5px 25px;
	border-right:dotted 1px #999;
}

#ds_container #date .day {
	color: #8e9c00;
	
}

#ds_container #weather_widget {
	height: 110px;
	z-index: 100;
	font-weight: lighter;
	color: #FFF;
	background-size: 180px !important;
	background-position: top left;
	width:255px;
	position:absolute;
	top:30px;
	right:280px;
	border-right:dotted 1px #999;
}

#ds_container #weather_widget #local {
padding-left:140px;
padding-top:23px;
}

#ds_container #weather_widget #city {
	font-size: 16px;
	line-height:16px;
	color: #8e9c00;
}

#ds_container #weather_widget #temp {
	font-size: 62px;
	line-height:62px;
	color: #8e9c00;
  font-weight:bold;
}





#ds_container #widget_header {
	background: rgba(255,255,255,1 );
	height: 170px;
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: solid 1px #ccc;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	z-index: 10;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

#ds_container #widget_footer {
	background: rgba(255,120,0,0.95);
	height:110px;
	color:#fff;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 10;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}



/* TEMPLATES */


.horizontal .MI_0 #icontent {
	width:100%; 
	padding:170px 0px 0 0px;
	height:1080px ;
}

.horizontal .MI_0 #widget_header {
    opacity: 1;
}

.horizontal .MI_0 #widget_footer {
    opacity: 0;
}



.horizontal .MI_1 #icontent {
	width:100%; 
	padding:170px 0px 0 0px;
	height:1080px ;
}

.horizontal .MI_1 #widget_header {
    opacity: 1;
}




.horizontal .MI_2 #icontent {
	width:100%; 
	padding:0 0px 0 0px;
	height:1080px ;
}

.horizontal .MI_2 #widget_header,
.horizontal .MI_2 #widget_footer {
    opacity: 0;
}






.horizontal .MI_3 #widget_header {
 	opacity: 0;
}

.horizontal .MI_3 #widget_footer {
    opacity: 1;
}

.horizontal .MI_3 #icontent {
	width:100%; 
	padding:0 0px 0 0px;
	height:1080px ;
}
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ===== themes/base/draggable.css ===== */
/*!
 * jQuery UI Draggable 1.13.3
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

/* ===== themes/base/sortable.css ===== */
/*!
 * jQuery UI Sortable 1.13.3
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

/* ===== themes/base/theme.css ===== */
/*!
 * jQuery UI CSS Framework 1.13.3
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit https://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png")/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png")/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png")/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png")/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png")/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png")/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png")/*{iconsDefault}*/;
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	-ms-filter: "alpha(opacity=30)"/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}

body {
	background: #f7f8f9;
  height:auto;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeSpeed !important;
  font-weight: normal;

}

.btn {
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

.btn-check:focus+.btn, .btn:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 0.20rem rgb(100 100 100 / 25%);
}

.form-control:focus:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgb(100 100 100 / 25%);
}

strong, b {
  font-weight: bold;
}

h1,h2,h3 {
  font-weight: bold;
}

h4 {
font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-weight: bold;

}

.text-muted {
  color: #555;
}

video[poster]{
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
  
.vjs-error .vjs-error-display:before {
  content: " "!important;
}

.video-js.vjs-sublime-skin .vjs-control-bar {
  z-index: 1;
}


.table>tbody>tr>td{
  vertical-align: middle;
  border-top:1px solid #e4e4e4;
}

.table>tbody>tr>td.align-top{
  vertical-align: top;
  border-top:1px solid #e4e4e4;
}

.table>tbody>tr>td.align-bottom{
  vertical-align: bottom;
  border-top:1px solid #e4e4e4;
}

.content-options-bcg {
    display:none;
}

ul.dropdown-menu {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}

.masthead ul.dropdown-menu {
  max-height: calc(100vh - 80px);
  overflow-y: auto;
}


.open > .dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration:.2s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration:.2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration:.2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



.select2-container--default .select2-results__option {
  border-bottom: solid 1px #e4e4e4;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #003a91;
  color: white;
}





a.skip-main {
  left:-999px;
  position:absolute;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
  color: #fff;
  background-color:#000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow:auto;
  margin: 10px 35%;
  padding:5px;
  border-radius: 15px;
  border:4px solid yellow;
  text-align:center;
  font-size:1.2em;
  z-index:999;
}

.text-info {
  color: #003A91;
}


.expandCollaboration {
  opacity: 0;
  width: 25px;
  height: 70px;
  line-height: 70px;
  z-index: -1;
  position: absolute;
  right: -10px;
  text-align: center;
  background: #23242c;
  color: white;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
    -webkit-transition: opacity 100ms linear, right 100ms linear;
  -o-transition: opacity 100ms linear, right 100ms linear;
  transition: opacity 100ms linear, right 100ms linear;
  border: 0;
  top:90px;
  
 /* top:calc(50vh - 70px);*/
}



.expandCollaboration.side {
  right: -20px;
  background: #777777;
  z-index: 1000;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  top:calc(50vh - 70px);  
  
}

#header:hover .expandCollaboration.side {
  opacity: 1; 
  right: 0px;
  top:calc(50vh - 70px);
}

#header:hover .expandCollaboration {
  opacity: 1; 
  right: -20px;
  top:90px;

}

.webcastmute {
  z-index: 1000;
}

.side .webcastmute {
  margin-top:50px;
}

.webcastmute .fa-volume-mute {

    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIKCSBpZD0ic3ZnMTg3MiIgaW5rc2NhcGU6dmVyc2lvbj0iMC40NCIgc29kaXBvZGk6ZG9jYmFzZT0iL2hvbWUvbHVjYS9BcnR3b3JrL2JsYWNrd2hpdGUtaWNvbi10aGVtZS9zY2FsYWJsZS9zdGF0dXMiIHNvZGlwb2RpOmRvY25hbWU9ImF1ZGlvLXZvbHVtZS1tdXRlZC5zdmciIHNvZGlwb2RpOnZlcnNpb249IjAuMzIiIHhtbG5zOmNjPSJodHRwOi8vd2ViLnJlc291cmNlLm9yZy9jYy8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHNvZGlwb2RpOm5hbWVkdmlldyAgYm9yZGVyY29sb3I9IiM2NjY2NjYiIGJvcmRlcm9wYWNpdHk9IjEuMCIgaWQ9ImJhc2UiIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIgaW5rc2NhcGU6Y3g9IjI0IiBpbmtzY2FwZTpjeT0iMjUuMTc0MDAzIiBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0icHgiIGlua3NjYXBlOmdyaWQtYmJveD0idHJ1ZSIgaW5rc2NhcGU6Z3JpZC1wb2ludHM9InRydWUiIGlua3NjYXBlOmd1aWRlLWJib3g9InRydWUiIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijk1MSIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMjgwIiBpbmtzY2FwZTp3aW5kb3cteD0iMCIgaW5rc2NhcGU6d2luZG93LXk9IjI1IiBpbmtzY2FwZTp6b29tPSIxNS4zMzMzMzMiIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgc2hvd2dyaWQ9InRydWUiIHNob3dndWlkZXM9InRydWUiPgoJPHNvZGlwb2RpOmd1aWRlICBpZD0iZ3VpZGU1NDM1IiBvcmllbnRhdGlvbj0iaG9yaXpvbnRhbCIgcG9zaXRpb249IjI0LjA2NTIxNyI+PC9zb2RpcG9kaTpndWlkZT4KPC9zb2RpcG9kaTpuYW1lZHZpZXc+CjxwYXRoIGlkPSJwYXRoMTg4MCIgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2NjIiBjbGFzcz0ic3QwIiBkPSJNNCwxNi4xbDAsMTUuOWgxMGwxMCwxMGwwLTM1LjlsLTEwLDEwSDR6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOC44LDIzLjlsNC42LTQuNmMwLjgtMC44LDAuOC0yLDAtMi44Yy0wLjgtMC44LTItMC44LTIuOCwwTDM2LDIxLjFsLTQuNi00LjZjLTAuOC0wLjgtMi0wLjgtMi44LDAKCWMtMC44LDAuOC0wLjgsMiwwLDIuOGw0LjYsNC42bC00LjYsNC42Yy0wLjgsMC44LTAuOCwyLDAsMi44YzAuNCwwLjQsMC45LDAuNiwxLjQsMC42czEtMC4yLDEuNC0wLjZsNC42LTQuNmw0LjYsNC42CgljMC40LDAuNCwwLjksMC42LDEuNCwwLjZzMS0wLjIsMS40LTAuNmMwLjgtMC44LDAuOC0yLDAtMi44TDM4LjgsMjMuOXoiLz4KPC9zdmc+Cg==);
    background-position: center;
    width: 50px;
    height: 50px;
    background-size: 70%;
    background-repeat: no-repeat;
}

.webcastmute .playwebcast {
  border-radius: 5px;
  background-color: rgba(0,0,0,0.3);
  font-size: 12px;
  width: auto;
  height: 100%;
  padding-top: 30%;
}


#webrtcplayer .toshowclose {
  opacity: 0;
  top:10px;
  right:10px;
  z-index: 10100;
  position: fixed;
  display: none;
}
/*
#webrtcPlaceholderSide {
  position: fixed;
  width: 320px;
  right: 20px;
  bottom: 20px;
}*/

#webrtcPlaceholderContent #remoteVideoContainer {
  height: 350px;
}

#webrtcPlaceholder {
    height: 100%;
    z-index: 1;
    position: relative;
}


.at-signup-link {
  display: none;
}

.genericedit label {
  text-transform: uppercase;
  font-size:12px;
  color:#888;
  width:150px;
}

.genericedit .form-group {
    margin-bottom: 5px;
    border-bottom: dotted 1px #ccc;
}


.frontendEdit label.col-md-3 {
  line-height: 34px;
  text-align: right;
}

.modal-body.height {
    max-height: calc(100vh - 280px);
    overflow-y: auto;
}

.modal-body {
  max-height: calc(100vh - 280px);
  overflow-y: auto;
}

.ios .modal-body {
  height: calc(100vh - env(safe-area-inset-bottom));
  overflow-y: auto;
}





.modal-header .close {
  margin-top: -2px;
  padding: 0 10px;
  opacity:0.8;
}

.activity_list_shortdesc img {
  max-width: 100%;
}


.files_list .fa-icon .fa {
  font-size: 18px;
  color: #888;
  line-height: 2;
}

/*
.horizontalitem.boolean.select, .horizontalitem.selectall {
  position: absolute;
  background: #fff;
}

.horizontalitem.THUMB_02 {
  position: absolute;
  background: #fff;
  margin-left: 40px;
}

.horizontalitem.title {
  position: absolute;
  background: #fff;
  margin-left: 120px;
  border-right: dotted 1px #ccc;
  height: 20px;
}

.horizontalitem.tableitem:first-of-type {
  background: #ff0000;
  margin-left: 320px;
}*/

.course_list .assetsheader-bcg {
  display:none;
}

.container.content-container {
    width: 100% !important;
    margin-right: 0;
    margin-left: 0;
    margin-top: 10px;
    max-width: 100% !important;
}


.jqstooltip{
    box-sizing: content-box;
}

.tooltip-inner {
  padding: 15px;
  background: white !important;
  border: 0;
  -webkit-box-shadow: 0 0 1px 1px rgb(20 23 28 / 20%), 0 3px 1px 0 rgb(20 23 28 / 10%);
  box-shadow: 0 0 1px 1px rgb(20 23 28 / 20%), 0 3px 1px 0 rgb(20 23 28 / 10%);
  color:#222;
  min-width: 190px;
  text-align: left !important;
}

.tooltip.top .tooltip-arrow {
  border-top-color: rgb(20 23 28 / 20%)
}

.tooltip.in {
  opacity: 1;
}

.slide {
  transform:translateX(100%);
   -webkit-transform:translateX(100%);  
}

.slide.in {
  transform:translateX(0);
   -webkit-transform:translateX(0);  
}

html, body {
	margin: 0;
	padding: 0;
	font-size:13px;
}

html {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  min-height: -webkit-fill-available;
}

body.modal-open {
  width: 100%;
  min-height: -webkit-fill-available;
  padding-right: 0 !important;
}


.fixedheader-bcg {
  display:none;
}

/*
#platform.fixedassetsheader .fixedheader-bcg {
  position: fixed;
  display: block;
  height: 51px;
  z-index: 3;
  width: 100%;
  top: 114px;
  border-top: 0;
  border-bottom: solid 1px #e4e4e4;
  background: rgba(247,248,249,0.95);
}

#platform.fixedassetsheader .assetsheader-bcg  {
  position: sticky;
  top: 114px;
  z-index: 2;
  border: 0 !important;

}

#platform.fixedassetsheader .groupheader {
  position: fixed;
  z-index: 3;
  top: 112px;
  border: 0 !important;

}

#platform.fixedassetsheader #reportTabs {
  position: fixed;
  z-index: 3;
  width: 100%;
  top: 108px;
  border: 0 !important;

}

*/

#form-search-supervisor .col-md-2 {
  padding-left:5px;
  padding-right:5px;
}

.screen {
  width: 25%;
  float:left;
  height:150px;
  position: relative;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.screen:hover {
  background:#e4e4e4;
}

.screen-image {
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position: center;
  height:120px;
}

.screen-text {
  position:absolute;
  bottom:0;
  z-index: 1000;
  overflow: hidden;
  width: 90%;
  padding: 5px 0;
}



.PROFILE .uploadFile,
.EVENT .uploadFile,
.REGISTRATION .uploadFile,
.INSTANCE .uploadFile,
.COURSE .uploadFile,
.GROUP .uploadFile,
.WEBCASTCONTENT .uploadFile {
  display: none;
}

.WORKSPACE .uploadform,
.COURSE .uploadform,
.INSTANCE .uploadform,
.GROUP .uploadform  {
  display: none;
}

.nmp.WORKSPACE .uploadform {
  display: block !important;
}

.WORKSPACE .copyasset,
.WORKSPACE .cutasset, 
.INSTANCE .copyasset,
.INSTANCE .cutasset {
  display: none;
}

.WORKSPACE .btn-check-out-office,
.COURSE .btn-check-out-office,
.INSTANCE .btn-check-out-office,
.EVENT .btn-check-out-office,
.WORKSPACE .btn-check-out,
.COURSE .btn-check-out,
.INSTANCE .btn-check-out,
.EVENT .btn-check-out {
  display: none;
}







.options-container .btn-default:hover,
.assetsheader-bcg .btn-default:hover,
.content-options-bcg .btn-default:hover,
.modal .btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}


.btn.disabled, .btn[disabled] {
    opacity: .35;
}

.btn-gray {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-gray:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-gray:active:hover,
.btn-gray.active:hover,
.open > .dropdown-toggle.btn-gray:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.open > .dropdown-toggle.btn-gray:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.open > .dropdown-toggle.btn-gray.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus {
  background-color: #fff;
  border-color: #ccc;
}

form#save-profile {
  display: none;
}

.at-form .btn {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

#at-btn-login-with-link,
#at-submit-token,
#at-btn {
  font-size: 16px;
  padding: 10px 12px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.at-btn.submit, .btn-lg.logout {
  background-image: -webkit-linear-gradient(top,#0b488b 0,#10529b 100%) !important;
    background-image: linear-gradient(to bottom,#0b488b 0,#10529b 100%) !important;
    background-repeat: repeat-x;
    border-color: #10529b !important;
    background-color: #0b488b !important;
    color: #ffffff;
}

.at-btn.submit:active, .btn-lg.logout.active {
    color: #ffffff;
}

#at-field-password_again,
#at-field-password {
  -webkit-text-security: disc;
  -moz-text-security: disc;
  text-security: disc; 
}

.at-terms-link a {
  text-decoration: underline;
}

#login-buttons-password {
    margin: 10px 0;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 50px !important;
}

.message.error-message {
  color: #a94442 !important;
  background-color: #f2dede;
  border-color: #ebccd1 !important;
  margin: 5px 0;
  text-align: center;
  padding: 10px !important;
}

#login-email,
#login-password {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
 
#login-email-label
#login-password-label {
  margin-top: 5px; 
  margin-bottom: 0px; 
  font-weight: normal !important;
  font-size: 14px;
}

.gotoParent:last-child span {
  display: none;
}

input.required {
   border:solid 1px #ff0000 !important; 
}

#contenttoggle.URL .URL.container {
  width:100%;
}

:-webkit-full-screen #contenttoggle .URL .iframe {
 height:100%; 
}

:-ms-fullscreen #contenttoggle .URL .iframe {
 height:100%; 
}

:-moz-full-screen #contenttoggle .URL .iframe {
 height:100%; 
}

:fullscreen #contenttoggle .URL .iframe {
 height:100%; 
}

#contenttoggle .ONLYOFFICE .iframe {
  
}

#contenttoggle .ONLYOFFICE .iframe iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%; 
}


#contenttoggle .URL .iframe
.ONLYOFFICE .iframe {
  position: relative;
  padding-bottom: inherit;
  padding-top: inherit;
  overflow: hidden;

}


#contenttoggle .URL .iframe #miframe,
.GROUP .iframe #miframe {
  width: 100% !important;
  height: calc(100vh - 165px) !important;
  position: relative !important;
}

.ONLYOFFICE .iframe iframe {
  width: 100% !important;
  height: calc(100vh - 140px) !important;
  position: relative !important;
}


.fullscreen .ONLYOFFICE .container-fluid {
  padding: 0;
}

.fullscreen .ONLYOFFICE .iframe iframe,
.embed.ONLYOFFICE .iframe iframe {
  width: 100% !important;
  height: 100vh !important;
  position: relative !important;
}

.loading footer,
.loading #assetstoggle,
.loading #content {
    opacity: 0.2;
    filter: blur(5px);
    overflow: hidden;
}


.loading .loadingSpinner {
   opacity:1; 
   display:block;
   width: 240px;
}

.loadingSpinner {
  padding:18px 18px 12px 18px;
  opacity:0;
  display:none;
  position: absolute;
  width: 100%;
  height: 49px;
  z-index:1000;
}

.loading .fixed-articleheader {
  opacity: 0;
}

.fc-content {
   padding:3px; 
}

.fc thead {
  background: none;
}

#content {
  outline:0;
}

.content-bcg {
    padding-top: 50px;
}

.DIRECT.dashboard_tab_1 .content-bcg,
.DIRECT.dashboard_tab_2 .content-bcg,
.GROUP.dashboard_tab_1 .content-bcg,
.GROUP.dashboard_tab_2 .content-bcg {
  padding-top: 100px;
}

.FILE.dashboard_tab_1 .content-bcg,
.FILE.dashboard_tab_2 .content-bcg {
  padding-top: 90px;
}

.FILE.dashboard_tab_1 .content-bcg.IMAGE,
.FILE.dashboard_tab_1 .content-bcg.ONLYOFFICE,
.FILE.dashboard_tab_1 .content-bcg.PLAYLIST,
.FILE.dashboard_tab_1 .content-bcg.VIDEO,
.FILE.dashboard_tab_1.none .content-bcg,
.FILE.dashboard_tab_1.list .content-bcg,
.FILE.dashboard_tab_2 .content-bcg.IMAGE,
.FILE.dashboard_tab_2 .content-bcg.ONLYOFFICE,
.FILE.dashboard_tab_2 .content-bcg.PLAYLIST,
.FILE.dashboard_tab_2 .content-bcg.VIDEO,
.FILE.dashboard_tab_2.none .content-bcg,
.FILE.dashboard_tab_2.list .content-bcg,
.GROUP.dashboard_tab_5 .content-bcg {
    padding-top: 41px;
}

.GROUP.dashboard_tab_5 .content-bcg {
  padding-top: 41px;
}

.FILE.dashboard_tab_1.list .content-bcg.COURSE,
.FILE.dashboard_tab_2.list .content-bcg.COURSE {
    padding-top: 90px;
}



.overflow-elipsis {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; 
}

.meinCall .btn {
  background: rgba(255,255,255,0.3);
  border: solid 1px #555;
}

.select_user {
  display: inline-block;
}
.catfilter.selected {
  font-weight: bold;
}

.catfilter .fa-check-square-o,
.catfilter.selected .fa-square-o {
  display: none
}

.catfilter .fa-square-o {
  display: inline-block;
}

.catfilter.selected .fa-check-square-o {
  display: inline-block;
}




#btn-toggle-collaboration {
 background: none;
 border: none;
 width: 51px;
 text-align: center;
 line-height: 55px;
 color: #fff;
 border-left: solid 1px #ccc;
}
  
.btn-profile {
  padding: 5px 10px 5px 10px; 
  background:none;
  color:#555;

}

.btn-profile img {
     width:32px;
     height:32px;
}

.btn-profile:hover img {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-profile:hover,
.btn-profile:active:hover,
.btn-profile:active:focus,
.btn-profile:focus,
.btn-group.open .btn-profile.dropdown-toggle  {
    background:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-add {
	border-radius: 2px !important;
    width: 34px;
    height: 34px;
    padding: 0;
    line-height: 36px;
    text-align: center;
	  border:solid 1px #333;
	  background:#003293;
    color:#fff;
}

.btn-add:hover,
.btn-add:active:hover,
.btn-add:active:focus,
.btn-add:focus {
    color:#fff;
}


.btn-clearsearch, .doSearch {
  position: absolute;
    right: 5px;
    z-index: 10;
    height: 20px;
    width: 20px;
    color: #999;
    opacity: 1;
    background: #fff;
    font-size: 12px;
    padding: 0;
    top: 7px;
}


.btn-default.keyword {
	margin: 2px 0;
}


a {
	cursor:pointer;	
}

.ui-draggable-dragging {
	z-index:100000;
	opacity:0.7;
}

.fc-view-container {
    background: #fff;
}


.member-options.in,
.user-options.in  {
   display:block !important;
   width:100%;
   position:relative;
   z-index:10;
}

.btn-useroptions,
.btn-memberoptions {
  width:34px;
  display: flex;
  align-items: center;
  justify-content: center;
 }

 .user_list_instance.selected,
 .user_list_webcast.selected {
  background-color: rgba(165,208,255,0.2);
 }
 

 
 .user-options .list-group,
 .member-options .list-group  {
   -webkit-box-shadow: none;
    box-shadow: none;
}

.user-options,
.member-options {
   width:100%;
   margin-top:10px;
}






.user-options .list-group-item,
.member-options .list-group-item {
   padding: 0;
   border:0;
}

.filters_dropdown {
    margin-left: 5px;
}


.set_filter .remove_save_filter {
  opacity:0;
}

.dropdown-menu > li > a:hover .remove_save_filter {
  opacity:1 !important;
}



.list-group-item.panel-header {
  padding: 10px 15px;
}


.modal .list-group-item {
  margin: 0;
  border: 0;
  border-bottom: solid 1px #e7e7e7;
}

#adduserlist .list-group-item .fa {
   display:none; 
}

#adduserlist .list-group-item.list-group-item-danger .fa-close,
#adduserlist .list-group-item.list-group-item-success .fa-check,
.list-group-item.ok .fa,
.list-group-item.nok .fa {
   display:inline-block; 
}


.list-group-item.ok {
  color: #3c763d;
  background-color: #dff0d8;
}

.list-group-item.ok .fa-check{
   display: inline-block;
   float: right;
   opacity:1;
}

.list-group-item.nok .fa-remove{
   display: inline-block;
   float: right;
   opacity:1;
}

.list-group-item.nok {
  color: #a94442;
  background-color: #f2dede;
}



.user-options .list-group-item a,
.member-options .list-group-item a {
  display:block;
  padding: 10px 15px;
  color:#333333;
}

.user-options .list-group-item a:hover,
.member-options .list-group-item a:hover {
  background-image: -moz-linear-gradient(#f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(#f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#e8e8e8));
  background-image: -o-linear-gradient(#f5f5f5 0%, #e8e8e8 100%);
  background-image: linear-gradient(#f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-color: #e8e8e8;
}


.asset-hover .ffolder, 
.asset-hover.panel-body {
	outline: dashed 3px #FC0 !important;	
}

.asset-active .ffolder, 
.asset-active.panel-body {
	outline: solid 3px #FC0 !important;
}

.ui-state-highlight  {
	background-color: rgba(255,255,255,0.25) !important;
	border: none !important;
	min-height: 70px;
	width:100%;
  color:#000;
}

.offset1 .title{
	margin-left:0px;
}

.offset2 .title{
	margin-left:10px;
}

.offset3 .title{
	margin-left:10px;
}

.offset4 .title{
	margin-left:20px;
}

.btn-toggle:focus {
 	outline: none;	
}

.VIDEO .btn-toggle:hover {
 	color: #fff;	
}

.VIDEO .btn-toggle:focus {
 	color: #fff;	
}

.VIDEO .collapse {
    display: block !important;
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}

.VIDEO .collapse.in {
    display: block !important;
    visibility: visible;
    height: auto;
    overflow: hidden;
}

.btn-toggle {
    overflow: hidden;
	background:rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	}

.btn-toggle.collapsed {
	background:none;
	-webkit-box-shadow: none;
    box-shadow: none;
}




/*
.WORKSPACE .uploader,
.GROUP .uploader {
  display:none;	
}*/


.workspace .imgThumb {
    width: 50px;
    float: left;
    text-align: center;
    margin-right: 10px;
    height: 25px;
}

.watermarkoverlay {
	margin:5px 0;
	}
	
.watermarkoverlay-image {
	padding:10px;
	border:solid 1px #ccc;
	font-size:13px
	}



.tour-step-background {
	border-radius:0;	
}

.popover .btn-default.disabled {
	display:none;	
}

h3.popover-title {
	font-weight:bold;	
}

.mash #droppable .fa {
 display:block; 
 font-size:30px;
 margin:5px 0 0px 0;
}

.mash #droppable .fileinput-button  {
  border: dashed 3px #ccc;
  text-align: center;
  height: 85px;
  padding: 10px;
  width: 100% !important;
  background: none;
  color: #555;
  font-size: 16px;
  font-weight:bold;   
  border-radius: 0;
}



#header {
  background: #fff;
 
}

.mash #droppable .dropdown-toggle {
   display:none; 
}

.disabled {
  opacity:0.75; 
  filter: grayscale(100);
}




.dragover .assetitem, 
.dragover .folderitem {
   opacity:0.3; 
}

#assetstoggle.dragover {
  opacity: 1;
  border: dashed 3px #FC0;
  display: block;
  width: 100%;
}

#assetstoggle.dragover #nav {
  opacity: 0.2;
  position: relative;
}


.uploadDroppable {
  margin: 0px;
  padding: 15px;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 100;
  font-size: 18px;
}



.list #droppable .fileinput-button,
.extendedlist #droppable .fileinput-button  {
  border: dashed 3px #ccc;
    text-align: center;
    height:60px;
    line-height:44px;
    width: 100% !important;
    background: none;
    color: #555;
    font-size: 16px;
    font-weight:bold;
}




.list #droppable,
.extendedlist #droppable {
  width: 100%;
  margin:5px 0;
}

.list #droppable .dropdown-toggle,
.extendedlist #droppable .dropdown-toggle {
   display:none; 
}

.dragover .fileinput-button.dragover {
    border: dashed 3px #FC0;
}

.dragover .fileinput-button.dragover {
    border: solid 3px #FC0;
}
.ui-sortable-handle .input-group {
   opacity:0.3; 
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



.loadingfs {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 100000;
    padding: 20px;
	display:none;
	}
	
.loadingfs.in {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 100000;
    padding: 20px;
	display:block;
	}

::-moz-selection { 
    background: #003a91;
	color:#ffffff;
}

::selection {
    background: #003a91;
	color:#ffffff;
}

header.side #remoteVideoContainer.hidden {
   display:block !important; 
}

#remoteVideoContainer.notincall {
  height: 175px;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

#remoteVideoContainer.notincall:after {
  padding: inherit;
}


#remoteVideoContainer.call {
  margin-top: 0;
}

.side #remoteVideoContainer.livestream {
  margin-top: 50px;
}

.cobrowsing #WebcastContainer {
    width: 250px;
    margin: 0 auto;
}

.webcast.nobroadcast {
  z-index: 1000;
  position: absolute;
  width: 100%;
  margin-top: -85px;
}

.side .webcast.nobroadcast {
  z-index: 1000;
  position: relative;
  width: 100%;
  margin-top: -85px;
}

.webcast.connected {
  z-index: 1000;
  position: relative;
  width: 100%;
  margin-top: 0;
}

.cordova #joinscreen {
   display:none; 
}


.mainmenu_item:last-child .div {
  border: 0;
}


.workspacegroup strong {
  text-transform: uppercase;
  font-size: 11px;
}


a:hover, a:focus, a:active, .btn {
	text-decoration:none;
}

a:focus {
  outline: 0;
}


.truncate {
  max-width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  top: 4px;
  position: relative;
}

.raiseHand .truncate,
.inShare .truncate {
  max-width: 125px;
}

.inShare.raiseHand .truncate {
  max-width: 105px;
}


.usertruncate {
	max-width: 72px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}


.list .assetitem .check-element,
.list .folderitem .check-element {
  line-height: 28px;
  opacity: 0;
}

.assetitem:hover .check-element,
.folderitem:hover .check-element,
.list .assetitem:hover .check-element,
.list .assetitem.selected .check-element,
.dashboard_item.assetitem:hover .check-element,
.dashboard_item.assetitem.selected .check-element {
  opacity: 1;
}





.isscreensharing {
	position: absolute;
  top: -10px;
  left: -20px;
  width: 5px;
  text-indent: -100px;
  overflow: hidden;
  height: 27px;
  padding: 0;
  background: #008800;
  display: block;
	transition: opacity 0.125s ease;
	opacity:0;
	}
	
  

.isincall {
  position: absolute;
  top: -10px;
  left: -20px;
  width: 5px;
  text-indent: -100px;
  overflow: hidden;
  height: 55px;
  padding: 0;
  background: #0C0;
  display: block;
  transition: opacity 0.125s ease;
  opacity: 0;
  border-bottom:dotted 1px #fff;
}
	
.isincall.in, .isscreensharing.in {
	opacity:1;
}


.addasset {
  border: dashed 3px #cccccc;
  height: 216px;
  text-align:center;	
}

.addassetlist { 
  border: dashed 3px #cccccc;
  height: 60px;
  margin-bottom:10px;
  text-align:center; 
}

.addassetlist a {
	color:#555; 
	font-size:18px;
}

.addasset a {
  color:#555; 
}



.removeGroup {
  float: right;
  background: none;
  border: 0;
  padding: 0;
  position: absolute;
  right: 5px;
  top: 6px;
}

#alerts {
  position: fixed;
  bottom: 0px;
  width: 360px;
  right: 0px;
  top: calc(64px + env(safe-area-inset-top));
  padding:0;
  background: rgba(255,255,255,1);
  height:100%;
  transform:translateX(200%);
  -webkit-transform:translateX(200%);
  border-left: solid 1px #e7e7e7;
  transition: transform 0.4s ease-in-out;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  z-index:1011;
}

#alerts.cordova {
  top:0
}

#alerts.in {
  transform:translateX(0%);
  -webkit-transform:translateX(0%);
}

span.alert {
  display: block;
}

.alerts-header {
  height: 55px;
  line-height: 45px;
  margin: -5px -15px 0px 0px;
  padding: 10px 15px;
  border-bottom: solid 1px #e7e7e7;
  background: white;
}

#alerts .alert {
  margin:10px;
}

.downloadFile a {
   width:200px !important;
   padding:15px;
   background:#fff;
   text-align:center; 
   margin:10px auto 20px auto;
   font-size:16px;
   display:block;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
   box-shadow: 0 1px 2px rgba(0,0,0,.25);
   border: solid 1px #ccc;
}

.downloadFile li {
   display:none; 
}

:-webkit-full-screen .content.image {
 height:100%; 
}

:-ms-fullscreen .content.image {
 height:100%; 
}

:-moz-full-screen .content.image {
 height:100%; 
}

:fullscreen .content.image {
 height:100%; 
}

:-webkit-full-screen .content img.img-responsive {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

:-ms-fullscreen .content img.img-responsive {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

:-moz-full-screen .content img.img-responsive {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

:fullscreen .content img.img-responsive {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.content .detail {
	margin-top:10px;
}


.detail a {
    text-decoration: underline;
}

.change-audio-src {
	display:none;	
}

.cordova .change-audio-src {
	display:inline-block;	
}

.video-js.vjs-sublime-skin .vjs-big-play-button {
  top: calc(50% - 1.5em) !important;
  left: calc(50% - 1.5em) !important;
  z-index: 100 !important;
  line-height: 2em !important;
  height: 2em !important;
  background: rgba(90,90,90,.5);
  border-radius: 2px !important; 
  border:0 !important;
}

.video-js.vjs-sublime-skin .vjs-control-bar {
  z-index: 1000;
}


button#video2x {
    padding: 2px 3px;
    line-height: 11px;
}

ul.nav.navbar-nav .glyphicon {
	font-size: 24px;
	display: block;
	text-align: center;
	margin-bottom: 5px;
}

.context {
	line-height: 40px;
	font-size: 18px; 
	font-weight: bold; 
   /* font-family: "Proxima Bold";*/
	}

.mitvlogo {
  position: absolute;
  top: 15px;
}

.mitvlogo img {
  height: 40px;
}

.logoMob img {
  width: 45px;
}


#dropzone {
	width: 100%;
	height: 200px;
}
#dropzone.in {
	border: dashed 2px #09C;
	opacity: 0.3;
}
#dropzone.hover, #dropzone .hover {
	border: dashed 2px #000;
	opacity: 1;
}
#dropzone.fade {
	-webkit-transition: opacity 0.3s ease-out, border-color 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out, border-color 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out, border-color 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out, border-color 0.3s ease-out;
	transition: opacity 0.3s ease-out, border-color 0.3s ease-out;
	opacity: 1;
}


.dropnewfile2 {
	position: fixed;
	top: 0;
	right: 0;
	margin: 0;
	direction: ltr;
	cursor: pointer;
  width: 100%;
  height: 100%;
  background: #ff0000;
  z-index: 10000;
  opacity: 0;
}

.fileinput-button {
	position: relative;
  z-index: 10;
}

.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 12px;
  width: 100%;
  height: 100%;
	direction: ltr;
	cursor: pointer;
  text-indent: -1000px;
}

strong .date {
	font-weight:normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
}


.tab-height.comments {
    padding-bottom: 10px;
}




p.comment_text {
    margin-left: 35px;
    white-space: pre-line;
}

.btn-chat-input {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    color:#555;
    height:34px;
    overflow:hidden;
    resize: none;
}

input::placeholder {
  color: #999;
}

.btn-chat-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.btn-chat-input:-ms-input-placeholder {
  color: #999;
}
.btn-chat-input::-webkit-input-placeholder {
  color: #999;
}



#chat .library.panel-body .msg {
    position: relative;
    top: 20px;
    left: 0px;
    width: 100px;
}

.btn-chat-submit {
    border-radius: 50% !important;
    width: 34px;
    height: 34px;
    text-align: center;
    padding: 0;
    margin: 0;
}

#chat .library .comment_text {
  max-width:100% !important; 
  margin: 5px !important;
  background:none;
  text-align:left;
  width:100%;
}

#chat .library .comment_text.owner {
  max-width:100% !important; 
  margin: 5px !important;
  background:none;
  text-align:right;
  width:100%;
}

#chat .comment_text.owner {
  margin: -5px 34px 0 20px;
	padding: 10px;
  color: #4285F4;
  white-space: pre-line;
  touch-action: initial;
  -webkit-user-select: initial;
  -webkit-user-drag: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5) !important;
  background: #ecf3fe;
  border-radius: 20px 0 20px 20px;
  max-width: 80%;
  float: right;
  overflow:hidden;
  display:inline-block;
  overflow-wrap: break-word; 
  word-wrap: break-word;
}

#activity .comment_text {
  margin: 5px 0;
  padding: 10px;
  color: #333;
  white-space: pre-line;
  touch-action: initial;
  -webkit-user-select: initial;
  -webkit-user-drag: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5) !important;
  background: rgba(0,0,0,.05);
  border-radius: 0 20px 20px 20px;
  max-width: 80%;
  overflow: hidden;
  display: table;
  overflow-wrap: break-word;
  margin-bottom: 0;
}

#activity .comment_text.owner {
  color: #4285F4;
  background: #ecf3fe;
}

#activity .comment_text img{
  max-width: 100%;
}

#activity .comment {
 display:block;
 width: 100%;
 border: 0;
 position: relative;
 margin-bottom: 10px;
}


#chat .comment_text  {
	margin: -5px 20px 0 37px;
	padding: 10px;
	color: #777;
	white-space: pre-line;
  touch-action: initial;
  -webkit-user-select: initial;
  -webkit-user-drag: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5) !important;
  background: rgba(0,0,0,.05);
  border-radius: 0 20px 20px 20px;
  max-width: 80%;
  overflow:hidden;  
  display:inline-block;
  float:left;
  overflow-wrap: break-word; 
  word-wrap: break-word;
}


.owner.comment_text .fa-stack-4x {
  float:right;
  margin-left:10px; 
}

.comment_text .fa-stack-4x {
  float:left;
  margin-right:10px; 
}

.comment_text p {
	font-size:13px;
	line-height: 18px;
}

.comment_text p:last-child {
	font-size:13px;
	line-height: 18px;
  margin-bottom:0;
}


.comment_votes  {
	margin: 0px 20px 0 37px;
	padding: 5px 0;
	color: #333;
}

#chat .comment_text a .fa {
	color:#777;
	padding:20px;
	border:solid 1px #ccc;
	margin-bottom: 5px;
  margin-top: 10px;
  background:#fff;
}

#chat .comment_text a .fa-link {
	color:#777;
	padding:0px;
	margin-bottom: 0px;
  margin-top: 0px;
  border: 0;
  background: none;
}




#chat .comments .panel-body .msg {
  border:0;	
  display: inline-block;
  margin: 2px !important;
  width:100%;
}

#chat .panel-body .date {
    opacity:0;
}

#chat .panel-body:hover .date {
    opacity:1;
}



#chat .comments .panel-body.hung .msg,
#chat .comments .panel-body.call .msg,
#chat .comments .panel-body.recording .msg {
   margin-top: 0px !important;
   display: block;
   text-align: center;
   float:right;
   width:100%;
}

#chat .panel-body.hung .date,
#chat .panel-body.call .date,
#chat .panel-body.recording .date {
  opacity:1;
}

#chat .comment_text.raisehand {
  background: #4285f4;
  color:#fff;
}

.panel-body.hung  {
  padding:10px;
}
.panel-body.call  {
  padding:10px;
}

#chat .comments .panel-body.recording  {
	font-style:oblique;
}



#chat .panel-body.call .comment_text,
#chat .panel-body.hung .comment_text {
  color: #777;
  border-bottom: 0;
  margin: 0 auto;
  max-width: 100%;
  background: none;
  width: 100%;
  text-align: center;
  padding: 0 0 10px 0;
}



#chat .panel-body.hung .comment_text .fa {
  display: none !important;
}

#chat .panel-body.call .comment_text .fa {
  width:20px;
  display:inline-block;
}

#chat .panel-body.recording .comment_text {
  float: left;
  color: #a94442;
  border: none;
  margin: 0 20px 0 -5px;
  max-width: 100%;
  background-color: #f2dede;
}

#chat .panel-body.recording.me .comment_text {
  float: right;
}


#chat .panel-body.hung .comment_text .fa {
  width:20px;
  display:inline-block;
}










#chat .panel-body .deletecomment {
  opacity:0; 
  display:inline-block;
  position: absolute;
  right: 0;
}

#chat .panel-body.me .deletecomment {
  left:0;
}

#chat .panel-body:hover .deletecomment {
  opacity:1; 
}

#chat .panel-body:hover {
  background:rgba(0,0,0,0.01);
}

nav .list-group-item > .labels {
    position: absolute;
    right: 5px;
    top: 5px;
    min-width: 20px;
    font-size:10px;
}

nav .list-group-item > .labels span {
  font-size:10px;
}

nav .list-group-item.active > .badge {
     color: #fff; 
     background-color: #d9534f; 
}

nav .list-group-item {
   border:0;
}



.list-chats button,
.list-favorites button {
   opacity:0; 
   position: absolute;
   right: 2px;
   min-width: 20px;
   font-size:10px;
   background:none;
   border:0;
}

.dark #sticky .removePrivate,
.dark #sticky .fa-angle-down {
  color:#ccc;
  background: none;
}

.dark .assetitem button .fa-angle-down {
  background: none;
}


.list-chats .list-group-item:hover .badge, 
.list-favorites .list-group-item:hover .badge {
   opacity:0;
}

.list-chats .list-group-item:hover button,
.list-favorites .list-group-item:hover button {
   opacity:1;
}


.fa-angle-down,
.assetitem button .fa-angle-down {
 -webkit-transition: transform ease-in-out 125ms;
 transition: transform ease-in-out 125ms;
}

.collapsed .fa-angle-down,
.assetitem button.collapsed .fa-angle-down {
 -ms-transform: rotate(-90deg); 
 -webkit-transform: rotate(-90deg); 
 transform: rotate(-90deg);
}

nav .small {
  font-weight:bold;
  color:#000;
}

.list-group-item:first-child {
   border-radius:0; 
}

/* background-color used to be animated directly; the item now keeps a
   static background and a ::after overlay flashes opacity instead. */
.newcomment {
	position: relative;
	z-index: 0;
	background-color: #777;
}
.newcomment::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-color: #FF0000;
	animation: blink2 1s steps(5);
	-webkit-animation: blink2 1s steps(5);
	pointer-events: none;
}
@keyframes blink2 {
  0% {opacity: 0}
  50% {opacity: 1}
  100% {opacity: 0}
}
@-webkit-keyframes blink2 {
  0% {opacity: 0}
  50% {opacity: 1}
  100% {opacity: 0}
}
.profileImage {
	position: relative;
	width: 96px;
	height: 96px;
	margin: 0 auto 20px auto;
}
.profileImage a {
	position: absolute;
	background: #fff;
	border: solid 1px #ccc;
	right: -7px;
	bottom: 0px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 15px;
	height: 30px;
	width: 30px;
	line-height: 30px;
	overflow: hidden;
}



.at-form {
    width: 320px;
}

.at-form .imageTemplate {
	text-align: center;
}

.at-form .imageTemplate .text {
	display: none;
}

.fa-adfsoauth:before {
    content: "\f17a";
}

button.at-social-btn#at-adfsoauth {
    background: #999;
    color: #fff;
}

.at-form .fileinput-button, .loginForm .fileinput-remove {
	font-size: 0;
	line-height: 0;
}
	
.at-form .fileinput-button .fa, .loginForm .fileinput-remove .fa {
	font-size: 14px;
	line-height: 19px;
}

.at-form .imageTemplate .btn-group {
	opacity:0;
	margin-top:-120px;
}

.at-form .imageTemplate:hover .btn-group {
	opacity:1;
	margin-top:-120px;
}

.at-form p {
  font-size:14px;
}




.codeview {
	background: #333;
	color: #FFF;
	min-height: 300px;
	overflow-y: scroll;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.text-disabled {
	color: #e7e7e7;
}
.media .btn-group {
	z-index: 995;
}



select[data-form-type="multitags"] {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 2px;
    min-height:34px;
    padding:0px;
}

.select2-container--default .select2-search--inline .select2-search__field {
   color:#333; 
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e7e7e7;
    border: solid 1px #ccc;
    border-radius: 2px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  padding-left: 5px;
}

.profile-img-small {
	width: 32px;
	height: 32px;
}


.masthead .btn-group.open .dropdown-toggle {
 -webkit-box-shadow: none;
 box-shadow: none;
} 

.masthead .btn-user {
  max-width: 150px;
}

.masthead .back {
  font-size: 20px;
}

.masthead .btn-collaboration,
.masthead .btn-search {
  font-size: 20px;
}

.masthead .btn-collaboration {
  width: 40px;
  text-align: center;
}

.dark .btn-group.menu .fa {
  color: #e7e7e7;
}

#btn-sidemenu  {
  width: 70px;
  height: 64px;
  border-radius:0;
  border-right: solid 1px #e7e7e7;
  text-align: center;
  font-size: 20px;
}

.btn-back {
  width: 70px !important;
  height: 64px;
  border-radius:0;
  border-right: solid 1px #e7e7e7 !important;
}

.btn-collaboration {
  height: 64px !important;
  width: 64px !important;
  border-radius:0 !important;
  border-right: solid 1px #e7e7e7 !important;
}


.btn-sidemenu,
.btn-collaboration {
  background: none;
}

.dark .btn-sidemenu,
.dark .btn-back,
.dark .btn-collaboration {
  border-right: solid 1px #333 !important;
}

.fa-video-hang-camera {
  width: 20px;
}

.fa-video-hang-camera:before {
  content: "\f03d";
}

.fa-video-hang-camera:after {
    content: "/";
    position: relative;
    color: #ffffff;
    left: -9px;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 15px;
    text-shadow: #999 1px 1px;
}



.fa-video-hang-camera.x:after {
    content: "/";
    position: relative;
    color: #ffffff;
    left: -17px;
    top: 2px;
    font-family: Helvetica;
    font-weight: bold; 
    font-size: 24px;
    text-shadow: #777 1px 0px;
}


.dark .fa-video-hang-camera.x:after {
    color: #23242c;
    text-shadow: #ccc 1px 0px;
}


.disabled .fa-video-hang-camera.x:after {
    content: " ";
}

.profile-img-medium {
	width: 42px;
	height: 42px;
  float:left;
  margin:0 10px 0 0;
}

.previewVideoWrapper {
	background-color: #333;
	background: url("static/cam-bcg.png");
	background-size: cover;
	background-position: center center;
}

.haschildren {
	background: rgba(0,0,0,0.45);
	padding: 0;
	margin: 0;
	width: 20px;
	height: 20px;
	line-height: 21px;
	color: #fff;
	font-size: 16px;
	left: 65px;
	top: 0px;
	text-align:center;
}

.table > thead > tr > th {
  border-top: 0;
}


.col-md-1.pg {
	word-break: break-word;
}


.review-status {
  text-transform: uppercase;
  font-size: 10px;
}

.text-success {
  color: #5cb85c;
}

.badge-success, .badge-Approved, .badge-passed {
	background-color: #5cb85c;
}

.badge-danger, .badge-Rejected, .badge-failed {
	background-color: #d9534f !important;
}

/* background-color used to be animated directly (repaints every frame);
   the badge now stays a static red and only the pseudo-overlay's opacity
   animates, which the compositor can handle without repainting. */
.badge-alerts.in {
  position: relative;
  z-index: 0;
  background-color: #ff0000 !important;
}

.badge-alerts.in::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-color: #e99d9b;
  animation: pulse 1s infinite alternate !important;
	-webkit-animation: pulse 1s infinite alternate !important;
  pointer-events: none;
}


@keyframes pulse {
    from {opacity: 0;}
    to {opacity: 1;}
}


.profile-bcg .well-short {
	height: 300px;
	margin-bottom: 20px;
	overflow-y: scroll;
}
.profile-bcg .asset {
	border-bottom: dotted 1px #ccc;
	min-height: 75px;
}
.profile-bcg .user {
	border-bottom: dotted 1px #ccc;
	padding: 10px 0;
}
.profile-bcg h3 {
	color: #333;
	font-size: 13px;
	text-transform: uppercase;
	margin: 10px 0;
}
.profile-bcg .navbar-header a, .profile-bcg .navbar-inverse .navbar-brand, .profile-bcg .navbar-inverse {
	color: #FFF;
	font-size: 13px;
	text-transform: uppercase;
}
h4.media-heading a {
	line-height: 1 !important;
	font-size: 15px !important;
}
.profile-bcg h2 {
	font-size: 18px;
}

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

.embed {
	background: none;
}

.embed .container {
  width: 100%;
}

.embed .extLink {
  display: none;
}

.embed .container .detail {
  padding: 15px;
}

.embed .horizontalwrapper .media.visited a {
    color: #ccc;
}
.embed .horizontalwrapper .media a {
    color: #333;
}

.embed .horizontalwrapper .media.active {
    background: rgba(255,255,255,0.1);
}

.embed .horizontalwrapper .media.active a {
    color: #FFF;
}

.embed .note-editable.panel-body {
  height:720px;
  padding: 0 !important;
}

.embed .note-toolbar.panel-heading {
    z-index: 1000;
    width: 100%;
}

.embed .ds-edit-content {
  position:absolute; top:3px; right:3px; z-index:10001;
}

.embed #miframe {
  height: 100%;
}



.embed.URL {
  overflow: hidden;
  min-height:100vh;
  height: 100vh;
}

.embed.URL.ios {
  overflow: hidden;
  min-height:86vh;
  height: 86vh;
}

.embed .iframe{
  width: 100%;
  height: 100%;
  position: absolute;
}


#ds_container .ds-edit-content {
  display: none;
}

.loadingembed {
	width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.95);
    position: fixed;
    z-index: 1000;
    text-align: center;
    color: #fff;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index:10000;
}


.user {
	position: relative; 
}

.user.me .avatarmedium {
   border:solid 2px rgba(200,200,200,0.6);
   padding:2px;
   background:#fff;
}

/* border-color used to be animated directly; the image now keeps a static
   transparent border (so layout doesn't shift) and a ::after overlay with a
   static-colored border fades its opacity instead (compositor-only). */
.user.cobrowsePresenter img {
   position: relative;
   border:solid 2px transparent;
   padding:2px;
   background:#fff;
}

.user.cobrowsePresenter img::after {
   content: "";
   position: absolute;
   inset: 0;
   border: solid 2px rgba(204,0,0,0.8);
   animation-name: blinkblink;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   animation-direction: alternate;
   pointer-events: none;
}


@keyframes blinkblink {
    from { opacity: 1; }
    to   { opacity: 0; }
}

.fa.online, .green {
  color:#0C0
}

.fa.away, .yellow {
  color:#f0ad4e;
}

.fa.busy, .red {
  color:#ff0000;
}

.label {
  font-size:11px;
  vertical-align: middle;
}

.label-online {
  background: #0C0;
  text-transform: capitalize;
}

.label-offline {
	background: #777;
  text-transform: capitalize;
}

.label-away {
	background: #ffd200;
  text-transform: capitalize;  
}

.label-busy {
	background: #d9534f;
  text-transform: capitalize;  
}


.label-0 {
  background: #0C0;
}

.label-1 {
	background: #ffd200;
}

.label-2 {
	background: #d9534f;
}

.status.online {
	border-radius: 14px;
	width: 9px;
	height: 9px;
	background: #0C0;
  display: inline-block;
}

.status.away {
	border-radius: 14px;
	width: 9px;
	height: 9px;
	background: #ffd200;
  display: inline-block;
}

.status.offline {
	border-radius: 14px;
	width: 10px;
	height: 10px;
	background: #fff;
	border: solid 2px #ccc !important; 
  display: inline-block;
}

.status.busy {
	border-radius: 14px;
	width: 10px;
	height: 10px;
	background: #fff;
	border: solid 2px #ccc !important; 
  display: inline-block;
}

.member-status.group,
.member-status.group {
  color: #4285F4;
}

.dark .masthead .user .online,
.dark .masthead .user .away,
.dark .masthead .user .busy,
.dark .masthead .user .donotdisturb {
	border: solid 3px #23242c;
}


.user .online  {
	border-radius: 14px;
	width: 14px;
	height: 14px;
	background: #0C0;
	position: absolute;
	top: 24px;
	left: 24px;
	border: solid 3px #fff;
}

.user .away {
	border-radius: 14px;
	width: 14px;
	height: 14px;
	background: #ffd200;
	position: absolute;
	top: 24px;
	left: 24px;
	border: solid 3px #fff;
}

.user .busy, 
.user .donotdisturb {
	border-radius: 14px;
	width: 14px;
	height: 14px;
	background: #ff081e;
	position: absolute;
	top: 20px;
	left: 25px;
	border: solid 3px #fff;
}

.user .offline {
	border-radius: 12px;
	width: 12px;
	height: 12px;
	background: #fff;
	position: absolute;
	top: 24px;
	left: 24px;
	border: solid 2px #ccc !important;
}

.multiple.user .donotdisturb,
.multiple.user .online,
.multiple.user .busy,
.multiple.user .away {
  left: 42px;
}

.multiple.user .offline {
  left: 44px;
}

.edit-custom-fields label {
  width: 25%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: right;
  margin-top: 6px;
}

.edit-custom-fields .checkbox label {
  width: initial;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: right;
  margin: -4px 0 10px 0;
}

.edit-custom-fields .form-field {
  width: 50%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  
}

.presence-btns {
  padding: 5px 0;
  border-bottom: dotted 1px #e4e4e4;
  text-align: center;
}

.presence-btns .btn-sm {
  border-radius: 2px;
  padding: 2px;
}

.form-group {
    margin-bottom: 5px;
}

.edit-custom-fields .form-group .checkbox {
  margin-left: calc(25% + 20px);
}


.edit-custom-fields .form-group:before,
.edit-custom-fields .form-group:after {
    display: table;
    content: " ";
    clear: both;
}


.note-editable {
	display: block;
	width: 100%;
	height: 250px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555 !important;
	background-color: #fff;
	background-image: none;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal .note-editable {
	display: block;
	width: 100%;
	height: 90px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555 !important;
	background-color: #fff;
	background-image: none;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal .note-codable {
	height: 210px !important;

}

.note-toolbar.panel-heading {
    background: #fff;
    border-bottom:1px #ccc dotted;
}

.note-editor .note-btn {
    border: 0;
}

.note-editor.note-frame {
    border: 0;
}

.note-editable p {
	color: #555 !important;
}
.note-popover .popover .popover-content, .note-toolbar {
	padding: 0 0 5px 0px;
	margin: 0;
}

.note-fontname, .note-fontsize, .note-height {
	display:none;	
}

.editAssetForm h4 {
	margin:0 0 10px 0 !important;
	}
  
.thumb img {
    max-width:100%; 
    width: 100%;
}

.thumb .fa {
  min-height: 40px;
}

.masonry .thumb .fa {
    min-height: 30px;
    font-size: 24px;
    width: 100%;
    text-align: center;
    background: #e7e7e7;
    line-height: 100px;
}


.contenttabs .note-toolbar {
	display: none !important;
}
.note-editor {
	border: none;
	margin-bottom: 10px;
}


h2.media-heading, .clamped {
  overflow:hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  font-size:14px;
  line-height:18px;
  max-height:36px;
  margin:0;
}

.comment.Guest {
	opacity: 0.6;
}
.media.invite {
}
.cookie {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 2000;
}

:-webkit-full-screen .tohide {
display: none;
}
:-moz-full-screen .tohide {
display: none;
}
:-ms-fullscreen .tohide {
display: none;
}
:fullscreen .tohide {
display: none;
}
::-webkit-input-placeholder {
color:#e7e7e7;
}
::-moz-placeholder {
color:#e7e7e7;
} /* firefox 19+ */
:-ms-input-placeholder {
color:#e7e7e7;
} /* ie */
input:-moz-placeholder {
color:#e7e7e7;
}


.fullscreen #contenttoggle {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    overflow-y:auto;
  	-webkit-overflow-scrolling: touch;
    background: #ffffff;
}

.fullscreen .expandCollaboration {
  display: none;
}

.cordova.ios.fullscreen article {
  height:100%;
  top:0;
  bottom:0;
  left:0;
  right: 0;
}

.ios.fullscreen #contenttoggle .iframe {
  height:100%;
}



.well-black2.running,
.well-black2.RUNNING {
	background:rgba(0,255,0,0.1);
}
	
.well-black2.stopped,
.well-black2.STOPPED {
	background:rgba(255,0,0,0.1);
}

.branch-heading {
    margin: 0 10px;
}

.branch-heading a h3 {
  width: 100%;
  -webkit-transition: border-color ease-in-out 125ms, padding-bottom ease-in-out 125ms;
  transition: border-color ease-in-out 125ms, padding-bottom ease-in-out 125ms;
}

.branch-heading a.collapsed h3 {
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px; 
  width: 100%;
}

.branch-heading a:before {
  font-family: 'FontAwesome';
  content: "\f107";
  color: grey;
  font-size: 28px;
  float:right;
  position: absolute;
  right: 20px;
}
.branch-heading a.collapsed:before {
  content:"\f105";
}

.course-heading2 a:before {
  font-family: 'FontAwesome';
    content: "\f107";
    color: grey;
    font-size: 28px;
    float: right;
    position: absolute;
    right: 50px;
    margin-top: -10px;
}
.course-heading2 a.collapsed:before {
  content:"\f105";
}
 
.course-bcg {
  background: #ecf3fe;
  padding: 80px 0 20px 0;
  margin-bottom: 30px;
  margin-top: -100px;
  border-bottom: solid 1px #ddd;
}

.stats {
	font-size:24px;
  font-weight: 400;
}

.fa-running:before, .fa-RUNNING:before {
	color:#0C0;
	content: "\f00c";
	}
	
.fa-stopped:before, .fa-STOPPED:before {
	color:#FF0000;
	content: "\f071";
}

.fa-stopping:before, .fa-STOPPING:before {
	content: "\f021";
	-webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-starting:before, .fa-STARTING:before {
	content: "\f1ce";
	-webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.audioVolume {
  -webkit-transition: inherit !important; 
  -o-transition: inherit !important; 
  transition: inherit !important;  
}

.progress.audioProgress {
  height:10px;
  margin-bottom: 5px; 
  background-color: rgba(0,0,0,0.1);
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 5px;
}


.webrtc-overlay-messages {
	text-align: center;
	opacity:1;
	height:auto;
  z-index: 1000;
  width: 100%;
}

.side .webrtc-overlay-messages {
  position: absolute;
  bottom: 0px;
  height: 115px;
  width: calc(100% - 70px);
}

.side.full .webrtc-overlay-messages {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.side.chat .webrtc-overlay-messages {
  position: absolute;
  bottom: 0px;
  height: 115px;
  width: calc(100% - 320px);
}


.user_ .side.chat .webrtc-overlay-messages {
  width:100%;
}

.side-chat .webrtc-overlay-messages {
  width:100%;
}

.webrtc-overlay-messages.in{
	opacity:1;
}


.webrtc-overlay-messages.in.broadcast{
	opacity:0;
}




#remoteVideoContainer:hover .webrtc-overlay-messages.in.broadcast{
	opacity:1;
}

/*

.ios .call .webrtc-overlay-messages {
    bottom: -640px;
    opacity: 1;
    background: #000;
    height: 640px;
}

.ios .webrtc-overlay-messages {
 bottom:0px; 
 opacity:1;
 position:absolute;
 background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
 background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
 background: linear-gradient(to top, rgba(00,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}


.ios .call .webrtc-overlay-messages {
 bottom: -640px;
 opacity: 1;
 background: #000;
 height: 640px;
}
*/

.webrtc-video:hover .call .webrtc-overlay-messages,
video#remoteVideo:hover .webrtc-overlay-messages{
	opacity:1;	    
}

.side .webrtc-overlay-options {
  /*
  background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 10%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 10%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(00,0,0,0.65) 10%,rgba(0,0,0,0) 100%);*/
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	padding: 0;
	z-index: 1;
  min-height:50px;
  line-height: 50px;
  background: #17181e;

}

.webrtc-overlay-options {
  /*
  background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 10%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 10%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(00,0,0,0.65) 10%,rgba(0,0,0,0) 100%);*/
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	padding: 0;
	z-index: 1;
  min-height:50px;
  line-height: 50px;
}



.webrtc-overlay-messages .btn .fa-stack {
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
}


.web-rtc-message {
	margin:0;
	position: absolute;
	top: 50%;
    left: 50%;
    margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:99;
}



.web-rtc-system-message {
	margin:0;
	position: absolute;
	top: 43%;
  left: 50%;
  margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:49;
	opacity:0;
  padding:20px;
}

.side .web-rtc-system-message {
	top: 45vh;
}


.web-rtc-system-message.in {
	opacity:1;	
}

.web-rtc-status-message {
	margin:0;
	position: absolute;
	top: 43%;
  left: 50%;
  margin-right: -50%;
	-webkit-transform: translate(-50%, 15%);
	-ms-transform: translate(-50%, 15%);
	transform: translate(-50%, 15%);
	z-index:50;
	opacity:0;
	transition: opacity 100ms linear;
	-moz-transition: opacity 100ms linear;
	-o-transition: opacity 100ms linear;
	-webkit-transition: opacity 100ms linear;
  margin-top: 50px;
}


.side .web-rtc-status-message {
	top: 45vh;
}

.web-rtc-status-message.in {
	opacity:1;	
}

.web-rtc-message-join {
	z-index:112;
}

.webrtc-control {
	margin:10px 0;
	}
#welcomeWebRtc {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 100;
	padding:20px 30px;
}



#remoteVideoContainer {
	width: 100%;
	display: block;
	position: relative;
  overflow: hidden;
}

header.side #remoteVideoContainer_not,
header.side #remoteVideoContainer {
  height: calc(100vh - 115px);
}

.fullscreen #remoteVideoContainer {
  height: 100vh !important
}

#remoteVideoContainer:after {
	padding-top: 56.25%;
	display: block;
	content: '';
}

.webrtcholder {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}


video#localvideo {
   width:100%; 
   background:#000;
}



.pin .webrtc-overlay {
	padding: 20px 0;
}



.recording span {
	color: #F00;
	animation: blink 1s steps(5, start) infinite;
	-webkit-animation: blink 1s steps(5, start) infinite;
	will-change: opacity;
}
.fa-stack-4x {
	font-size: 4em;
}

.fa-stack-3x {
	font-size: 3em;
}

.mash .fa-stack-4x {
	font-size: 4em;
	padding-top: 0.3em;
}

.list .fa-stack-4x {
    font-size: 3 em;
    text-align: center;
    padding-top: 10px;
}

.imageTemplate.loading .loading-icon {
	opacity: 1;
	display: inline-block;
}
.imageTemplate.loading img {
	opacity: 0.2;
}
.imageTemplate.loading .fa-picture-o {
	display: none;
}
.imageTemplate .loading-icon {
	opacity: 0;
	display: none;
}
.loading-icon {
	opacity: 0;
	transition: opacity 225ms linear;
	-moz-transition: opacity 225ms linear;
	-o-transition: opacity 225ms linear;
	-webkit-transition: opacity 225ms linear;
}
.profileImage.loading img {
	opacity: 0.15;
}

.profileImage img {
	opacity: 1;
	transition: opacity 225ms linear;
	-moz-transition: opacity 225ms linear;    /* FF3.7+ */
	-o-transition: opacity 225ms linear;      /* Opera 10.5 */
	-webkit-transition: opacity 225ms linear; /* Saf3.2+, Chrome */
}
@keyframes blink {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  to {
    opacity: 0;
  }
}
.controlCamera {
	text-align: center;
	padding: 10px 0;
}
#webrtcplayer hr {
	border-top: 1px solid #333;
}
.controlCamera .btn {
	border-radius: 0px;
}



#profilename {
	margin-bottom:3px
}

.form-control, .btn, .panel, .well, .well-black, .dropdown-menu, .panel-group .panel  {
	border-radius: 3px;

}

.panel, .well, .well-black, .dropdown-menu {
  border: 0;
  -webkit-box-shadow: 0 0 1px 1px rgba(20,23,28,.2), 0 3px 1px 0 rgba(20,23,28,.1);
  box-shadow: 0 0 1px 1px rgba(20,23,28,.2), 0 3px 1px 0 rgba(20,23,28,.1);
}

.select2-dropdown {
  border: 0;
  -webkit-box-shadow: 0 0 1px 1px rgba(20,23,28,.2), 0 3px 1px 0 rgba(20,23,28,.1);
  box-shadow: 0 0 1px 1px rgba(20,23,28,.2), 0 3px 1px 0 rgba(20,23,28,.1);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 25px;
  border-left: solid 1px #e4e4e4;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 12px;
  padding-right: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.smallpadding {
	padding-left: 5px;
	padding-right: 5px;
}

.nav.mash {
    margin: 10px -5px;
}

.nav li h4, .dashboard_tab a h4 {
  font-size: 15px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.btn-multiple-options {
    margin: -10px 0;
    border-left: dotted 1px #ccc;
    padding: 8px 10px !important;
}

.row-table:hover .btn-options {
  opacity:1; 
}

.row-table .btn-options {
   opacity:0.3; 
}

.row-table.open .btn-options {
  opacity:1; 
}

.extendedlist .assetitem .btn-options,
.extendedlist .folderitem .btn-options,
.extendedlist .edit .btn-group {
   position: relative;
   right: 0px;
   top: 0px;
}


.assetitem:hover .btn-options,
.folderitem:hover .btn-options {
   opacity:1; 
}

.btn-options.open {
  opacity:1; 
}

#nav.dashboard_item, #nav.mash {
  margin: 20px 0;
}

.dashboard_item.folderitem .mash {
  border-top: solid 4px #777;
}

.dashboard_item.folderitem.smartfolder .mash {
  border-top: solid 4px #857ee4;
}

.dashboard_item .assetoptions .btn-group {
	float:right;	
}

.fade.in.disabled {
  opacity: 0.6;
}

.fade.in.disabled:hover {
  opacity: 1;
}

.dashboard_item .assetoptions button{
	height:29px;
	margin-right:1px;
	border:0;
	-webkit-box-shadow: none;
  box-shadow: none;
	background:none;
	border-left: dotted 1px #ccc;
  border-radius:0;
  float: right;
}

.dashboard_item .assetoptions .dropdown-menu {
  margin-top:30px;
}

.dashboard_item .assetoptions .check-element {
  float: right;
  right: 40px;
  position: absolute;
  line-height: 28px;
}




.dashboard_item.assetitem, #nav.mash .addnewassetitem  {
  padding-left: 0px;
  padding-right: 10px;
  cursor:pointer;
  -webkit-transition: opacity .115s linear;
  -o-transition: opacity .115s linear;
  transition: opacity .115s linear;
  float: left;
  position: relative;
  margin-bottom: 20px;
}

.show.grid4 .dashboard_item.assetitem, .show.grid4 #nav.mash .addnewassetitem  {
  width:20%; 
  max-width: 240px;

}

.show.grid6 .dashboard_item.assetitem, .show.grid6 #nav.mash .addnewassetitem  {
  width:25%; 
  max-width: 240px;
 
}

.show.grid8 .dashboard_item.assetitem, .show.grid8 #nav.mash .addnewassetitem  {
  width:20%; 
  max-width: 240px;
}

.show.grid0 .dashboard_item.assetitem, .show.grid0 #nav.mash .addnewassetitem,
.show.grid12 .dashboard_item.assetitem, .show.grid12 #nav.mash .addnewassetitem  {
  width:50%; 
}

.grid12 .topmargin  {
  margin-top:50px;
}

.cwidth .fixed-articleheader .col-xs-6   {
  display:none;
}

.addnewassetitem {
  display: none;
}

#nav.mash .addnewassetitem,
#nav.list .addnewassetitem,
#nav.extendedlist .addnewassetitem {
  display: block;
}



.asset {
  cursor:pointer;
}

#search_result .assetitem.mash,
#search_result .folderitem.mash {
	padding-left: 5px;
	padding-right: 5px;
}
#search_result.mash {
	margin: 0 -5px;
}




.dark .masthead .div-search-submit:hover input.form-control.searchvalue,
.masthead .div-search-submit input.form-control.searchvalue:focus {
  background: rgba(255,255,255,1);
  color:#333;
}


.advancedsearchToggle {
  font-size: 14px; 
	padding: 3px 6px 3px 10px;
}



.echo-bcg {
	background: #fff;
	background: rgba(255,255,255,0.6);
	padding: 10px 0;
}
.mash .webrtc-bcg, .extendedlist .webrtc-bcg {
	border-bottom: solid 1px #e4e4e4;
	background: rgba(0,0,0,0.6);
	padding: 00;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	height: auto !important;
	-webkit-transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out;
	transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out;
}



.content-container {
 	padding-bottom: 10px;
}

.content-options-bcg {
	padding-top: 10px;
}



#videocourse_slides {
  height: 100%;
  overflow: auto;
}


.text-white {
	color: #fff;
}

.text-white:hover,
.text-white:active,
.text-white:focus {
	color: #fff;
}

.assetsheader-bcg {
  padding: 0 10px 10px 0;
}



.media.list {
	max-height: 90px;
	overflow: hidden;
	-webkit-transition: max-height 225ms ease-in-out;
	-moz-transition: max-height 225ms ease-in-out;
	transition: max-height 225ms ease-in-out;
}

.media.list .createdBy, .media.list .content_type {
	text-overflow: ellipsis;
	overflow: hidden;
}

#webrtcplayer {
  font-size: 14px;
  color: #fff;
}

.videoupload {
  position: relative;
  color: #fff;
	background: #000;
	font-size: 16px;

}
.videoupload:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.videoupload > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.videoupload > div img{
  width: 100%;
  height: 100% !important;
}



#webrtcplayer hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0;
	border-top: 1px dotted #333;
}
.rotate-phone {
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	left: -1px;
}
.labeltag {
	white-space: nowrap;
	overflow: hidden;
	max-width: 70px;
	display: inline-block;
	text-overflow: ellipsis;
	text-align: left;
	border: 1px solid #ccc;
	color: #666;
	background-color: #FFF;
}
.labeltag:hover {
	color: #666;
}
.btn-file {
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}
.btn-file > input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(-300px, 0) scale(4);
	font-size: 23px;
	direction: ltr;
	cursor: pointer;
}

.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
  z-index: 1000;
}

.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.mash .haschildren_label:before {
	width: 30px;
	height: 30px;
	z-index: 1;
	position: absolute;
	display: block;
	content: "\f067";
	text-align: center;
	font-family: 'FontAwesome';
	webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #ccc;
	line-height: 30px;
	top: -5px;
	left:0;
	background: #434343;
}

.list .haschildren_label:before {
	background: #434343;
	width: 20px;
	height: 20px;
	z-index: 1;
	left: 7px;
	top: 0px;
	position: absolute;
	display: block;
	content: "\f067";
	text-align: center;
	font-family: 'FontAwesome';
	webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #ccc;
	line-height: 20px;
    font-size: 14px;
}



.radio-inline+.radio-inline {
    margin-left: 0;
}
.radio-inline {
    margin-right: 10px;
}

#player {
	position: relative;
}


.mash .MI_sep {
	width:100% !important;
  height:50px !important;
	margin-bottom:20px;
	font-color:#000;
}


.mash .MI_sep .asset-badge {
  display:none; 
}


ol#versions li:before {
    position: absolute;
    left: 16px;
    top: -8px;
    content: ' ';
    display: block;
    width: 2px;
    height: 16px;
    margin-left: 0px;
    background: #ccc;
    z-index: 1;
}

ol#versions li:first-child:before {
    background: none;
}

.editAssetForm ol#versions li:first-child .version{
    background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
}

#versions .panel-body {
  color: #222;
  padding: 15px 0;
	position:relative;
	z-index:2;
}

#versions .version {
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	background:#ccc;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	float:left;
	z-index:3;
	}

#versions .version-text {
	float: left;
    padding-left: 50px;
    width: 100%;
    position: absolute;
}

/*
ol#versions .panel-body.MI_sep .version-text {
  padding-left:0; 
}

ol#versions .panel-body.MI_sep .version {
  display:none;
}
*/
  

#nav.path.course li:after {
  position: absolute;
  left: 32px;
  top: -5px;
  content: " ";
  display: block;
  width: 3px;
  height: 14px;
  margin-left: 0;
  background: #e7e7e7;
  z-index: 1;
}

#nav.course li.course_complete svg {
    fill: #d4af37 !important;
}

#nav.course li.watched .text-muted {
    color:#4285F4 !important;
}

#nav.path.course li.watched:after {
    background: #4285F4;
    fill:#4285F4;
}

#nav.path.course li.course_complete:after,
#nav.path.course li.passed.course_complete:after {
   background: #d4af37;
}

#nav.course .panel-body.course_complete h4 {
  color:#d4af37;
}

#nav.course .watched.course_complete .img-circle .imgThumb,
#nav.course .passed.course_complete .img-circle .imgThumb {
    border-color: #d4af37;
    fill:#d4af37;
    background: #fff;
    width: 46px;
    height: 46px;
    margin-left: 0;
}



#nav.path.course li.inprogress:after,
#nav.path.course li.attempted:after,
#nav.path.course li.suspended:after {
   background: #777777;
   fill:#777777;

}

#nav.path.course li.failed:after {
   background: #d9534f;
   fill:#d9534f;

}

#nav.path.course li.passed:after {
   background: #5cb85c;
   fill:#5cb85c;

}

#nav.course li.completed .text-muted {
  color:#5cb85c !important;
}

#nav.path.course li.completed:after {
  background: #5cb85c;
}

#nav.course li svg {
  fill: inherit !important;
}



#nav.course li:first-of-type:after {
   position: absolute;
    left: 30px;
    top: -12px;
    content: ' ';
    display: block;
    width: 2px;
    height: 22px;
    margin-left: 0px;
    background: none !important;
    z-index: 1;
}

#nav.course li.MI_sep:first-of-type {
  margin-top: 0 !important; 
}

#nav.path.course list-style:.disabled:after {
   position: absolute;
    left: 32px;
    top: -12px;
    content: ' ';
    display: block;
    width: 0px;
    height: 22px;
    margin-left: 0px;
    background: #ccc;
    z-index: 1;

}

#nav.course .panel-body {
  padding-left:15px; 
}

#nav.course .panel-body {
  color: #222;
  padding: 15px 0;
	position:relative;
	z-index:2;
  min-height: 55px;
  border-bottom: dotted 1px #e4e4e4;
  margin-bottom: -1px;
}

#nav.path.course .panel-body {
  border-bottom: none;
  margin-bottom: 0px;
}


#nav.course .panel-body.disabled {
  opacity: 0.75;
  filter: grayscale(100%);
}

#nav.course .panel-body.a.disabled:hover {
  opacity: 1;
  filter: grayscale(0);
}

#nav.course .panel-body.disabled a {
  cursor: default;
}

#nav.course .panel-body a {
  display: table;
  width: 100%;
  height: 100%;
}


#nav.course .version {
	float:left;
	z-index:3;
  padding-left: 10px;
}

#nav.course .version .imgThumb {
  background: #e7e7e7;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 37px;
  margin-left: 0;
  padding: 3px;
  border: solid 3px transparent;
}

#nav.course .version-text {
  padding-left: 70px;
  width: 295px;
}

#nav.course .version-text.sortable:before {
	position: absolute;
  top: 10px;
  color: #777;
  left: 57px;
  content: "\f0dc";
	text-align: center;
	font-family: 'FontAwesome';
}

#nav.course .img-circle .thumb {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    font-size: 1.3em;
}

#nav.course .img-circle .imgThumb {
  fill:#777;
}

#nav.course .watched .img-circle .imgThumb {
  border-color: #4285F4;
  background: #fff;

  fill: #4285F4
}

#nav.course .completed .img-circle .imgThumb {
  border-color:#5cb85c;
  background: #fff;

  fill: #5cb85c

}

#nav.course .inprogress .img-circle .imgThumb,
#nav.course .suspended .img-circle .imgThumb,
#nav.course .attempted .img-circle .imgThumb {

  border-color: #777;
  background: #fff;

  fill:#777;
}


#nav.course li.MI_sep:before {
  background: none;
}

#nav.course li.MI_sep:after {
  background: none;
}

#nav.course .panel-body.MI_sep .version {
  background: #4285F4;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-left: 8px;
  padding-left: 0;
}

#nav.course .panel-body.MI_sep .version .fa {
  color:#fff;
}

#nav.course .panel-body.failed .imgThumb {
  background:#fff;
  border: solid 3px #d9534f;
  width: 46px;
  height: 46px;
  margin-left: 0px;
}

#nav.course .panel-body.failed .imgThumb .fa {
  color:#d9534f;
  padding: 9px;
  line-height: 16px;
  text-align: center;
}

#nav.course .panel-body.failed .imgThumb .fa:before {
  content:"\f00d";
}

#nav.course .panel-body.passed .imgThumb {
  background:#fff;
  border-color:#5cb85c;
  width: 46px;
  height: 46px;
  margin-left: 0px;
}

#nav.course .panel-body.passed .imgThumb .fa {
  color:#5cb85c;
  padding: 9px;
  line-height: 16px;
}


#nav.course .panel-body.passed .imgThumb .fa:before {
  content:"\f00c";
}



.list #nav .panel-body {
	padding: 7px 0px;
}

#menu .MI_sep .imgThumb {
  display:none; 
}

.mash .MI_sep a {
	color:#000 !important;
}

.MI_sep .mash,
.MI_sep .mash .meta {
	background:none !important;
	border:none !important;
  height:50px !important;
	}


video#remoteVideo,
video#wowzaRemoteVideo,
#remoteWebcast{
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index:100;
}

video#preview {
	position: relative;
}

.config .control-label {
	margin-top: 15px;
  display: block;
}

.asset-badge {
  padding: 5px 10px;
  position: absolute;
  left: 6px;
  z-index: 10;
  top: 60px;
  background: rgba(220,220,220,0.9);
  width:151px;
  text-transform: uppercase;
}

.asset-badge.fa-failed {
  background: rgba(217,83,79,0.3);
}

.asset-badge.fa-passed {
  background: rgba(92,184,95,0.3);
}

.label-passed, .label-Approved {
	background-color: #5cb85c;
  text-transform: uppercase;
  font-weight: normal;
  width: 70px;
  display: inline-block;
  padding: 6px;
}

.label-failed, .label-Rejected {
	background-color: #d9534f;
  text-transform: uppercase;
  font-weight: normal;
  width: 70px;
  display: inline-block;
  padding: 6px;
}

.label-answered, .label-watched {
	background-color: #ccc;
  text-transform: uppercase;
  font-weight: normal;
  width: 70px;
  display: inline-block;
  padding: 6px;
}

.label-offline {
	background-color: #e7e7e7;
}



.fa-inprogress {
    text-transform: uppercase;
}

.fa.fa-passed:before {
  content: "\f058";
}

.fa.fa-failed:before {
  content: "\f00d";
}

.label-rumena {
	background-color: #f4c922;
	display: inline-block;
}

.label-oranzna {
	background-color: #FE9900;
	display: inline-block;
}

.label-modra {
	background-color: #009fe3;
	display: inline-block;
}

.label-rdeca {
	background-color: rgb(228,6,19);
	display: inline-block;
}
.label-zelena {
	background-color: #3baa34;
	display: inline-block;
}
.label-crna {
	background-color: #333333;
	display: inline-block;
}
.asset .pull-left {
	width: 70px;
}

img.editasset {
	width: 45px;
	height: 45px;
}
img.avatarsmall {
	width: 32px;
	height: 32px;
  background-size: 100% 100%;
}

.horizontalwrapper {
	width: auto;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.horizontalwrapper .item {
	display: inline-block;
	vertical-align: top;
	width: 150px;
	padding: 5px;
	border: none;
	transition: background-color 225ms linear;
	-moz-transition: background-color 225ms linear;    /* FF3.7+ */
	-o-transition: background-color 225ms linear;      /* Opera 10.5 */
	-webkit-transition: background-color 225ms linear; /* Saf3.2+, Chrome */
}

.item.list-group-item:hover {
  background-color:#e4e4e4;
}


#nav-course .item {
	margin-right: 5px;
}
#nav-course .image {
	text-align: center;
	min-height: 85px;
	font-size: 68px;
	color: #e7e7e7;
}
#nav-course .active .image {
	color: #ccc;
}
.horizontalwrapper .media {
	background: rgba(155,195,219,0);
	webkit-box-shadow: none;
	box-shadow: none;
	transition: background-color 225ms linear;
	-moz-transition: background-color 225ms linear;    /* FF3.7+ */
	-o-transition: background-color 225ms linear;      /* Opera 10.5 */
	-webkit-transition: background-color 225ms linear; /* Saf3.2+, Chrome */
}
.horizontalwrapper p {
	white-space: normal !important;
	color: #ccc;
}
.horizontalwrapper .media.visited {
	background: rgba(155,195,219,0.2)
}
.horizontalwrapper .media a {
	color: #333;
}
.horizontalwrapper .media.visited a {
	color: #333;
}
.horizontalwrapper .media.active {
	background: rgba(155,195,219,0.9);
}
.horizontalwrapper .media.active.visited .text-muted {
	color: #333;
}
.horizontalwrapper .media.active a {
	color: #333;
}
.horizontalwrapper .item h4 {
	white-space: normal;
	margin-top: 5px !important;
	font-size: 15px;
}
.horizontalwrapper .item.active .text-muted {
	color: #FFF;
}
.nav-tabs .active .hidden-xs {
	display: inline-block !important;
}.
textarea {
  resize: vertical;
}

/* remove focus outline is not good for accesibility 

.btn:focus, .btn:hover {
	outline: none;
}
input:focus {
	outline: none;
}


textarea:focus {
	outline: none;
}
select:focus {
	outline: none;
}
input:focus, textarea:focus, select:focus {
	outline: none;
}

:focus {
	outline: none;
	text-decoration:none;
}
 */

#content-tabs.tab-content {
	color: #222;
  border: 1px solid #ddd;
  background-color: #ffffff;
  padding: 15px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

#cuepointsnav .asset img {
	width: 70px;
}

#cuepointsnav .media-body {
	margin-left: 90px;
}


.poll.disabled input[type="radio"] {
  display: none;
}

.list-group-item .radio label { 
  display:block; 
  width: 100%;
}

.poll .radio {
  margin: 5px;
}

.poll .list-group-item {
  padding:0px 5px;
  margin-bottom: 5px;
}

 .poll .radio_result { 
    height: 30px;
    background: rgba(66,133,244,0.3);
    position: absolute;
    left: 0;
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
    -ms-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
  }

.poll .list-group-item .btn-removepollAnswer {
  opacity: 0;
}

.poll .list-group-item:hover .btn-removepollAnswer {
  opacity: 1;
}

.poll .btn-removepollAnswer {
  position: absolute;
  right: 10px;
  z-index: 10;
}

:-webkit-full-screen#contenttoggle {
  width: 100%;
  height: 100%;
  background: #fff;
	padding:0px;
	overflow-y:auto;
}
:-moz-full-screen#contenttoggle {
  width: 100%;
  height: 100%;
  background: #fff;
	padding:0px;
	overflow-y:auto;

}
:-ms-fullscreen#contenttoggle {
  width: 100%;
  height: 100%;
  background: #fff;
	padding:0px;
	overflow-y:auto;

}
:fullscreen#contenttoggle {
  width: 100%;
  height: 100%;
  background: #fff;
	padding:0px;
	overflow-y:auto;
}

:-webkit-full-screen#contenttoggle.IMAGE {
    width: 100%;
    height: 100%;
	background: #000;
}
:-moz-full-screen#contenttoggle.IMAGE {
    width: 100%;
    height: 100%;
	background: #000;
}
:-ms-fullscreen#contenttoggle.IMAGE {
    width: 100%;
    height: 100%;
	background: #000;
}
:fullscreen#contenttoggle.IMAGE {
    width: 100%;
    height: 100%;
	background: #000;
}

:-webkit-full-screen#contenttoggle.VIDEO {
    width: 100%;
    height: 100%;
	background: rgb(99,99,99);
}
:-moz-full-screen#contenttoggle.VIDEO {
    width: 100%;
    height: 100%;
	background: rgb(99,99,99);
}
:-ms-fullscreen#contenttoggle.VIDEO {
    width: 100%;
    height: 100%;
	background: rgb(99,99,99);
}
:fullscreen#contenttoggle.VIDEO {
    width: 100%;
    height: 100%;
	background: rgb(99,99,99);
}

:-webkit-full-screen#contenttoggle .container {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
}

:-webkit-full-screen#contenttoggle .URL .iframe #miframe { 
	height: 100vh !important;	
}

:-moz-full-screen#contenttoggle .URL .iframe #miframe  {
	height: 100vh  !important;
}
:-ms-fullscreen#contenttoggle .URL .iframe #miframe {
	height: 100vh  !important;
}
:fullscreen#contenttoggle .URL .iframe #miframe {
	height: 100vh  !important;
} 
 
 
:-webkit-full-screen#contenttoggle .detail {
	padding:20px;
}

:-moz-full-screen#contenttoggle .detail {
	padding:20px;
}
:-ms-fullscreen#contenttoggle .detail {
    padding: 20px;
}
:fullscreen#contenttoggle .detail {
    padding: 20px;
} 



.scrollable-menu {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  background-image:none !important;
  background-color: #003A91 !important;
}

.dropdown-menu i.fa,
.dropdown-menu span.fa,
.dropdown-menu span.glyphicon {
	width:20px;
	text-align:center;
}

.contenttabs .nav-tabs > li > a {
	border-bottom: solid 3px transparent;
}

.panel-body.inCall {
  background: #dff0d8;
  color:#3c763d;
  margin-left: 0;
  padding-left: 20px;
  margin-right: 0;
}


#wsusers .panel-body .btn-white, #members .panel-body .btn-white {
  color:#333;
  border-radius: 50px !important;
  width: 35px;
  height: 35px;
  padding: 0;
  margin: 0;
}



#members .panel-body .btn-white:focus {
  background: none;
}

#members .panel-body .btn-white.active,
#members .panel-body .btn-white.active:hover,
#members .panel-body .btn-white.active:focus {
  background: #4285F4 !important;
  color: #fff;
  border: 0;
}

/* background-color used to be animated directly; the row now keeps a static
   base tint and a ::after overlay fades in the brighter tint via opacity. */
.callInside.active,
.callInside {
  position: relative;
  z-index: 0;
  background-color: rgba(204,0,0,0.15) !important;
}

.callInside.active::after,
.callInside::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: rgba(204,0,0,0.45);
  animation-name: alert;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  pointer-events: none;
}

.dark .list-group-item.callInside.active,
.dark .list-group-item.callInside {
  color: #fff !important;
}

.callInside strong.text-muted {
   color:#a94442; 
}

.cobrowse-tab {
  border-right: solid 1px #ccc;
  float: left;
  width: calc(50% + 15px);
  margin: -10px -15px;
  height: 54px;
  line-height: 54px;
  text-align: center;
}

@keyframes alert {
    from {opacity: 1}
    to {opacity: 0}
}

.alert.alert-danger a {
  text-decoration: underline;
}


.asset .mash {
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 0;
  overflow: hidden;
}

.MI_2 .asset .mash .thumb {
  background-size: auto 100%;
}

.MI_1 .asset .mash .thumb {
  background-size: 100% auto;
}

.MI_label .asset .mash .thumb {
  background-size: 90% auto;
  background-position:center center;
}

.asset.panel {
  margin-bottom: 0;
}

.asset .mash .stat {
	border-top: solid 1px #e7e7e7;
	padding: 5px 10px;
	height: 30px;
	background-color:#f7f7f7;
	opacity:0;
}

.assetitem .assetoptions,
.folderitem .assetoptions {
	top: -29px;
  position: relative;
  width: 100%;
  height: 29px;
  opacity: 0;
  background:#ffffff;
}
.assetitem:hover .assetoptions,
.folderitem:hover .assetoptions {
  opacity: 1;
  z-index: 100;
}


.dashboard_item .assetitem.folderitem:before,
.dashboard_item .assetitem.folderitem:after {
  display: none;
}

.mash .assetitem:hover .asset,
.mash .folderitem:hover .asset {
	outline:solid 1px #ccc;
	box-shadow: 0 2px 8px 2px rgba(20,23,28,.15);
}

.assetitem.selected .stat2 {
    opacity: 0;
}

.assetitem:hover .asset .stat2,
.folderitem:hover .asset .stat2
 {
	opacity:1;
}

.asset .mash .meta,
.item .mash .meta  {
	padding: 10px;
	height: 85px;
  overflow: hidden;
}

.active.assetitem .mash {
	outline:solid 2px #4285F4;
}

.selected.assetitem .mash {
	outline:solid 2px #FC0;
}

.media.active {
	background: rgb(155,195,219);
	background: rgba(155,195,219,1);
}


.clamped-2 {
	/* Clamp to 2 lines, ie line-height x 2: */
	max-height: 3em;
}
.ellipsis {
	background: #fff;
	bottom: 0;
	position: absolute;
	right: 0;
}
.fill {
	background: #fff;
	height: 100%;
	position: absolute;
	width: 100%;
}

.text-elipsis.shortdesc {
  margin-top: 3px;
}

.form_personal-msg {
  min-height: 200px;
  margin-bottom: 10px;
  }

div#search_result .asset .mash .thumb {
	background-size: cover;
	height: 180px;
	display: block;
	background-position: center top;
	border-bottom: solid 1px #e7e7e7;
}

.list #nav .thumb {
	float: left;
  width: 70px;
  display: table-cell;
  vertical-align: middle;
	text-align:center;
	font-size:2em;
}


.extendedlist #nav .check-element {
  float: left;
  width: 30px;
  text-align: center;
}

.extendedlist #nav .course-element {
	float: left;
  width: 45px;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
	text-align:center;
	overflow:hidden;
	margin-right:15px;
}

.extendedlist.horizontalwrapper .panel-body {
  padding: 5px;
}

.extendedlist #nav .course-element .thumb {
  font-size: 20px;
  width: 30px;
	height: 30px;
	background-size:cover;
	background-position:center center;
	
}

#plitems, #mailitems {
	min-height:70px;
	border: 3px solid #fff;
}




#plitems.ui-state-default,
#mailitems.ui-state-default
 {
	outline: dashed 3px #FC0 !important;
	}
 
#plitems.ui-state-default li,
#mailitems.ui-state-default li {
	opacity:0.7;
}

#plitems.ui-state-hover,
#mailitems.ui-state-hover {
	opacity:0.9;
	outline: 3px #FC0 solid !important;
	cursor:ns-resize !important;
}

#plitems .thumb,
#mailitems .thumb {
    font-size: 20px;
    width: 45px;
	height: 51px;
	background-size:cover;
	background-position:center center;
	float:left;
	text-align:center;
	margin-right:10px;
}

.extendedlist #nav .panel-heading {
    background: none;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    padding: 10px;
    height: 50px;
	font-size:12px;
	line-height:30px;
}


.imageTemplate .btn-group {
	margin:5px;
}

.DIRECT .btn-edit-content {
    display: none;
}

.editasset .btn-group {
	display: none;
}
.editasset .imageTemplate {
	float: left;
	width: 45px;
	text-align: center;
}


.editasset img {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 50%;
}
.form-inline .form-control {
	width: 100%;
}


input.form-label.form-control[disabled] {
  font-weight: bold;
}

.content .alert {
	margin: 10px 0;
}

.alert {
	margin-bottom: 10px;
}

img.avatar {
	width: 58px;
	height: 58px;
}
#advanced_search label {
	text-transform: uppercase;
	display: inline-block;
	margin: 5px 0 2px 0;
	font-size: 85%;
}

.image img.img-responsive, .slides_placeholder img,  .iframe, #player {
  border: 0;
  -webkit-box-shadow: 0 0 1px 1px rgba(20,23,28,.2), 0 3px 1px 0 rgba(20,23,28,.1);
  box-shadow: 0 0 1px 1px rgba(20,23,28,.2), 0 3px 1px 0 rgba(20,23,28,.1);
	width:100%;
}




.carousel.slide img, img.slide {
	width: 100%;
	height: auto;
}
.banner1 img, .banner2 img {
	max-width: 100%
}

.img-full {
	width: 100%;
	height: auto;
}


.btn-course-menu {
	color: #fff;
	background: none;
	border: 0;
	padding: 0 10px 0 0;
}
.navbar.navmenu.course {
	margin-bottom: 0;
}
.course-heading {
	background: #003a91;
	padding: 10px 20px;
	color: #cccccc;
}
.course-heading h2 {
	color: #ffffff !important;
}

.list-heading {
	background-color: #002f5e;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	display: block;
	margin: 0 0 -1px;
	padding: 10px 14px;
}
.previewimg img {
	width: 100%;
}

.login-button.btn-block {
	display: block;
	width: 100%;
	padding: 8px 0 8px 50px;
	margin-bottom: 5px !important;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 9px;
}

.login-button.btn-block:hover,
.login-button.btn-block:focus {
	display: block;
	width: 100%;
	padding: 8px 0 8px 50px;
	margin-bottom: 5px !important;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 9px !important;
}

.private {
	padding: 5px 10px;
	position: absolute;
  z-index:10;
}

.label-private {
	background-color: #333333;
}
.label-white {
	display: inline-block;
  text-overflow: ellipsis;
  text-align: left;
  border: 1px solid #ccc;
  color: #666;
  background-color: #FFF;
  max-width: 100%;
  overflow: hidden;
}

.label-stroke {
	display: inline-block;
  border: 1px solid #ccc;
  color: #fff;
  font-size:11px;
}

.text-elipsis {
    display: block;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: baseline;
}

.username.text-elipsis,
.user-menu .text-elipsis {
    display: inline-block;
}


.dropdown-menu.null {
	border-radius: 0;
	margin: 7px -3px;
	padding:5px 0 0 0;
}



.dropdown-menu.left:before {
	position: absolute;
	top: -7px;
	left: 9px;
	right:inherit;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}
.dropdown-menu.left:after {
	position: absolute;
	top: -6px;
	left: 10px;
	right:inherit;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}


.dropdown-menu-right:before {
	position: absolute;
	top: -7px;
	right: 9px;
	left:inherit;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}
.dropdown-menu-right:after {
	position: absolute;
	top: -6px;
	right: 10px;
	left:inherit;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}



.dropup .dropdown-menu-right:before {
	position: absolute;
	bottom: -7px;
	right: 9px;
	top:inherit;
  left:inherit;
	display: inline-block;
	border-right: 7px solid transparent;
	border-top: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom: inherit;
	border-bottom-color: inherit;
  border-top-color: rgba(0, 0, 0, 0.2);
	content: '';
}
.dropup .dropdown-menu-right:after {
	position: absolute;
	bottom: -6px;
	right: 10px;
	left:inherit;
	top:inherit;
	display: inline-block;
	border-bottom: inherit;
  border-right: 6px solid transparent;
	border-top: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}

.dropleft .dropdown-menu-right {
  right: auto;
  left: auto;
}

.dropleft .dropdown-menu-right:before {
	position: absolute;
	bottom: -7px;
	left: 9px;
	top:inherit;
  right:inherit;
	display: inline-block;
	border-right: 7px solid transparent;
	border-top: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom: inherit;
	border-bottom-color: inherit;
  border-top-color: rgba(0, 0, 0, 0.2);
	content: '';
}
.dropleft .dropdown-menu-right:after {
	position: absolute;
	bottom: -6px;
	left: 10px;
	right:inherit;
	top:inherit;
	display: inline-block;
	border-bottom: inherit;
  border-right: 6px solid transparent;
	border-top: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    border-radius: 2px;
}



/* Dropdown calendar bug
.dropdown-menu:before {
	position: absolute;
	top: -7px;
	right: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}
.dropdown-menu:after {
	position: absolute;
	top: -6px;
	right: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}
*/
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.dropdown-menu {
	z-index:2001;
	padding:6px;
  width:220px;
	}

/* povečan height zaradi majhnih prstov */

.dropdown-menu > li > a {
  padding: 10px 10px;
	line-height:1.2;
  white-space: inherit;
}

.options-container {
   right:10px;
   position:fixed; 
}

.breadcrumbs-container {
   left:15px;
   position:absolute; 
}


.breadcrumbs2 a span.title {
  white-space: nowrap;
  overflow: hidden;
  max-width: 150px;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}

.groupheader {
  display: inline-block;
}

.groupheader span.fa.fa-cube {
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    border: solid 1px rgba(0,0,0,0.3);
    font-size: 14px;
}

.navbar {
	border-radius: 1px;
}
.navbar-blue {
	background-color: #000;
	border-color: #666;
}
.navbar-blue .navbar-nav > li > a {
	color: #FFFFFF;
}
.navbar-blue .navbar-nav > .active > a, .navbar-blue .navbar-nav > .active > a:hover, .navbar-blue .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #5ba5c3;
}
.navbar-blue .navbar-nav > .dropdown > a .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #000;
	border-color: #428bca;
}
.navbar-blue .nav > li > a:hover, .navbar-blue .nav > li > a:focus {
	text-decoration: none;
	background: rgba(37,41,43,0.9);
}
.nav-header {
	padding: 10px 20px;
	color: #666;
}
.label-black {
	background: #002c5d;
}
.label-info {
	background: #002c5d;
}

.btn-info {
    background-image: -webkit-linear-gradient(top,#0b488b 0,#10529b 100%) !important;
    background-image: linear-gradient(to bottom,#0b488b 0,#10529b 100%) !important;
    background-repeat: repeat-x;
    border-color: #10529b !important;
	background-color: #0b488b !important;;

}

.gotoGroup {
  cursor:pointer;
}


.btn-black {
	background: none;
	cursor:pointer;
  border: 0;
  color: #fff;
}
.btn-black:hover  {
	color: #e4e4e4;
	text-decoration: none;
	background:none !important;
}

.btn-black:focus {
	color: #fff;
}


.btn-black:active {
	background:white !important;
	text-decoration:underline;
	-webkit-box-shadow: none;
    box-shadow: none;
	}

.btn-white {
	background: none;
	cursor:pointer;
  border: 1px solid transparent;
  border-radius: 1px;
}
.btn-white:hover, .btn-white:focus {
	text-decoration: none;
  color: #333;
  background-color: white;
  border: solid 1px #ccc;
}

.btn-white.active,
.btn-white:active {
  color: #333;
  background-color: white;
  border: solid 1px #ccc;
}
	
.btn-group.open .btn-white.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-toggle {
	color: #FFF;
	border-color: #FFF;
}

.slashline {
	position:absolute;
	z-index:1;
  left:-5px;
	}

.btn-loading .fa, .btn-loading {
  color:#777;
}

.webrtc-oval {
  padding: 7px 0px;
  background: rgba(0,0,0,0.8);
  border-top: solid 1px #202020;
}

.btn-webrtc {
	padding: 0;
	border-radius: 42px;
	overflow:hidden;
  background: none;
  margin:0 5px;
  position: relative;
}

.btn-webrtc.btn-danger {
  background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-webrtc.btn-danger:hover {
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-webrtc.muted {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-webrtc.muted:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-webrtc:hover {
	background: rgba(120,120,120,0.9);
}

.btn-webrtc.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 255, 0, .5);
  box-shadow:inset 0 3px 5px rgba(0, 0, 0, .5)
  
}

#join {
	border-radius: 30px;
	padding:0;
  font-size: 18px;
  margin:0 5px;
}

.btn-hang-up,
#hang {
	border-radius: 30px;
  padding: 5px 20px 5px 20px;
  width: auto;
  font-size: 18px;
  text-align: left;
  margin:-5px 5px;
}


.btn-hang-up #durationTimer,
#hang #durationTimer {
  font-size: 14px;
  width: 40px;
  display: inline-block;
  margin-left: 0px;
  text-align: right;
}

.compact .btn-hang-up #durationTimer,
.compact #hang #durationTimer {
  display: none;
}

.compact .btn-hang-up,
.compact #hang {
  margin: -10px 5px;
}

#joinaudio {
	padding:0;
  border-radius: 30px;
  margin:0 5px;
}

#stopRecording, #startRecording {
	border-radius: 2px;
}

.changeLayoutDrop {
   right:0 !important;
   left:inherit; 
   width:200px;
}

.changeLayoutDrop li{
   width:99px;
   float:left;
}



.btn-webrtc:hover, .btn-webrtc:focus {
	color: #FFF;
}
.navbar.navmenu {
	padding: 10px 0;
	border: none;
	border-radius: 1px;
	z-index: 1000;
}
.media-list-header {
	margin-bottom: 10px;
	background-color: #e3e3e3;
	border: solid 1px #ccc;
}



#nav.close {
	-webkit-transition: height .5s ease, transform .5s ease;
	-moz-transition: height .5s ease, transform .5s ease;
	transition: height .5s ease, transform .5s ease;
	-webkit-backface-visibility: hidden;
	z-index: 1000;
	height: 0px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transform: translate3d(-100%, 0, 0);
}

.modal {
  z-index: 1050;
  padding-right: 0 !important;
}

.modal-content {
	border-radius: 0px;
}

.modal-content .detail {
	padding:10px;	
}



.modal-footer {
  background-color: #fff;
}

#dynamicModal.pguser .modal-dialog,
#dynamicModal.wsuser .modal-dialog {
    width: 1024px;
    max-width: 100%;
}


h4.modal-title {
	margin:15px 0 0 0;
}




.buttons {
	text-align: right;
	margin: 20px 0 0 0;
}

.workspace, .group, .directGroup, .directGroupWs {
	cursor:pointer;
}


.WORKSPACE .thumb,
.GROUP .thumb {
  background-size:90% auto !important;
  background-position: center center;	
  background-repeat:no-repeat;
}


.workspaceitem li,
.groupitem li{
    padding: 5px 10px;
    border-bottom: dotted 1px #ccc;
    line-height: 14px;
}

.workspaceitem.active,
.groupitem.active {
	background-color: #003A91;
}

.workspaceitem.active a strong,
.workspaceitem.active a small,
.groupitem.active a strong,
.groupitem.active a small {
	color: #ffffff;
}

.workspaceitem small.text-muted,
.groupitem small.text-muted {
    color: #777;
}

.workspaceitem.active:hover,
.groupitem.active:hover {
    background:#003A91;
}


.workspaceitem:hover,
.groupitem:hover {
    background:#e7e7e7;
}

.workspaceitem i.fa,
.groupitem i.fa
 {
	width:auto; 
} 

.workspaceitem:last-child,
.groupitem:last-child {
    border-bottom: none;
}

.workspaceitem small,
.groupitem small {
	color:#333;
}

#nav .label-info {
	margin: 15px 5px;
	font-size: 13px;
	display: block;
	width: 70px;
}
#cuepointsnav .label-default {
	margin: 15px 5px;
	font-size: 13px;
	display: block;
	color: #333;
	background: none;
}
.nav-list {
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}
.media H4 {
	font-size: 16px;
}
#plitems .media-body, #navassets .media-body {
	padding: 10px;
	width: 100%;
}
.media-body p {
	font-size: 13px !important;
	line-height: 15px;
	font-weight: normal;
	color: #333;
}
.media-body p.text-muted {
	color: #999;
}
.media.disabled, .asset.disabled {
	opacity: 0.6;
}
.media.disabled:hover, .asset.disabled:hover {
	opacity: 1;
}
.media {
	background: rgba(255,255,255,1);
	margin: 0 0 5px 0;
	color: #222;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.extendedlist #nav .panel-body {
  color: #222;
	border-bottom:#e4e4e4 solid 1px;
  display: table;
}


/*
.list #nav .panel-body {
  color: #222;
 	border-bottom:#e4e4e4 solid 1px;
  padding: 10px 5px 5px 10px;
  background: #fff;
}*/

#plitems .panel-body {
  color: #222;
	border-bottom:#e4e4e4 solid 1px;
  background: #fff;
}

.extendedlist #nav .panel-body:last-child {
  border-bottom:none;
}


.extendedlist #nav {
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
 box-shadow: 0 1px 2px rgba(0,0,0,.05);
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  background: #fff;
  margin-top: 10px;
}

.extendedlist #nav .horizontalitem {
  display:inline-block;
  width: 100px;
  margin-right: 10px;
}

.extendedlist #nav .horizontalitem.title {
  display:inline-block;
  width: 200px;
  margin-right: 10px;
}

.extendedlist #nav .horizontalitem.THUMB_02 {
  width: 70px;
  text-align: center;
  font-size: 24px;
}



.extendedlist #nav .horizontalitem.boolean {
  width: 30px;
  text-align: center;
}


.sortby, .sortbystatus {
	cursor: ns-resize;
  font-weight: bold;
  font-size: 13px;
}

.sortby .sort{
	display:none;
}

.nosort {
  display: block;
}



.sortby.bold .sort{
	display:inline-block;
}


#nav .panel-body.active {
  background-color: rgba(165,208,255,0.3);
}

.wiki_list .panel-body.active {
    background-color: rgba(165,208,255,0.3);
}

#nav .user-list.assetitem {
  background-color:#fff;
  margin:0;
}

#nav .assetitem.selected {
  background-color: rgba(165,208,255,0.2);
}
#nav .assetitem.selected.active {
	background-color: rgba(165,208,255,0.6)
}



.media .pull-left {
	float: left !important;
}
.media:hover {
	cursor: pointer;
}
input[type="image"] {
	width: 240px;
}


.table tbody tr.black > td {
	background-color: #333;
}
.table-bordered tr.black > td {
	border-left: 1px solid #666;
}
.table tbody tr.black:hover > td {
	background-color: #333 !important;
}


a {
	color: #333333;
	text-decoration: none;
}


.well {
	min-height: 20px;
	padding: 15px 30px;
	margin: 0 0 10px 0;
	background-image: none;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-color: #e4e4e4 #bebebd #bebebd #e4e4e4;
	-moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
	-webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
	box-shadow: 1px 1px 2px 0 #d0d0d0;
}

.ws {
	background: none;
	border-color: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:none;
	padding: 4px 5px 0 5px;
  margin: 0;
  text-align:center;
  position: relative;

}

.sticky {
	background: none;
	border-color: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:none;
	padding: 0;
  text-align:center;
  cursor: pointer;
  position: relative;
  color:#555555;
  overflow: hidden;
}


.ws.active {
  background: #fff;
}

.ws.active2:after{
  background: #4285F4;
  position: absolute;
  width: 3px;
  left: 0;
  z-index: 10;
  content: " ";
  top: 0;
  height: 100%;
}

.ws-item {
  width:40px;
  height: 40px;
  background-color:#fff;
  background-size:cover;
  line-height: 40px;
  text-align: center;
  font-size:18px;
  text-transform: uppercase;
  overflow: hidden;
  color:#666666;
  margin:0 auto;
  background-repeat: no-repeat;
  background-position: center;
  border: solid 1px #a3a3a3;
}

.wsmenu-item {
  width:35px;
  height: 35px;
  background-size:cover;
  line-height: 35px;
  text-align: center;
  font-size:20px;
  color:#666666;
  margin: 5px auto 5px; 
}

.dark .wsmenu-item {
  color:#e4e4e4;
}

.dark .wsmenu-item:hover {
  color:#fff;
}

.wsmenu-item:hover {
  color:#777777;
  background-color: rgba(228,228,228, 0.45);
  border-radius: 5px;
  box-shadow: 0 0 0 0.20rem rgba(228,228,228, 0.45);
  border-color: #e4e4e4;
}




.ws .ws-item {
  background-color:#fff;
  position: relative;
  z-index: 1;
}

.ws.active .ws-item {
  border: solid 1px #aaaaaa;
}

.ws .ws-item.thumb_03 {
  border: solid 1px #fff;
}

.ws .ws-item:hover {
  background-color:#e4e4e4;
  border: solid 1px #a3a3a3;
}

.ws .ws-item.thumb_03:hover {
  border: solid 1px #fff;
}

.sticky .text-white,
.ws  .text-white {
  color:#555;
}

.dark .sticky .text-white,
.dark .ws  .text-white {
  color:#c2c2ca;
}

.dark .ws.active .ws-item {
  background-color: #fff;
  border: 0;
}


.masthead-top {
	background: #fff;
  min-height:64px;
}



.connection { 
  position: absolute;
  height: 20px;
  display: block;
  background: #e4e4e4;
  width: auto;
  color: #777;
  text-align: center;
  font-size: 9px;
  line-height: 11px;
  font-weight: bold;
  padding: 5px 10px;
  left: calc(50% - 40px);
  z-index: 100000;
  top: 0;
}

.connection.offline {
  background-color: #e4e4e4;
}




.masthead .row {
  margin-left: -15px;
  margin-right: -15px;
}

.masthead-top #login-buttons a.login-link-text {
	color: #333;
}
.or {
	text-align: center;
}
.or .hline {
	text-decoration: line-through;
}
.breadcrumb a {
	color: #003293;
}
.fixedsubhead .breadcrumb a {
	color: #ffffff;
}
.fixedsubhead .breadcrumb li {
	color: #ffffff;
}
.message.error-message {
	padding: 3px 5px;
	border: solid 1px #F00;
	color: #F00;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#login-buttons a {
	cursor: pointer;
}
#login-buttons-google .sign-in-text-google, #login-buttons-facebook .sign-in-text-facebook, #login-buttons-twitter .sign-in-text-twitter {
	display: none;
}
.sidebar-nav {
	padding: 9px 0;
}
.edit-meta {
	display: none;
}

.well, .account-wall {
	min-height: 20px;
	background-color: #fff;
	border: 0px solid #fff;
	padding: 20px;
}

.navbar-inner {
	min-height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #fafafa;
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
	background-image: -o-linear-gradient(top, #ffffff, #ffffff);
	background-image: linear-gradient(to bottom, #ffffff, #ffffff);
	background-repeat: repeat-x;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.well-black {
	padding: 20px;
	margin-bottom: 20px;
	background-color: #ffffff;
	background-repeat: repeat-x;

	
}
.well-black2 {
padding: 20px;
	margin-bottom: 20px;
	background-color: #ffffff;
	background-repeat: repeat-x;

}
h3.admin-title {
	margin: 30px 0 20px 0;
}
.blank-slate {
	text-align: center;
}
h3 {
	line-height: 25px;
}

.masthead {
	width: 100%;
	z-index: 1030;
	padding: 0;
  border-bottom: solid 1px #e7e7e7;
  box-shadow: 0 2px 5px rgba(0,0,0,.05); 
  top: 0;
	position:fixed;

}

.content {
	color: #555 !important;
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
}

#ct_title {
	margin:0 0 5px 0;
  font-size: 18px;
}

.alert-info h2 {
	color: #3a87ad !important;
}

.footer-bcg {
  padding:15px 15px 0 15px;
  clear: both;
  position: absolute;
}

.footer-bcg.fixed {
  position: fixed;
  bottom: 0;
}

.edit .footer-bcg {
  display: none;
}

#footer {
	position: fixed;
	bottom: 0;
	overflow: scroll;
	width: 100%;
	height: 45px;   /* Height of the footer */
	background: #6cf;
	-webkit-box-shadow: 0px -2px 5px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px -2px 5px rgba(0,0,0,0.28);
	box-shadow: 0px -2px 5px rgba(0,0,0,0.28);
}

.echoimg {
	width: 70px;
	opacity: 1.0;
	margin: 5px;
	text-align: center;
}
.echoimg span {
	font-size: 42px;
	text-align: center;
}

#search_result h4.media-heading {
	margin: 0 !important;
}
#search_result .media-body {
	margin-left: 0px;
	margin-right: 0px;
}
#search_result .media h2 a {
	color: #003293;
	font-size: 15px;
}
#search_result .asset IMG {
	margin: 0;
	width: 120px;
}
#search_result .asset .media-body {
	padding: 20px 10px;
}
#search_result .media h2 a {
	color: #fff;
	font-size: 18px;
}
#search_result .media p {
	color: #e4e4e4;
}
#search_result .media {
	background: none;
	border: 0;
	border-bottom: 1px dotted #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}
#search_result hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px dotted #ccc;
}
.comment {
	border-bottom: #e4e4e4 solid 1px;
}
.comment:last-child {
	border-bottom: none;
}
img {
	max-width: 100%;
	height: auto;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
} 

/* Enough everywhere except IE8. */
@media \0screen {
img {
	width: auto
}
}

img {
	width: auto/9;
	height: auto;
	max-width: none;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
/*  MKK PDF  */


.MI_1.fullscreen .modal-dialog {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 100% !important;
	height: 100%;
	z-index: 1000;
	padding: 0;
	margin: 0;
}
.MI_1.fullscreen iframe#miframe {
	position: fixed;
	top: 20px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 100% !important;
	height: 100% !important;
	z-index: 1000;
}



.btn-default {
    background-image: none !important;
}


.text-white .btn-default {
  color: #fff;
}


h2.title-collapse {
	opacity:0;
	margin:0;
	font-size: 18px;
    line-height: 28px;
	}
	
h2.title-collapse.collapsed {
	opacity:1;
}
	

 
.chats {
	background:#fff;
	 border-left: 1px solid #ccc;
	 border-right: 1px solid #ccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.comments .library img  {
	width:90px;
	border: 1px solid #ccc;
	margin-bottom:5px;
	margin-top:10px;
  float:left;
  margin-right:10px;
	}
	

.comments .library .avatarsmall, .comments .library strong.truncate  {
	display:none;
	}
	
	

li.closeChat {
    position: relative;
    top: 10px;
    left: -20px;
}

.modal-header {
	padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #FFF;
}

.panel-header, .panel-heading {
	background:none;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f5f5f5;
  padding: 10px;
}

.row-table { 
  border-bottom: 1px dotted #e5e5e5;
  line-height: 35px; 
  position: relative;
}

.row-table .btn-options {
  position: absolute;
  right: 0;
  top:5px;
}

#nav.files_list,
#nav.assignment_list {
  padding: 0 15px;
}

.assignment_list .row-table, 
.files_list .row-table { 
  padding: 5px 0;
  line-height: 1.5;
}

.assignment_list .row-table [class*=col],
.files_list .row-table [class*=col] {
  padding-top: 8px;
  padding-bottom: 5px;
}

.assignment_list .row-table [class*=col].thumb 
.files_list .row-table [class*=col].thumb {
  padding: 0px;
}

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

.row-table .avatarmedium {
  padding: 5px 0;
}

.progress {
  margin: 0;
}

.panel-header.white, .panel-heading.white {
	background:none;
  border-bottom: none;
  background-color: #ffffff;
}

.modal-backdrop.in {
  filter: alpha(opacity=85);
  opacity: .85;
  background: #333;
} 

.assetnav-bcg {
	padding:10px 0;
}






.list-group-header {
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.list-group-item {
    padding: 5px;
}


.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

.btn.btn-default.home {
    padding: 5px 5px 5px 10px !important;
}

.btn-breadcrumb .btn {
  padding:5px 10px 5px 15px;
  font-size:12px;
  height: 28px;
}
.btn-breadcrumb .btn:first-child {
  padding:5px 12px 5px 15px;
}
.btn-breadcrumb .btn:last-child {
  padding:5px 10px 5px 15px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}



.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #fff;
}

.btn-breadcrumb .btn.btn-default:active:not(:last-child):after {
  border-left: 10px solid #d4d4d4;
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}



.nav-tabs {
	border-bottom: none;
}

.nav-tabs > li {
  float: left;
  z-index: 10;
  min-width: 50px;
  text-align: center;
}

.nav-tabs > li > a {
  border-radius: 0;
  padding: 10px 10px;
}


.nav-tabs-header {
  border-bottom: solid 4px #e4e4e4;
}

.nav-tabs-header > li {
  margin-bottom: -4px
}




.fa-volume-mute {
  background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIKCSBpZD0ic3ZnMTg3MiIgaW5rc2NhcGU6dmVyc2lvbj0iMC40NCIgc29kaXBvZGk6ZG9jYmFzZT0iL2hvbWUvbHVjYS9BcnR3b3JrL2JsYWNrd2hpdGUtaWNvbi10aGVtZS9zY2FsYWJsZS9zdGF0dXMiIHNvZGlwb2RpOmRvY25hbWU9ImF1ZGlvLXZvbHVtZS1tdXRlZC5zdmciIHNvZGlwb2RpOnZlcnNpb249IjAuMzIiIHhtbG5zOmNjPSJodHRwOi8vd2ViLnJlc291cmNlLm9yZy9jYy8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHNvZGlwb2RpOm5hbWVkdmlldyAgYm9yZGVyY29sb3I9IiM2NjY2NjYiIGJvcmRlcm9wYWNpdHk9IjEuMCIgaWQ9ImJhc2UiIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIgaW5rc2NhcGU6Y3g9IjI0IiBpbmtzY2FwZTpjeT0iMjUuMTc0MDAzIiBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0icHgiIGlua3NjYXBlOmdyaWQtYmJveD0idHJ1ZSIgaW5rc2NhcGU6Z3JpZC1wb2ludHM9InRydWUiIGlua3NjYXBlOmd1aWRlLWJib3g9InRydWUiIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijk1MSIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMjgwIiBpbmtzY2FwZTp3aW5kb3cteD0iMCIgaW5rc2NhcGU6d2luZG93LXk9IjI1IiBpbmtzY2FwZTp6b29tPSIxNS4zMzMzMzMiIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgc2hvd2dyaWQ9InRydWUiIHNob3dndWlkZXM9InRydWUiPgoJPHNvZGlwb2RpOmd1aWRlICBpZD0iZ3VpZGU1NDM1IiBvcmllbnRhdGlvbj0iaG9yaXpvbnRhbCIgcG9zaXRpb249IjI0LjA2NTIxNyI+PC9zb2RpcG9kaTpndWlkZT4KPC9zb2RpcG9kaTpuYW1lZHZpZXc+CjxwYXRoIGlkPSJwYXRoMTg4MCIgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2NjIiBjbGFzcz0ic3QwIiBkPSJNNCwxNi4xbDAsMTUuOWgxMGwxMCwxMGwwLTM1LjlsLTEwLDEwSDR6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOC44LDIzLjlsNC42LTQuNmMwLjgtMC44LDAuOC0yLDAtMi44Yy0wLjgtMC44LTItMC44LTIuOCwwTDM2LDIxLjFsLTQuNi00LjZjLTAuOC0wLjgtMi0wLjgtMi44LDAKCWMtMC44LDAuOC0wLjgsMiwwLDIuOGw0LjYsNC42bC00LjYsNC42Yy0wLjgsMC44LTAuOCwyLDAsMi44YzAuNCwwLjQsMC45LDAuNiwxLjQsMC42czEtMC4yLDEuNC0wLjZsNC42LTQuNmw0LjYsNC42CgljMC40LDAuNCwwLjksMC42LDEuNCwwLjZzMS0wLjIsMS40LTAuNmMwLjgtMC44LDAuOC0yLDAtMi44TDM4LjgsMjMuOXoiLz4KPC9zdmc+Cg==);
  background-size: 18px;
  background-position: center;
  width:20px;
  height: 20px;
}

.fa-volume-on {
  background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIKCSBpZD0ic3ZnMTg3MiIgaW5rc2NhcGU6dmVyc2lvbj0iMC40NCIgc29kaXBvZGk6ZG9jYmFzZT0iL2hvbWUvbHVjYS9BcnR3b3JrL2JsYWNrd2hpdGUtaWNvbi10aGVtZS9zY2FsYWJsZS9zdGF0dXMiIHNvZGlwb2RpOmRvY25hbWU9ImF1ZGlvLXZvbHVtZS1tdXRlZC5zdmciIHNvZGlwb2RpOnZlcnNpb249IjAuMzIiIHhtbG5zOmNjPSJodHRwOi8vd2ViLnJlc291cmNlLm9yZy9jYy8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHNvZGlwb2RpOm5hbWVkdmlldyAgYm9yZGVyY29sb3I9IiM2NjY2NjYiIGJvcmRlcm9wYWNpdHk9IjEuMCIgaWQ9ImJhc2UiIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIgaW5rc2NhcGU6Y3g9IjI0IiBpbmtzY2FwZTpjeT0iMjUuMTc0MDAzIiBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0icHgiIGlua3NjYXBlOmdyaWQtYmJveD0idHJ1ZSIgaW5rc2NhcGU6Z3JpZC1wb2ludHM9InRydWUiIGlua3NjYXBlOmd1aWRlLWJib3g9InRydWUiIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijk1MSIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMjgwIiBpbmtzY2FwZTp3aW5kb3cteD0iMCIgaW5rc2NhcGU6d2luZG93LXk9IjI1IiBpbmtzY2FwZTp6b29tPSIxNS4zMzMzMzMiIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgc2hvd2dyaWQ9InRydWUiIHNob3dndWlkZXM9InRydWUiPgoJPHNvZGlwb2RpOmd1aWRlICBpZD0iZ3VpZGU1NDM1IiBvcmllbnRhdGlvbj0iaG9yaXpvbnRhbCIgcG9zaXRpb249IjI0LjA2NTIxNyI+PC9zb2RpcG9kaTpndWlkZT4KPC9zb2RpcG9kaTpuYW1lZHZpZXc+CjxwYXRoIGlkPSJwYXRoMTg4MCIgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2NjIiBjbGFzcz0ic3QwIiBkPSJNNCwxNi4xbDAsMTUuOWgxMGwxMCwxMGwwLTM1LjlsLTEwLDEwSDR6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNy4xLDZsLTIuMywzLjVjNC4yLDMuNCw2LjksOC43LDYuOSwxNC41YzAsNS45LTIuNywxMS4xLTYuOSwxNC41bDIuMywzLjVjNS4zLTQuMiw4LjgtMTAuNyw4LjgtMTgKCUM0NS45LDE2LjcsNDIuNSwxMC4yLDM3LjEsNnoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTMyLjUsMTIuOWwtMi4zLDMuNWMyLDEuOSwzLjMsNC42LDMuMyw3LjZzLTEuMyw1LjctMy4zLDcuNmwyLjMsMy41YzMuMS0yLjcsNS4xLTYuNiw1LjEtMTEuMQoJQzM3LjYsMTkuNiwzNS42LDE1LjYsMzIuNSwxMi45eiIvPgo8L3N2Zz4K);
  background-size: 18px;
  background-position: center;
  width:20px;
  height: 20px;
}




/* The responsive part */

.btn-breadcrumb > * > div {
    /* With less: .text-overflow(); */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}
.btn-breadcrumb > * div {
   color:#777; 
}

.btn-breadcrumb > *:nth-child(n+2) {
  display:none;
}

/* === For phones =================================== */
@media (max-width: 767px) {
    .btn-breadcrumb > *:nth-last-child(-n+2) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 60px;
    }
}

/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
    .btn-breadcrumb > *:nth-last-child(-n+4) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 100px;
    }
}

/* === For desktops ================================== */
@media (min-width: 992px) {
    .btn-breadcrumb > *:nth-last-child(-n+6) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 170px;
    }
}


   .slideout-panel {
        will-change: transform;
      }


  .map-container {
    width: 100%;
    max-width: 100%;
    height: 500px;
  }

  .assetitem.folderitem:before{
		content: '';
		display: block;
		position: absolute;
    top:-9px;
		left: 0px;
		width: 65px;
		height: 10px;
    background: #777;
    border-top-left-radius: 4px;
	}

	.assetitem.folderitem:after{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
   	top:-19px;
		left: 55px;
		border: 10px solid transparent;
	}

  .assetitem.folderitem .thumb169, 
  .assetitem.folderitem .asset .mash .thumb {
    background: #959596; margin-top: -4px 
  }
	.assetitem.folderitem:after{ border-bottom-color: #777;}

  .assetitem.courseitem .thumb169, 
  .assetitem.courseitem .asset .thumb {
    background: #ecf3fe 
  }
	.dashboard_item.courseitem .fa-icon .fa {color: #0083ca;}

  .smartfolder .ffolder .imgThumb {
      border-top: 7px #857ee4 solid;
  }
	

  .assetitem.smartfolder .thumb169, 
  .assetitem.smartfolder .asset .mash .thumb { 
    background: #8e88ec 
  }
	.assetitem.smartfolder:before { background-color: #857ee4;}
	.assetitem.smartfolder:after{ border-bottom-color: #857ee4;}
	.assetitem.smartfolder i.text-muted {color: #857ee4;}

  .assetitem.smartfolder .asset .mash .thumb {
    background: #8e88ec     
  }

  .text-white .text-muted {
    color: #fff;
  }

  .assetitem.smartfolder .asset .mash .thumb .fa{
    color: #857ee4     
  }

 
.PLAYLIST .asset .thumb {
  height: 85px;
  background-size: 90% auto !important;
  background-position: center !important;
  background-repeat: no-repeat;
}

.fa-course-item:before {
  content: "\f15c";
   --fa: "\f15c";
  --fa-family: var(--fa-family-classic);
}
.fa-IMAGE:before {
  content: "\f03e";
  --fa: "\f03e";
  --fa-family: var(--fa-family-classic);
}
.fa-VIDEO:before {
  content: "\f144";
  --fa: "\f144";
}
.fa-AUDIO:before {
  content: "\f001";
  --fa: "\f001";
}
.fa-URL:before {
  content: "\f15c";
  --fa: "\f15c";
}

.fa-ASSIGNMENT:before {
  content: "\f0cb";
  --fa: "\f0cb";
}

.fa-ONLYOFFICE:before {
  content: "\f0f6";
  --fa: "\f0f6";
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  .badge-alerts.in::after,
  .user.cobrowsePresenter img::after,
  .recording span,
  .callInside.active::after,
  .callInside::after,
  .fa-stopping:before, .fa-STOPPING:before,
  .fa-starting:before, .fa-STARTING:before {
    animation: none !important;
    -webkit-animation: none !important;
  }

  .badge-alerts.in::after,
  .callInside.active::after,
  .callInside::after {
    opacity: 1;
  }

  .user.cobrowsePresenter img::after {
    opacity: 1;
  }

  .recording span {
    opacity: 1;
  }
}



article .container {
  width: 100%;
  max-width: 1200px;
}

article.grid4 .container {
  width: 100%;
  max-width: 1680px;
}
article.grid6 .container {
  width: 100%;
  max-width: 100%;
}
article.grid8 .container {
  width: 100%;
  max-width: 100%;
}
article.grid12  .container  {
  width: 100%;
  max-width: 100%;
}

.grid0 {
  visibility: hidden;
}


.col-md-20 {
  width: 20%;
  float: left;
}

.col-md-20 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.grid12 .hidden-xs {
  display: none !important;
}
.grid12 .visible-xs {
  display: block !important;
}
.grid12 .col-xs-12 {
  width: 100%;
}
.grid12 .col-xs-11 {
  width: 91.66666667%;
}
.grid12 .col-xs-10 {
  width: 83.33333333%;
}
.grid12 .col-xs-9 {
  width: 75%;
}
.grid12 .col-xs-8 {
  width: 66.66666667%;
}
.grid12 .col-xs-7 {
  width: 58.33333333%;
}
.grid12 .col-xs-6 {
  width: 50%;
}
.grid12 .col-xs-5 {
  width: 41.66666667%;
}
.grid12 .col-xs-4 {
  width: 33.33333333%;
}
.grid12 .col-xs-3 {
  width: 25%;
}

.grid12 .col-xs-20 {
  width: 20%;
}

.grid12 .col-xs-2 {
  width: 16.66666667%;
}
.grid12 .col-xs-1 {
  width: 8.33333333%;
}

.list #menu .container-fluid {
  width: auto;
  max-width: auto;
  padding-left:5px;
  padding-right: 5px;
}

.list .container,
.collaborationmenu .container, 
.sidemenu .container {
  width: 970px;
}

@media (min-width: 1024px) {
  .list .container,
  .collaborationmenu .container, 
  .sidemenu .container,
  .container {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .list .container,
  .sidemenu .container,
  .collaborationmenu .container {
    width: 960px;
  }
  .container {
    width: 1170px;
  }
}


@media (min-width: 1290px) {
  .container {
    width: 1170px;
  }
  .list .container,
  .collaborationmenu .container,
  .sidemenu .container {
    width: 960px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1170px;
  }
  .list .container,
  .collaborationmenu .container,
  .sidemenu .container {
    width: 960px;
  }
}

@media (min-width: 1500px) {
  .container {
    width: 1170px;
  }
  .list .container,
  .collaborationmenu .container,
  .sidemenu .container {
    width: 1170px;
  }
}

@media (max-width: 1024px) {
  .list .container,
  .collaborationmenu .container, 
  .sidemenu .container,
  .container {
    width: 100%;
    max-width: 100%;
  }
}a:active,
.mainmenu_item:active,
.well.sticky:active,
.well.ws:active,
.btn:active {
  -webkit-transform: translate(0,1px);
  transform: translate(0,1px);
}

.dark .masthead-menu .text-muted {
  color:#a3a3a3;
}

.dark nav .bcg::-webkit-scrollbar-track,
.dark nav .bcgws::-webkit-scrollbar-track
{
	border-radius: 0px;
	background-color: rgba(255,255,255,0.1);
}

.dark nav .bcg::-webkit-scrollbar,
.dark nav .bcgws::-webkit-scrollbar
{
	width: 8px;
  padding: 2px;
}

.dark nav .bcg::-webkit-scrollbar-thumb,
.dark nav .bcgws::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	background-color: rgba(255,255,255,0.3);
}

.breadcrumbs2 .btn,
.fixed-articleheader .btn {
  border-radius: 2px !important;
}

.breadcrumbs2 {
  padding: 10px 15px;
}

.breadcrumbs2 .fa.fa-cloud,
.breadcrumbs2 .fa.fa-cube,
.breadcrumbs2 .fa.fa-comments-o,
.breadcrumbs2 .fa.fa-user {
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    border: solid 1px rgba(0,0,0,0.3);
    font-size: 14px;
}

.fixed-options.assetsheader-bcg {
  z-index: 0;
}

.breadcrumbs2 .btn-default:not(.btn-fill),
.fixed-articleheader .btn-default:not(.btn-fill),
.assetsheader-bcg .btn-default {
  background-color: transparent;
  border: solid 1px transparent;
}

.fixed-articleheader .btn-default:hover, .assetsheader-bcg .btn-default:hover {
  color: #333;
  background-color: white;
  border: solid 1px #ccc;
}

.fixed-articleheader.text-white .breadcrumbs2 a {
  color:#fff;
}

.fixed-articleheader.text-white .breadcrumbs2 .fa.fa-cloud,
.fixed-articleheader.text-white .breadcrumbs2 .fa.fa-cube,
.fixed-articleheader.text-white .breadcrumbs2 .fa.fa-comments-o,
.fixed-articleheader.text-white .breadcrumbs2 .fa.fa-user {
  border: solid 1px rgba(255,255,255,0.3);
}

.scroll2 .fixed-articleheader {
  background: #f7f8f9 !important;
  border-bottom: dotted 1px #ccc;
  min-height: 50px;
}

.scroll2 .fixed-articleheader.text-white .breadcrumbs2 .fa.fa-cloud,
.scroll2 .fixed-articleheader.text-white .breadcrumbs2 .fa.fa-cube,
.scroll2 .fixed-articleheader.text-white .breadcrumbs2 .fa.fa-comments-o {
  border: solid 1px rgba(0,0,0,0.3);
}

 
.scroll2 .fixed-articleheader.text-white .breadcrumbs2 a,
.scroll2 .fixed-articleheader.text-white .breadcrumbs2 strong,
.scroll2 .fixed-articleheader.text-white .breadcrumbs2 .text-muted
 {
  color:#333333;
}

.fixed-articleheader {
  position:fixed;
  padding:0 ;
  z-index:100;
  width:100%;
}

.fixed-bottom {
  display: flex;
  border-top: solid 1px #e7e7e7;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  background: #ffffff;
  padding: 0;
  z-index: 1050;
  padding-bottom: env(safe-area-inset-bottom);
}

.fixed-bottom div {
  padding: 0; 
  flex: 1 1 0;
  text-align: center;
  color:#777;
}



.fixed-bottom div small{
  font-size:11px;
}

.fixed-bottom div .fa-solid{
  font-size:19px;
}

.fixed-bottom div button{
  padding: 5px 0; 
  color:#333;
  border-radius: 0;  
  
}

.fixed-bottom div button.active {
  color:#4285F4;
  outline: 0 !important;
  border:solid 1px #ccc !important;
}



.fixed-options {
  padding: 10px;
  position: fixed !important;
  right: 0;
  width: auto;
  text-align: right;
  z-index: 1;
}

.list #menu {
  height: calc(100% - 64px - env(safe-area-inset-top));
  left:70px;
  overflow-y: auto;
  position: fixed;
  width: 320px;
  top: calc(64px + env(safe-area-inset-top));
  background: #ffffff;
  border-right: solid 1px #dddddd;
}

.sidemenu.list #menu {
  left: 0;
}

.cordova.ios.list #menu {
  height: calc(100% - 64px);
  top:64px;
}

#platform.sidemenu nav {
  transform:translateX(0px);
 -webkit-transform:translateX(0px);
}

#platform.sidemenu.user_ nav {
  transform:translateX(0px);
 -webkit-transform:translateX(0px);
 width:220px;
}

#platform.sticky_sharedcontent nav, 
#platform.sticky_reports nav, 
#platform.sticky_directory nav {
  width: 70px !important;
  overflow: hidden;
}

#platform.sidemenu.sticky_sharedcontent article, 
#platform.sidemenu.sticky_reports article, 
#platform.sidemenu.sticky_directory article {
  padding-left:70px;
}

#platform.sidemenu.collaborationmenu.sticky_sharedcontent header#header , 
#platform.sidemenu.collaborationmenu.sticky_reports header#header , 
#platform.sidemenu.collaborationmenu.sticky_directory header#header {
   transform: translateX(70px);
  -webkit-transform: translateX(70px);
}

#platform.sidemenu.collaborationmenu.sticky_sharedcontent article , 
#platform.sidemenu.collaborationmenu.sticky_reports article , 
#platform.sidemenu.collaborationmenu.sticky_directory article {
  padding-left:470px;
}


#platform.sidemenu.collaborationmenu.sticky_sharedcontent  header#header.side.full , 
#platform.sidemenu.collaborationmenu.sticky_reports  header#header.side.full , 
#platform.sidemenu.collaborationmenu.sticky_directory  header#header.side.full {
  width: calc(100% - 70px); 
  max-width: calc(100% - 70px)!important; 
}



#platform header#header {
   transform:translateX(-101%);
  -webkit-transform:translateX(-101%);
}

#platform article,
#platform footer
 {
  padding-left:70px;
}

#platform.sidemenu article,
#platform.sidemenu footer
 {
  padding-left:300px;
}

#platform.sidemenu.user_ article,
#platform.sidemenu.user_ footer
 {
  padding-left:220px;
}

#platform.user_ article,
#platform.user_ footer
 {
  padding-left:0px;
}


#platform article.sidehide {
transform:translateX(100%);
   -webkit-transform:translateX(100%);  
}

#platform.collaborationmenu header#header {
   transform:translateX(70px);
   -webkit-transform:translateX(70px);  
}




#platform.collaborationmenu article,
#platform.collaborationmenu footer {
   padding-left:470px;
}

#platform.sidemenu.collaborationmenu article,
#platform.sidemenu.collaborationmenu footer {
  padding-left:700px;
}



#platform.sidemenu.collaborationmenu header#header {
   transform:translateX(300px);
  -webkit-transform:translateX(300px);  
}



#platform.list footer,
#platform.list article {
  padding-left:390px;
}

#platform.sidemenu.list footer,
#platform.sidemenu.list article {
  padding-left:620px;
}

#platform.collaborationmenu.sidemenu.list footer,
#platform.collaborationmenu.sidemenu.list article {
  padding-left:1020px;
}

#platform.collaborationmenu.list footer,
#platform.collaborationmenu.list article{
  padding-left:790px;
}

#platform.collaborationmenu.side.list footer,
#platform.collaborationmenu.side.list article {
  padding-left:1364px;
}

#platform.sidemenu.collaborationmenu.side.list footer,
#platform.sidemenu.collaborationmenu.side.list article {
  padding-left:1644px;
}

#platform.list #menu {
 transform:translateX(0);
  -webkit-transform:translateX(0);  
}

#platform.list.sidemenu #menu {
 transform:translateX(300px);
  -webkit-transform:translateX(300px);  
}

#platform.list.sidemenu.collaborationmenu #menu{
 transform:translateX(700px);
  -webkit-transform:translateX(700px);
}

#platform.list.collaborationmenu #menu{
 transform:translateX(400px);
  -webkit-transform:translateX(400px);
}

#platform.list.collaborationmenu.side #menu {
 transform:translateX(969px);
  -webkit-transform:translateX(969px);
}

#platform.list.sidemenu.collaborationmenu.side #menu {
 transform:translateX(1324px);
  -webkit-transform:translateX(1324px);
}

#platform nav#sticky {
  position:fixed;
  top: calc(64px + env(safe-area-inset-top));
  height: calc(100% - 64px - env(safe-area-inset-top));
	transition: background-color 0.225s ease;
  border-right:solid 0px #e7e7e7;
  z-index:1029;
  background-color:#fff;
}

#platform.user_ nav {
  width:220px;
}

.cordova.ios .masthead {
  height: calc(64px + env(safe-area-inset-top));
  background: #17181e;
}

.cordova.ios .masthead-top {
  background: #ffffff;
  min-height: 64px;
  height: 64px;
  padding: 0;
  margin-top: env(safe-area-inset-top);
}

.cordova.ios + .modal .modal-header {
  padding-top: calc(1px + env(safe-area-inset-top));
}

.cordova.ios header#header {
  top:0;
  padding-top: 0;
}

.cordova.ios .collaboration-bcg .collaboration-header, .cordova.ios .currentGroup_header {
  margin-top: calc(0px + env(safe-area-inset-top))
}

.masthead {
  background: #ffffff;
  padding-top: env(safe-area-inset-top);
}

#platform {
  margin-top: calc(64px + env(safe-area-inset-top));
}

#platform nav#sticky .text-muted {
    color: #777;
}

#platform nav#sticky .active .text-muted {
    color: #4285F4;
}

#platform nav#sticky .disabled {
  opacity:0.4;
  -webkit-filter: grayscale(100%); 
  filter: grayscale(100%);
  color:#fff;
  cursor:no-drop;
}


#platform nav#sticky .list-group-item {
  font-weight:normal;
  padding-right: 35px;
  padding-left: 18px;
  margin-bottom: 1px;
  border-radius: 5px;
}

#platform nav#sticky .list-group-item.breakout {
  padding-left: 30px;
}

#platform nav#sticky .list-group-item.breakout:last-child {
  margin-bottom: 10px;
}
 
#platform nav#sticky a.list-group-item:hover {
  background:#e7e7e7;
  border-radius: 5px;
}


.bcg .label-default {
    background-color: rgba(0,0,0,0.3);
}

.dark .bcg .label-default {
    background-color: rgba(255,255,255,0.1);
}


.list-group-item.active.inCall:focus,
.list-group-item.active.inCall,
.list-group-item.active.inCall:hover,
.list-group-item.inCall,
.list-group-item.inCall:hover {
  background:rgba(204,0,0,0.45) !important;
  animation: none;
  color:#fff !important;
}

.group_library .list-group-item.active {
  background: none !important;
  box-shadow: 0 0 0px 1px #c0d6fc;
}

.dark .group_library .list-group-item.active {
  background: none !important;
  box-shadow: 0 0 0px 1px rgba(255,255,255,0.2);
}

.list-mainmenu .mainmenu_item {
  padding-left: 23px;
}

.menuitem,
.mainmenu_item {
  border: none;
  padding: 4px 0px 5px 5px;
  cursor: pointer;
}

.mainmenu_item:first-child {
  border-top: none;
}

.menuitem .media-heading,
.mainmenu_item .media-heading {
    margin-top: 0;
    margin-bottom: 0;
    padding: 6px 0;
}

.menuitem h4,
.mainmenu_item h4 {
  font-size: 15px !important;
}

.menuitem  .media-body {
  padding: 3px 3px 3px 0;
}

.dark .masthead input.form-control.searchvalue {
  background: rgba(255,255,255,0.2);
  border: 0;
  border-radius: 30px !important;
  color: #cccccc;
}

.dark .masthead .btn-clearsearch,
.dark .masthead .doSearch {
  color: #cccccc;
  background: none;
}


#platform.dark .masthead-top {
    background: #17181e;
    border-bottom: solid 1px #333333;  

}

#platform.dark .masthead {
  border-bottom: none;
}

#platform.dark nav .bcg {
  background-color: #2e2f37;
  border-right: solid 1px #333333;  
}

#platform.dark nav .text-muted {
    color: #777;
}

#platform.dark nav .active .text-muted {
    color: #4285F4;
}

#platform.dark nav .disabled {
  opacity:0.4;
  -webkit-filter: grayscale(100%); 
  filter: grayscale(100%);
  color:#fff;
  cursor:no-drop;
}


#platform.dark nav .list-group-item {
  color: #c2c2ca;
}

.dark .mainmenu_item h4 {
  color: #c2c2ca;
}


.dark .mainmenu_item.active {
  background:  #42424d;
}

.dark .list-favorites strong,
.dark .list-groups strong,
.dark .list-chats strong {
  color: #c2c2ca;
}

.dark nav .list-group-item.active {
   /* font-family: "Proxima Bold";*/
  font-weight:bold; 
  color: #ffffff;
}

#platform.dark nav a.list-group-item:hover {
  background:#42424d;
}

#platform.dark .list-group-item.active, #platform.dark .list-group-item.active:hover, #platform.dark .list-group-item.active:focus {
  color: #ffffff;
  background:#42424d;
}
 
#platform.dark #header .fa-angle-down {
  color: #ffffff;
}



#platform nav#sticky .bcg {
    background-color: #fff;
    padding:4px 8px;
    height:100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    border-right: solid 1px #e4e4e4;
    padding-bottom: 70px;
    transform: translateX(-230px);
    -webkit-transform: translateX(-230px);
    z-index: -1;
    position: absolute;
    width: 230px;
}

#platform.sidemenu nav#sticky .bcg {
  transform: translateX(70px);
  -webkit-transform: translateX(70px);
}

#platform.sidemenu.user_ nav .bcg {
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

#platform nav#sticky .bcgws {
  background:white;
  width: 70px;
  height:100%;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  border-right: solid 1px #e4e4e4;
  padding-bottom: 70px;
}

#platform.user_ nav#sticky {
  transform: translateX(-220px);
  -webkit-transform: translateX(-220px);
}

#platform.dark nav#sticky .bcgws {
  background-color: #17181e;
  border-right: solid 1px #333;
}

.dark .well.ws.active {
  background: #2e2f37;
}

#platform nav#sticky .bcg.gr {
  width: 100%;
}

header#header {
    position: fixed;
    top: calc(64px + env(safe-area-inset-top));
    width: 400px;
    height: 100%;
    z-index: 1025;
    background-size: cover;
}

.presence .badge {
  font-size:8px;
}

.sidemenu header#header.side {
    position: fixed;
    top: calc(64px + env(safe-area-inset-top));
    width: 1024px;
    height: 100%;
    background-size: cover;
    max-width: 1024px;
}

header.side {
    position: fixed;
    top: calc(64px + env(safe-area-inset-top));
    width: 1024px;
    max-width: 1024px !important;
    height: 100%;
    background-size: cover;
}

header.side.full {
  width: calc(100% - 70px);
  max-width: calc(100% - 70px)!important;
}

.sidemenu header#header.side.full {
    width: calc(100% - 300px);
    max-width: calc(100% - 300px)!important;
}

.admin.sidemenu header#header.side.full {
    width: calc(100% - 300px);
    max-width: calc(100% - 300px)!important;
}

header#header.side {
  width: calc(100% - 70px);
  max-width: calc(100% - 70px)!important;
}


.collaboration-bcg {
  display: flex;
  flex-direction: column;
  height: calc(100% - 64px);
}

.fullscreen .collaboration-bcg,
.fullscreen .side .collaboration-bcg {
  height: 100%;
}

.side .collaboration-left {
  width: 320px;
}

.side .collaboration-bcg {
  display: flex;
  flex-direction: row-reverse;
  height: calc(100% - 64px);
  flex-flow: row-reverse;
}

.collaboration-bcg .collaboration-header {
  flex: 0 1 auto;
  height:auto;
  background:#17181e;
}

.side .collaboration-bcg .collaboration-header {
  flex: 1 0 auto;
  height:auto;
}

.side .collaboration-bcg .collaboration-content {
  flex: 0 1 320px;
  width: 320px;
  flex-direction: column;
  margin-top: 50px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: calc(100% - 50px);
} 


.side .collaboration-bcg .collaboration-content.chat {
  height: calc(100% - 105px);
}

.side .collaboration-bcg .collaboration-content.chat.rocketchat {
  height: 100%;
}

.side .collaboration-tabs {
  position: fixed;
  width: 320px;

}

.form-chat-submit {
  padding: 10px 10px 10px 0;
  background-color: #ffffff;
  margin: 0 auto;
  position: fixed;
  z-index: 1024;
  bottom:0;
  margin-bottom: env(safe-area-inset-bottom);
}

.side #chat_2 .form-chat-submit {
  padding: 10px;
  margin: 0 auto;
  position: fixed;
  bottom: 65px;
  max-width: 320px;
  border-top:solid 1px#e4e4e4;
}



.side #chat_2 .form-chat-submit input {
  background: #f5f5f5;
}

.side #chat_2 {
  position: fixed;
  bottom: 60px;
  width: 320px;
  background: #ffffff;
}

.chat-submit {
  position: fixed;
  margin: 0;
  background: #f7f8f9;
  z-index: 1020;
  bottom: calc(0 + env(safe-area-inset-bottom));
  bottom:0;
  height: 55px;
  border-top: 1px solid #ddd;
  width: 100%;
  left: 0;
}

#platform.android header#header.side .collaboration-bcg .collaboration-header.focus {
   margin-top:-395px; 
}

#platform.android .collaboration-bcg .collaboration-header.focus {
    margin-top: -323px;
}


.collaboration-tabs .nav-tabs li {
  font-size:16px; 
  flex: auto;
}

.collaboration-tabs .nav-tabs li > a {
  margin: 0;
  padding: 14px 0;
}


.collaboration-tabs .nav-tabs > li.active > a {
  -moz-box-shadow: inset 0 0 10px #e4e4e4;
  -webkit-box-shadow: inset 0 0 10px #e4e4e4;
  box-shadow: inset 0 0 10px #e4e4e4;
}


.collaboration-tabs {
  flex: 0 1 50px;
  height: 50px;
  overflow: hidden;
  background: white;
}

.compact .collaboration-side {
  -webkit-overflow-scrolling: touch;  
  overflow-y: auto;
  height: 100%;
  border-right: 1px solid #ddd;
  overflow: auto;
}

.ios .compact .collaboration-side,
.android .compact .collaboration-side {
  border-right:none;
}

.collaboration-side #collaboration_group {
  background: #fff;
  display: flex;
}

.collaboration-side.open .collaboration-tabs .nav-tabs > li > a {
    color: #777;
}

.collaboration-bcg .collaboration-content {
  flex: 1 1 320px;
  display: flex;
  background:#ffffff;
  -webkit-overflow-scrolling: touch;  
  z-index: 100;
}

header.side .collaboration-side {
  width: 320px;
  display: none;
}

header.side.chat .collaboration-side {
  display: block;
}


.collaboration-side #btn-toggle-collaboration {
    background: none;
    border: none;
    width: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-left: solid 1px #333;
    margin-top: -15px;
}


.collaboration-side .collaboration-header {
  flex: 1 0 50px;
  height:auto;
  overflow:hidden;
}



.collaboration-bcg .collaboration-content {
  flex: 1 1 100%;
  background:#ffffff;

}

.collaboration-footer {
  flex: 1 0 auto;
  border-right: 1px solid #ddd;

}


.collaboration-bcg .collaboration-group {
  flex: 1 0 50px;
  height:auto;
  padding: 17px 0 15px 15px;
  background: rgba(0,0,0,0.7);
  border-top: 1px solid #333;
  color:#fff;
  overflow:hidden;
}

.collaboration-group #btn-toggle-collaboration {
    background: none;
    border: none;
    width: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-left: solid 1px #333;
    margin-top: -15px;
}


.collaboration-bcg .tab-pane {
  width: 100%;
}

.header-panel {
  padding: 15px 0;
  height: 50px;
  
}

.currentGroup_header {
  position: absolute;
  line-height: 55px;
  top: 0;
  padding-left: 10px;
  width:65%;
  overflow: hidden;
  height: 45px;
}

.presence .panel-body {
  border-bottom:dotted #e4e4e4 1px; 
  padding:5px 10px;
  min-height: 45px;
}

.offline.user .avatarmedium,
.offline.user strong {
  filter: grayscale(100);
  opacity:0.75;
}

.presence .panel-body:hover .offline.user .avatarmedium,
.presence .panel-body:hover .offline.user strong {
  filter: grayscale(0);
  opacity:1;
}

.presence .panel-body:last-child {
  border-bottom:none;
}


.presence .panel-body.selected {
  background: rgba(165,208,255,0.2);
  border-bottom:solid #e4e4e4 1px; 
}

.modal-content {
  border:0;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .2);

}

#videocourse_slides .container {
  width: 100%;
  max-width: 100%;
}

/*
#platform:not(.admin) .bcgws {
  display: none;
}
#platform:not(.admin) nav {
  width:70px;
}


#platform:not(.admin).sidemenu article,
#platform:not(.admin).sidemenu footer
 {
  padding-left:70px;
}




#platform:not(.admin).collaborationmenu.side article,
#platform:not(.admin).collaborationmenu.side footer {
   padding-left:1024px;
}

#platform:not(.admin).collaborationmenu article,
#platform:not(.admin).collaborationmenu footer {
   padding-left:400px;
}

#platform:not(.admin).sidemenu.collaborationmenu article,
#platform:not(.admin).sidemenu.collaborationmenu footer {
  padding-left:620px;
}

#platform:not(.admin).sidemenu.collaborationmenu.side article,
#platform:not(.admin).sidemenu.collaborationmenu.side footer {
  padding-left:1244px;
}

#platform:not(.admin).sidemenu.collaborationmenu header {
   transform:translateX(220px);
  -webkit-transform:translateX(220px);  
}


#platform:not(.admin).sidemenu article,
#platform:not(.admin).sidemenu footer {
    padding-left: 220px;
}

#platform:not(.admin).list article {
  padding-left:320px;
}


#platform:not(.admin).sidemenu.list article {
  padding-left:540px;
}


#platform:not(.admin).collaborationmenu.sidemenu.list article {
  padding-left:940px;
}

#platform:not(.admin).collaborationmenu.list article{
  padding-left:720px;
}

#platform:not(.admin).collaborationmenu.side.list article {
  padding-left:1364px;
}

#platform:not(.admin).sidemenu.collaborationmenu.side.list article {
  padding-left:1564px;
}

#platform:not(.admin).list.sidemenu #menu {
 transform:translateX(220px);
  -webkit-transform:translateX(220px);  
}

#platform:not(.admin).list.sidemenu.collaborationmenu #menu{
 transform:translateX(620px);
  -webkit-transform:translateX(620px);
}

#platform:not(.admin).list.collaborationmenu #menu{
 transform:translateX(400px);
  -webkit-transform:translateX(400px);
}

#platform:not(.admin).list.collaborationmenu.side #menu {
 transform:translateX(1024px);
  -webkit-transform:translateX(1024px);
}

#platform:not(.admin).list.sidemenu.collaborationmenu.side #menu {
 transform:translateX(1244px);
  -webkit-transform:translateX(1244px);
}


*/

.alert-animate {
    height: calc(100% - 35px);
}

.dashboard_results_10:hover .owl-next,
.dashboard_results_10:hover .owl-prev {
  opacity: 1;
}

.dashboard_results_10 .owl-next {
  width: 20px;
  height: 100px;
  position: absolute;
  margin: 0;
  top: 80px;
  right: 5px !important;
  display: block !important;
  border: 0px solid black;
  opacity: 0;
}

.dashboard_results_10 .owl-prev {
  width: 20px;
  height: 100px;
  position: absolute;
  top: 80px;
  margin: 0px 5px !important;
  display: block !important;
  border: 0px solid black;
  opacity: 0;

}
.dashboard_results_10 .owl-next .fa,
.dashboard_results_10 .owl-prev .fa{
  color:#fff;
}

.note-popover .popover-content>.btn-group, .panel-heading.note-toolbar>.btn-group {
  margin-right: 2px;
}

#ct_desc img.pull-left {
  margin-right: 10px;
}

#ct_desc img.pull-right {
  margin-left: 10px;
}

.rc-handle-container {
  position: relative;
}
.rc-handle {
  position: absolute;
  width: 7px;
  cursor: ew-resize;
  margin-left: -3px;
  z-index: 2;
}
table.rc-table-resizing {
  cursor: ew-resize;
}
table.rc-table-resizing thead,
table.rc-table-resizing thead > th,
table.rc-table-resizing thead > th > a {
  cursor: ew-resize;
}
/* ── Login page ─────────────────────────────────────────────── */

.login-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  background: #fff;
}

#platform.fhir .login-page {
  background: #F6F9FC; 
}

.login-hero {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(env(safe-area-inset-top) + 96px) 32px 40px;
  position: relative;
  overflow: hidden;
}


.login-hero-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
}

.login-hero-logo {
  width: 72px;
  height: 72px;
  object-fit: contain;
  border-radius: 18px;
  background: #fff;
  padding: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.18);
}

.login-hero-title {
  color: #1a1a2e;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.2px;
  line-height: 1.2;
}

#platform.fhir .login-page .login-hero-title {
  color: #10529b;
  text-shadow: 0 1px 4px rgba(255,255,255,0.2);
}

.login-card {
  background: #fff;
  border-radius: 0;
  padding: 32px 24px calc(env(safe-area-inset-bottom) + 32px);
  box-shadow: none;
  max-width: 420px;
  width: 100%;
  margin: 0 auto;
}

#platform .login-card {
  border-radius: 28px 28px;
  box-shadow: 0 -8px 40px rgba(0,0,0,0.22);
}

.login-card .at-form {
  width: 100%;
}

.login-card .at-title h3 {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 4px;
}

.login-card .at-title + hr,
.login-card hr {
  margin: 16px 0;
  border-color: #f0f0f0;
}

.login-card .control-label {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-bottom: 6px;
}

.login-card .form-control {
  border-radius: 12px;
  background: #f5f7fb;
  border: 1.5px solid #e4e8f0;
  height: 50px;
  padding: 12px 16px;
  font-size: 15px;
  color: #111827;
  transition: border-color 0.18s, box-shadow 0.18s;
  box-shadow: none;
}

.login-card .form-control:focus {
  border-color: #1976d2;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(25,118,210,0.12);
  outline: none;
}

.login-card .at-btn.submit,
.login-card .btn-block.submit {
  background: #1976d2;
  border: none;
  border-radius: 12px;
  height: 50px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-top: 8px;
  box-shadow: 0 4px 14px rgba(25,118,210,0.30);
  transition: background 0.15s, box-shadow 0.15s;
}

.login-card .at-btn.submit:hover,
.login-card .btn-block.submit:hover {
  background: #1565c0;
  box-shadow: 0 6px 18px rgba(25,118,210,0.36);
}

.login-card .at-btn.submit:active,
.login-card .btn-block.submit:active {
  background: #0d47a1;
  box-shadow: none;
}

.login-card .at-pwd-link,
.login-card .signinwithemail {
  text-align: center;
  margin-top: 14px;
  font-size: 14px;
}

.login-card .at-pwd-link a,
.login-card .signinwithemail a {
  color: #1976d2;
  text-decoration: none;
}

.login-card .at-sep {
  text-align: center;
  color: #9ca3af;
  font-size: 13px;
  margin: 16px 0;
  position: relative;
}

.login-card .at-sep::before,
.login-card .at-sep::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 38%;
  height: 1px;
  background: #e4e8f0;
}

.login-card .at-sep::before { left: 0; }
.login-card .at-sep::after  { right: 0; }

.login-card .at-social-btn,
.login-card .btn-saml,
.login-card .panel-heading a {
  border-radius: 12px;
  height: 46px;
  font-size: 15px;
  font-weight: 500;
}@media (min-width: 992px) and (max-width: 1199px) {

.panel.mash .meta p {
	font-size: 13px;
	line-height: 17px;
}

.user-options,
.member-options {
    position: relative;
    z-index: 100;
    width:100%;
    top:0 !important;
    left:0 !important;
    right:0 !important;

}

}
@media (min-width: 992px) {
  
}#single-page-login-alert-msg.login-button {
display: block;
width: 100%;
padding: 8px 0 8px 50px;
margin-bottom: 5px !important;
text-align: left;
background-repeat: no-repeat;
background-position: 9px;
}

.login-button#login-buttons-facebook{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBMzJGOEYyRjM5MjA2ODExODA4M0MzMjk1MjY2RDhFMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTJBNzM5RUI2RTIxMUUzODkwOEEyNDNBQzRERjAxQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTJBNzM5REI2RTIxMUUzODkwOEEyNDNBQzRERjAxQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTMyRjhGMkYzOTIwNjgxMTgwODNDMzI5NTI2NkQ4RTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTMyRjhGMkYzOTIwNjgxMTgwODNDMzI5NTI2NkQ4RTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4XtGlxAAAAfElEQVR42mL8//8/Ay0BEwONwaCyQBiIZwPxcyD+j4Qb8GliIdJwRiDeDMSWtPKBATmGk+IDJTQ+yDeJQPyWWj4QROOfI8ZwuqQiBlBGw4Mb/hMGhfjMoIYPHtI6iB5REkQwnIIWLA1E6hthZdGoBaMW4KhIRit9QgAgwAAC0a59Ufu52QAAAABJRU5ErkJggg==);
background-color: #4061a3;
border-color: #355191;

}

.login-button#login-buttons-google {
background-color: #cd4533;
border-color: #ff0000;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNDJGOEYyRjM5MjA2ODExODA4M0MzMjk1MjY2RDhFMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTJBNzM5QUI2RTIxMUUzODkwOEEyNDNBQzRERjAxQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowM0I5OEQxNEI2QjUxMUUzODkwOEEyNDNBQzRERjAxQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTQyRjhGMkYzOTIwNjgxMTgwODNDMzI5NTI2NkQ4RTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTQyRjhGMkYzOTIwNjgxMTgwODNDMzI5NTI2NkQ4RTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz788rWwAAABuElEQVR42uzVzytEURQH8HljFEozKSys/AgLEf4BNayMUrPwYyEbGwsWNpaztaNsLLCRhWTDFEnNQinKYnqLUTPTSOTHgg2ZlOt7OJPjeq95dzHZOPXJc+59797zjndZSilfKcPvK3H8yQIWjEEcHkA5sGFI3JOAlJcFgnAIm/w7/bwV42mYhC7Y9VQCNVnYUV+xJ3It8Mj5N+jV7iEJSDnkfQGxViMM8/WZtutVmAOaPw556BBz6qAaRkXO/iRWG1TfsaLtJKyNxVTxiOkVZMU1VTLDO6W4F2PncMCNLcQi1MCEyOX0HvjhWOxgmXMWLHAuCRUmPdATzXAhFrmCDF+fQL3TQ7w2mSIDnRCFNpjlP12KEbgz/tJcdlRgi2riUOsyrxKqnMYsh8OuFcLQDhFo0hrXz5UaVxCCLXjnHadhA9bgRVRC77q8SOW/mhyAU37AJfRoE7tFsykipgtExc1TLpMb4JXnTHtdwC/eeyFCLm/zBp75Omnagz5RwRMMaDspg3ke3+ePz+gVkSXtLMnyqUquOXcEQa8Pd/qS6VDbhhwfzXleaJ0PQ8vk4W7fwf8//R/xIcAAUEGVdDtQ50AAAAAASUVORK5CYII=);
}

.login-button#login-buttons-twitter {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBMjJGOEYyRjM5MjA2ODExODA4M0MzMjk1MjY2RDhFMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTJBNzNBMkI2RTIxMUUzODkwOEEyNDNBQzRERjAxQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTJBNzNBMUI2RTIxMUUzODkwOEEyNDNBQzRERjAxQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTIyRjhGMkYzOTIwNjgxMTgwODNDMzI5NTI2NkQ4RTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTIyRjhGMkYzOTIwNjgxMTgwODNDMzI5NTI2NkQ4RTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4oIDHdAAABcElEQVR42uzVPUsDMRjA8YvvLjpIreDgIDipHURwEMRB6ejqrJugg4PfoYMoiJOCq4OCqwXRQXDxhdJRCy4VhyqiIIg1/lNyEM9cL31z8oEfNFySJ+k9yQkppdfIaPIaHH+aoLWCcQPYRR5PuMIChH4+iqHSL/UOtBOMG+0wIyhIe6Rxg2u0l96vHtSlOzxjMiLBhSwfeaxixUwQMzp8IoVOy+SD0i2y6DUTCNwHOuWwhriRYNphcjVPtz/GXN1SyIAPnGITWw4Jzs1dt+i3HtMVlcZMoGJUdU1pLvFgNvwEqtRS6KhD6eds56CInTqdreMfLeP/6sGlrC1eg9VnnuQCkljHS5Wr38Z72A6UZA2rfwuU9K8y9e1VmWDRdvJtCZqxjFt9ql1iP+xqKXfnJJBxmPwAbS4J1Mr7MY8jFCMmVrvb0OO8qASzFZaoug7GHK52TwS+yQnMYQLD6MMXHnGHMxwi41q34v+jHxXfAgwAY1AYDUMxI5EAAAAASUVORK5CYII=);
background-color: #5dc4e9;
border-color: #4cb7e3;
}

.login-button#login-buttons-ms {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTBCN0E3OTBDMjQxMUU0ODcwMzlEOTMxN0MyRTNFNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTBCN0E3QTBDMjQxMUU0ODcwMzlEOTMxN0MyRTNFNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1MEI3QTc3MEMyNDExRTQ4NzAzOUQ5MzE3QzJFM0U1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc1MEI3QTc4MEMyNDExRTQ4NzAzOUQ5MzE3QzJFM0U1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UMH4WwAAAORJREFUeNpi/P//PwMtARONzOUDYi4Qg4VMAxiBWBGIldCwNpTmAGIvIN5OyAJ2qEEKQLwDiKcCsQEQqwCxGDEugVkgCsTmQKwKxSpQWhaImYH4AxALAnEYEIuQ4lWYBaFQ1w2ZSB61YBBZAEtF54C4E4+6H1B6EhBzE2n2PWQLngDxHjyK/0DpQ0DMSqQFb8AkqLAD4qz/+MF7qLrX/4kHniA9o6loBFkAygeLgPg4PHlROaOdgGIYEECqF0BYCi3DEV/1kVHpC2KpKpExDICrTEYqtyqkkHy+H1RcMNK62QIQYABuYoEn8fNqZAAAAABJRU5ErkJggg==);
background-color: #666;
border-color: #555;
}

.form-signin, .form-password-lookup
{
    max-width: 100%;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control, .form-password-lookup .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus, .form-password-lookup .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-password-lookup #email
{
    margin-bottom:10px;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.account-wall
{

    margin-top: 20px;
    padding: 40px 20px 20px 20px;
    background-color: #f7f7f7;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.login-title
{
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.text-display
{
    display: block;
    margin-top: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  header#header {
    width: 320px;
  }
   
  #platform.collaborationmenu article, #platform.collaborationmenu footer,
  #platform:not(.admin).collaborationmenu article, #platform:not(.admin).collaborationmenu footer {
    padding-left: 390px;
  }
  
  #platform.sidemenu.collaborationmenu article, #platform.sidemenu.collaborationmenu footer {
    padding-left: 620px;
  }
  
  #platform:not(.admin).sidemenu.collaborationmenu article, #platform:not(.admin).sidemenu.collaborationmenu footer {
    padding-left: 540px;
  }
  
  
}

@media (min-width: 768px) and (max-width: 991px) {

.container {
  width: 100% !important;
  max-width: 100% !important;
}

.panel.mash .thumb {
	height: 96px !important;
}

.user-options,
.member-options {
  position: relative;
  z-index: 1000;
  width:100%;
  top:0 !important;
  right:0 !important;
}

.member-options.in,
.user-options.in {
  width: 100%;
}
   
.fixed-articleheader.hidden-xs {
    display: block !important;
 }
}

 @media (min-width: 768px) and (max-width: 1024px) {
  #platform.sidemenu article,
  #platform.sidemenu footer {
    padding-left: 0;
  }
   
  #platform:not(.admin).sidemenu article,
  #platform:not(.admin).sidemenu footer {
    padding-left: 0px;
  }  
   
  .btn-sidemenu.toggleSticky {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    background: rgba(0,0,0,0.4);
  } 
   
}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1;touch-action: manipulation;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */


.owl-theme .owl-nav {
  margin-top: 00px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

.owl-prev {
  width: 30px;
  height: 100px;
  position: absolute;
  top: 30px;
  margin-left: -35px !important;
  display: block !important;
  border: 0px solid black;
}

.owl-prev .fa,
.owl-next .fa  {
  font-size:24px
}

.owl-next {
    width: 30px;
    height: 100px;
    position: absolute;
    top: 30px;
    right: -40px !important;
    display: block !important;
    border: 0px solid black;
}
    .owl-stage {
        -moz-transition: transform 0.25s ease 0s !important;
        -webkit-transition: transform 0.25s ease 0s  !important;
        transition: transform 0.25s ease 0s !important;
    }

    .btn-audiolevel {
        position: absolute;
        width: 100%;
        background: #0c0;
        bottom: 0;
    }
  
   .gallery .mainVideo {
       display: none;
   }

   .gallery .sfu_smallVideo video {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 10;
        object-fit: cover;
   }

   .sfu_screen.sfu_audio {
        display: none;
    }
   
   .double .mainVideo {
        width: 100%;
        height: calc(100% - 155px);
        position: absolute;
        z-index: 10;
        top: 155px;
        left: 0;
        right: 0;
        bottom: 0;
    }

  .double.presenterview .mainVideo {
    width: calc(100% - 280px);;
    height: calc(100% - 50px);
    top: 50px;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .double.screenShare .mainVideo {
    width: 100%;
    height: calc(100% - 50px);
    top: 50px;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .double .presenterVideo {
    height: calc(100% - 155px);
    top: 155px;
  }

  .double.presenterview .presenterVideo {
    width:280px;
    height: calc(100% - 45px);
    top: 45px;
    position: absolute;
    z-index: 100;
    right: 0px;
    display: block;
  }


/*
:-webkit-full-screen#webrtcplayer {
    width: 100vw;
    height: 100vh;
}
  
  :-moz-full-screen#webrtcplayer {
    width: 100vw;
    height: 100vh;
}
  
  
#webrtcplayer:fullscreen {
    width: 100vw;
    height: 100vh;
}
  
:-ms-fullscreen#webrtcplayer {
    width: 100%;
    height: 100%;
}

:fullscreen#webrtcplayer {
    width: 100%;
    height: 100%;
} 
  

.fullscreen .mainVideo {
    top:0 !important;
    height: calc(100% - 57px) !important;
}

.fullscreen .dvideo_container {
    bottom: 57px;
}



.fullscreen #webrtcplayer .toshowclose { opacity: 1;  display: inline-block;}
.fullscreen #webrtcwindow .toshowclose { opacity: 1;  display: inline-block;}

  
.fullscreen .webrtc-overlay-options {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 20px 5px 10px 10px;
    z-index: 50;
    min-height: 50px;
    opacity: 0;
  }
  


.fullscreen .side.chat .webrtc-overlay-messages,
.fullscreen .webrtc-overlay-messages {
  bottom:0px;
  height: auto;
  position:absolute;
  width:100%;  
  background:rgba(0,0,0,0.85);
  opacity:1;  
  z-index: 1050;
}
.fullscreen .btn-toggle-coll {
  display: none;
}


.fullscreen .webrtc-video {
  position: absolute;
  background:#000000;
  top: 0;
  right: 0;
  left:0;
  bottom:0;
  height: 100vh;
  z-index: 1010;
  padding: 0px;
  width: 100vw;
 }

 .fullscreen  .webrtc-overlay {
  position: absolute;
  right: 0;
  left:0;
  bottom:20px;
  z-index: 1015;
  padding: 0px;
  width: 100%;
 }

 */


 .fullscreen .side.chat .webrtc-overlay-messages,
 .fullscreen .webrtc-overlay-messages {
   bottom:0px;
   height: auto;
   position:absolute;
   background:rgba(0,0,0,0.85);
   opacity:1;  
   z-index: 1050;
 }


.fullscreen .double .mainVideo {
    height: calc(100% - 100px); 
}
.fullscreen .double.screenShare .mainVideo {
    height: calc(100% - 100px);
}



.screenShare #sfu_smallVideos,
.carmode .mainVideo,
.carmode #sfu_smallVideos {
    display:none;
}

  .carmode .video_container {
    width: 100%;
    height: auto;
    top: 30%;
    position: absolute;
  }


  #remoteVideoContainer_phone  #sfu_mainVideo {
    height: calc(100% - 155px);
    top:50px;
  } 

#sfu_atname,
#sfu_mainname {
    color: #ccc;
    font-size: 12px;
    text-align: left;
    position: absolute;
    bottom: 0px;
    left: 0;
    line-height: 1;
    background: rgba(68,68,68,0.8);
    z-index: 10;
    padding: 5px;
    width: auto;
}

#sfu_atname {
    bottom: 6px;
}

.btn-raisehand {
    opacity: 0;
    display: none;
}

.double .btn-raisehand  {
    display: block;
    z-index: 100;
    position: absolute;
    font-size: 10px;
    left: 0;
    padding: 0;
    opacity: 1;
    border-radius: 0;
    background: #4285F4;
    height: 27px;
    line-height: 4;
}

button.btn-pin {
    z-index: 100;
    position: absolute;
    font-size: 10px;
    right: 0;
    padding: 3px 5px;
    opacity: 0;
    border-radius: 0;
}

button.btn-unpin {
    z-index: 100;
    position: absolute;
    font-size: 10px;
    right: 0;
    padding: 3px 5px;
    opacity: 0;
    border-radius: 0;
}



.followActiveSpeaker {
    position: relative;
    top: 50px;
    z-index: 1000;
}

.presenterview .followActiveSpeaker {
    position: relative;
    top: 10px;
    z-index: 1000;
} 

.double .followActiveSpeaker {
    position: relative;
    top: 12px;
    z-index: 1000;
}
.gallery .sfu_smallVideo.raisehand,
.sfu_smallVideo.raisehand {
    border: solid#4285F4 3px !important;
}

.sfu_smallVideo:hover button.btn-pin,
.sfu_smallVideo:hover button.btn-unpin {
  opacity: 1;
}

.sfu_smallVideos_container {
    display: inline-block;
    overflow: hidden;
    overflow-x: hidden;
    height: 50px;
    white-space: nowrap;
    margin:0px 5px; 
    width: calc(100% - 100px);
    max-width: 820px;
}

.presenterview .sfu_smallVideos_container {
    display: none;
}

.gallery .sfu_smallVideos_container {
    white-space: initial;
}

.mobile.gallery .sfu_smallVideos_container {
    width: 100%;
    height: calc(100vh - 265px);
    margin: 0;
    max-width: 100%;
}




.mobile.gallery.sfu_no_4 .sfu_smallVideo {
    width: 48%;
    height: 48%;
    padding: 0;
    border: 0;
    margin:3px;
    float:left;
}



.presenterVideo, .gallery.double .presenterVideo{
    display: none;
}


.presenterVideo .video_container  {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dvideo_container {
    width: 280px;
    height: 157px;
    right: -1px;
    bottom:30px;
    z-index: 15;
    position: absolute;
    display: none;
}

.double .dvideo_container {
    display: block;
}

.dvideo_container #sfu_datVideo {
    width: 280px;
    height: 157px; 
    left: 0;
    right: 0;
}

.gallery .dvideo_container {
    display: none;
}

.cc-container {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: block;
    height: 95px;
    z-index: 350;
    overflow: hidden;
}

.fullscreen .cc-container {
    bottom: 80px;
}

.fullscreen .cc-container .transcript-overlay {
    width: 90%;
    margin: 10px auto;
}


.cc-container .transcript-overlay {
    height: 80px;
    overflow: hidden;
    position: relative;
    font-size:30px;
    padding: 10px;
    margin:10px 20px ;
    background: rgba(0,0,0,0.7);
    border-radius: 5px;
}

.cc-container .transcript {
    position: absolute;
    bottom: 0;
    font-size: 28px;
    color:#e4e4e4;
}

.presenterVideo #sfu_atVideo {
    width: 280px;
    height: 157px; 
    left: 0;
    right: 0;
}


.sfu_presenter {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    height: 100%;

}

.presenterview.double .avatar-img {
    width: 80px;
    height: 80px;
    margin: 40px auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }


.double .sfu_smallVideos_container {
    height: 100px;
}

.double.gallery .sfu_smallVideos_container {
    height: calc(100% - 50px);
    width:100%;
    max-width: 100%;
    margin:0
}


.btn-prev,
.btn-next {

    color: #fff;
    font-size: 18px;
    top: calc(50% - 15px);
    position: absolute;
    width: 30px;
    background: #444;
    height: 30px;
    display: inline-block;
    padding: 0;
    text-align: center;
}

.btn-prev:focus,
.btn-prev:hover,
.btn-next:hover,
.btn-next:focus {
    color:#e4e4e4;
    background: #666;
}

.double .btn-prev,
.double .btn-next {
    top: calc(50% - 20px);
}

#sfu_mainDiv  .page-btn-next {
    position: absolute;
    height: 40px;
    color:#fff;
    top: 0px;
    display: inline-block;
}

#sfu_mainDiv  .page-btn-prev {
    position: absolute;
    height: 40px;
    top: 0px;
    margin-left: -40px;
    display: inline-block;
}

#sfu_mainDiv.presenterview .page-btn-prev,
#sfu_mainDiv.presenterview .page-btn-next {
   display: none;
}

#sfu_mainDiv.double  .page-btn-prev,
#sfu_mainDiv.double  .page-btn-next {
    position: absolute;
    height: 100px;
    top: 10px;
}

#sfu_mainDiv.double.gallery .page-btn-next {
    position: absolute;
    height: 100%;
    top: 0;
    right: 50px;
    z-index: 1010;

}

#sfu_mainDiv.double.gallery .page-btn-prev {
    position: absolute;
    height: 100%;
    top: 0;
    left: 10px;
    margin: 0;
    z-index: 1010;
}


#sfu_mainDiv.gallery.mobile .page-btn-next {
    position: fixed;
    height: 40px;
    color: #fff;
    top: 50%;
    display: inline-block;
    right: 0;
    z-index: 1000;
    width: 70px;
}

#sfu_mainDiv.gallery.mobile .page-btn-prev {
    position: fixed;
    height: 40px;
    color: #fff;
    top: 50%;
    display: inline-block;
    left: 10px;
    z-index: 1000;
    width: 70px;
}


#sfu_mainDiv .btn-next.btn-white:hover,
#sfu_mainDiv .btn-next.btn-white:focus,
#sfu_mainDiv .btn-prev.btn-white:hover,
#sfu_mainDiv .btn-prev.btn-white:focus {
    background: #777;
    text-decoration: none;
    background: none !important;
}

.btn-rebroadcast {
    position: absolute;
    width: 100%;
    margin-top: -45px;
    z-index: 1055;
}

.raisehand.active,
.interpreter.active {
    background: #4285F4 !important;
    color: #fff;
}


.btn.btn-black.togglegallery {
    padding: 8px;
    line-height: 1;
    width: 30px;
}

.btn.btn-black.active,
.btn.btn-black.active:hover,
.btn.btn-black.active:focus {
    background: #fff !important;
    border-radius: 50px;
    color: #333;
}


#sfu_mainVideo video {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}

.gallery.mobile .sfu_smallVideo.sfu_peer .avatar, .gallery.mobile .sfu_smallVideo.sfu_audio .avatar {
    left: calc(50% - 35px);
    width: 70px;
    height: 70px;
    top: calc(50% - 35px);
    margin: 0 auto;
    text-align: center;
}


.presenterVideo #sfu_atVideo video {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}

#remoteVideoContainer_phone .webrtcholder {
    top: 50px;
}

.presencemember.active .user .avatarmedium {
    border: 2px solid #FFF; 
    box-shadow: 0 0 2px 2px #0c0;
}.meinCall .callwindow {
  width: 100% !important;
  opacity: 0;
}
.meinCall .inCall {
    color: #fff;
    font-size: 22px;
    position: absolute;
    width: calc(100% - 40px);
    border-radius: 42px;
}
/* Nav tabs */


.dashboard_header h4{
  font-size: 15px;
  font-weight: bold;
  color: #777;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 7px;
}

.dashboard_tab {
  display: inline-block;
}

.dashboard_tab a {
  position: relative;
  display: block;
  font-weight: bold;
  border-radius: 0;
  padding: 10px 0px;
  margin-right: 15px;
  color: #555;
} 

.dashboard_tab a.active {
  color: #4285F4 !important;

}

.dashboard_tab a.active,
.dashboard_tab a.active:focus,
.dashboard_tab a.active:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover { 
  border-width: 0;
  color: #4285F4 !important;
}

.nav-tabs > li > a {
  border: none;
  color: #666;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .dashboard_tab a.active {
  background:none;
  color: #4285F4 !important;
}	

.dashboard_tab a.active,
.dashboard_tab a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li > a:hover { 
  border: none; 
  color: #4285F4 !important; 
  background: none;
  cursor: pointer;
}

.dashboard_tab a::after,
.nav-tabs > li > a::after {
  content: "";
  background: #4285F4;
  height: 4px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  transition: transform 125ms ease 0s, opacity 125ms ease 0s;
  transform: scale(0);
}

.dashboard_tab:hover a::after,
.nav-tabs > li:hover > a::after { 
  transform: scale(1);
  opacity: 0.7;
 }

.dashboard_tab a.active::after,
.dashboard_tab:hover a::after,
.nav-tabs > li.active > a::after,
.nav-tabs > li:hover > a::after { 
  transform: scale(1);
 }

 .dashboard_tab a.active::after,
.nav-tabs > li.active > a::after { 
  transform: scale(1);
  opacity: 1;
 }

.tab-nav > li > a::after { 
  background: #21527d none repeat scroll 0% 0%;
  color: #fff;
}


/* Widgets */

.container-profile {
  width: 100%;
  position: fixed;
  z-index: 999;
  border-bottom: dotted 1px #ccc;
}

.container-profile .breadcrumbs2 {
  padding: 10px 0 0 0;
}

.container-profile {
  margin: -60px -15px 25px;
  min-height: 50px;
}


.container-profile .btn-default,
.container-profile .btn-danger,
.container-profile .btn-success {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}



/* Side menu */


.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-image: none;
  background-repeat: repeat-x;
  text-shadow: none !important;
  animation: auto;
}


.mainmenu_item.active {
    background: rgba(66,133,244,.3);
    color: #4285F4;
}


.well.ws.active .text-white {
    color: #4285F4;
}

/* Cuepoints  */


#cuepoints .list-group-item.active,
#cuepoints .list-group-item.active:hover,
#cuepoints .list-group-item.active:focus {
  background-image: none;
  background-repeat: repeat-x;
  background: none;
  text-shadow: none !important;
  animation: auto;
  border:solid 2px #4285F4;
}

#cuepoints .list-group-item {
  border:solid 2px transparent;
}

/* progress */


.progress {
  padding: 3px;
  border: solid 1px rgba(66,133,244,0.3)!important;
  background-color: #e4e4e4;
}

.progress-bar {
  background-color: #4285F4;
  font-size: 11px;
  line-height: 11px;
}

.background_frontpage {
  -webkit-filter: saturate(140%) contrast(110%);
  filter: saturate(140%) contrast(110%);
  z-index: -1;
  height: 100%;
  width: calc(100% + 30px);
  margin: -15px;
  position: absolute;
  background-size: cover;
  background-position: center;
  filter: blur(7px);
}

.VIDEO.embed.slide.in {
  overflow: hidden;
  height: 100vh;
}

.featured-banner  {
  height:235px;
}

.btn-toggle-coll {
  width: 60px;
}

.frontpage {
  height:255px;
  position: relative;
  overflow:hidden;
  background-color: rgba(0,0,0,.6);
  margin:-20px 0;
}

 .frontpage .frontpage_container {
  padding:50px 40px 0 40px;
}

.grid4 .frontpage .frontpage_container {
  padding:50px 0px 0 0px;
}

.container-profile,
.REGISTRATION.content-bcg {
  background-position: center;
}

.dashboard_item .stat2
.container-profile .btn-default {
    display: inline-block;
}

.text-danger strong {
  color:#ff0000;
}

.fc .fc-left h2 {
  font-size: 15px;
  margin: 10px 0 0 0;
}

.container-profile .col-sm-6.text-right {
  padding: 10px;
  position: fixed;
  right: 0;
  width: auto;
}
 

.COLLABORATION .content-container,
.EDUCATION .content-container,
.SUPERVISOR .content-container,
.PARTNER .content-container,
.BRANCH .content-container,
.INSTANCE .content-container,
.EVENT .content-container,
.GROUPS .content-container  {
  padding-bottom: 0;
}

.dashboard_item .stat2 {
  min-height: 30px;
  border-top:solid 1px #e4e4e4;
}

.dashboard_item .progress {
  height:17px;
}

.dashboard_item.assetitem:hover .progress {
  opacity: 0;
}

.dashboard_item .fa-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  margin-top: 20%;
}

.dashboard_item .fa-icon .fa {
  font-size: 28px;
  color:#888;
}

.dashboard_item.folderitem .fa-icon .fa {
  font-size: 28px;
  color:#777;
}

.dashboard_item.smartfolder.folderitem .fa-icon .fa {
  font-size: 28px;
  color:#857ee4;
}

.dashboard_item.fade .btn-options {
  position: absolute;
  z-index: 100;
  opacity: 0;
}

.dashboard_item.fade:hover .btn-options,
.dashboard_item.fade .btn-options.open {
  opacity: 1;
}





.thumb169, .asset .mash .thumb,
.thumb169, .item .mash .thumb {
	width: 100%;
	display: block;
	position: relative;
  background: #e4e4e4;
  overflow: hidden;
  border-bottom: solid 1px #e4e4e4;
  background-size: cover !important;
  background-position: top;
}


.thumb169:after, .asset .mash .thumb:after,
.thumb169:after, .item .mash .thumb:after
{
	padding-top: 56.25%;
	display: block;
	content: '';
}

 .thumb169 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

@media (max-width: 767px) {
  .container-profile .col-sm-6.text-right {
    padding: 10px;
    position: initial;
    right: 0;
  }
}@media (max-width: 767px) {

  ul.dropdown-menu {
    max-height: 500px;
  }

  .row-table {
    line-height: 20px;
    padding: 10px 0;
  }
  .table-responsive .dropdown-menu{
    position: static;
    margin: 0 -165px;
  }
 
  select,
  textarea,
  input {
    font-size: 16px !important;
  }

  #platform.collaborationmenu {
    overflow: hidden;
    height: 100vh;
    padding: 0;
  }

  article {
    padding-bottom: 90px;
  }

  .cordova .masthead-top {
    padding-top: env(safe-area-inset-top);
  }
  
  #platform {
    padding-top: calc(env(safe-area-inset-top) - 25px);
    height: calc(100vh - env(safe-area-inset-bottom));
  }

  #platform.ios.cordova {
    padding-top: env(safe-area-inset-top);
    height: calc(100vh - env(safe-area-inset-bottom));
  }
 
  #header.side.full {
      width: 100%;
      max-width: 100%!important;

  }
  
  .content-bcg.VIDEO, 
  .content-bcg.IMAGE  {
    padding-top: 40px;
  }


.dashboard_item.assetitem {
  width: 50%;
}

#nav.mash .addnewassetitem {
  width: 100%;
  margin-bottom: 10px;
}

#platform.scroll .masthead {
  display: none;
}

#platform.ios.cordova.call .masthead {
  display: none !important;
}  
  
.collaboration-content {
  border: 0 !important;
}  
  
#platform.scroll .content-options-bcg {
  background: #fff !important;
  position: fixed;
  height: 65px;
  top: 0px;
  padding: 15px 10px;
  z-index: 100;
  border-bottom: solid 1px #e7e7e7;
  box-shadow: 0 2px 5px rgba(0,0,0,.05);
  width: 100%;
}
  
  .fixed-articleheader.hidden-xs {
    display: block !important;
  }

  .cwidth .fixed-articleheader .col-xs-6 {
    display: block;
}

#platform article, #platform footer {
  padding-left: 0 !important;
}

#platform.list article {
  padding-left: 0 !important;
}
  
#platform.sidemenu.list article {
  padding-left: 0;
}
  
#platform.list.sidemenu #menu {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}

#platform header#header {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  
  top:0
}

  
.list #menu {
  overflow-y: inherit; 
  position: relative;
  width: 100% !important; 
  -webkit-box-shadow: none;
  box-shadow: none;
  border-right: none;
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  top:inherit !important;
  left: 0;
}
 
.android #btn-sidemenu,
.ios #btn-sidemenu  {
  width: 70px !important;
}

.android .btn-group.masthead-menu .btn
.ios .btn-group.masthead-menu .btn {
  width: 70px !important;
}


#alerts {
  position: fixed;
  top:0;
  bottom: 0;
  width: 100%;
  z-index: 10000;
  right: initial;
  left: initial;
  padding: 0px;
}
  
.cordova #header {
    top: env(safe-area-inset-top);
} 




.cordova .collaboration-bcg ,
.cordova .collaboration-side {
  height: calc(100% - 30px);
}




.btn-sidemenu.toggleSticky {
   height:100%;
   width:100%;
   display:block;
   position:fixed;
   right:0;
   z-index: 1010;
   background: rgba(0,0,0,0.4);
   transition: background-color 0.225s ease;

}
  
.admin .toggleSticky {
  width:100%; 
}
  

.btn-workspaces strong,
.btn-groups strong {
  max-width:30%;
  overflow:hidden;
}

.user-options,
.member-options {
    position: relative;
    z-index: 100;
    width:100%;
    top:0 !important;
    left:0 !important;
    right:0 !important;

}

.member-options.in,
.user-options.in {
    width: 100%;
}

.cordova.ios + .modal .modal-header {
  padding-top: env(safe-area-inset-top);
}

.cordova.ios + .modal .modal-footer {
  padding-bottom: env(safe-area-inset-bottom);
}

.modal-header .close img{
  width:30px;
  height:30px;
  margin-top:15px;
}



.modal-body.height {
  -webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
  max-height: initial !important;
  /* height: calc(100vh - env(safe-area-inset-bottom)); */ 
  height: calc(100vh - 145px); 
  overflow-y: auto;
}

.modal-dialog {
  margin: 0;
}

.modal-content {
  border-radius: 0px;
  border: 0;
  height: 100%;
}

/* ── Bottom sheet drag ──────────────────────────── */

/* .modal je že position:fixed full-screen — dialog pozicioniramo znotraj njega */
.modal-sheet .modal-dialog {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.modal-sheet .modal-content {
  border-radius: 16px 16px 0 0;
  border: 0;
  height: 100%;
  /* will-change se doda/odstrani z JS samo med dragom */
}

.modal-sheet.is-dragging .modal-content {
  will-change: transform;
  transition: none !important;
}

.sheet-drag-handle {
  width: 36px;
  height: 4px;
  background: rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  margin: 0 auto 10px;
  flex-shrink: 0;
  touch-action: none;
}

.modal-sheet .modal-header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

.modal-sheet .modal-header:active {
  cursor: grabbing;
}

.modal-footer {
  position: sticky;
  bottom: 0;
  width: 100%;
}

 
.nav-list {
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 0;
}
.header h2 {
	font-size: 22px;
	line-height: 24px;
}

#nav.mash {
	margin: 10px 0;
}

.form_personal-msg {
  min-height: 200px;
  margin-bottom: 10px;
}

.div-search-submit {
  max-width: 100%;
  width: 100%;
  margin: 0;
  float: left;
  padding:14px 15px;
  position: fixed;
  top: 64px;
  left: 0;
  z-index: 1000;
  display:none;
  background:rgba(0,0,0,1);
  transform: translateY(-164px);
  -webkit-transition: transform .15s ease-in-out, opacity .15s ease-in-out;
  -o-transition: transform .15s ease-in-out, opacity .15s ease-in-out;
  transition: transform .15s ease-in-out, opacity .15s ease-in-out;
  opacity:0;
}

.div-search-submit.in {
  display:block;
  transform: translateY(0);
  opacity:1;
  width: 100%;
}

.btn-clearsearch, .doSearch {
	position: absolute;
  right: 25px;
  top: 20px;
  background: none;
  font-size: 16px;
}  

.search-form.input-group {
    position: inherit;
    display: inherit;
    border-collapse: inherit;
    width: 100%;
}  
  
.collaboration-bcg {
  height: calc(100% - 50px);
}

.cordova .div-search-submit.in {
  display:block;
  top: 71px;
  opacity:1;
  width: 100%;
}

.div-search-submit:hover .search-form {
  width: 100%;
}

.masthead .btn-sidemenu {
  width: 35px;
  padding:5px 0;
}

.collaboration {
  position: fixed;
  z-index: 10000;
  bottom: 5px ;
  right: 0px;
  background:#fff;
  width: 100%;
} 

.web-rtc-system-message {
  top: 40%;
}

.web-rtc-status-message {
  top:50%; 
}

.webrtcholder:hover .webrtc-overlay-messages {
	opacity: 1;
}	
	/*
	#webrtcplayer {
		position: fixed;
		width: 100%;
		z-index: 100;
		top: 60px;
		left:0;
		z-index:10000;
		background:#333333;
		font-size: 14px;
		color: #fff;
	} 
	*/
	

	.mitvlogo img {
    height: 35px;
    margin-top: 0px;
	} 
	 
	#player {
		position: relative;
	}
	#adminmenu {
		min-height: 1px;
	}
	.breadcrumb li {
		max-width: 200px;
	}
	.list .topoffset {
		padding-top: 0px;
	}
	.navbar.navmenu {
		padding: 0px 0 5px 0;
	}
	
	.secondary-masthead {
		margin: 0;
	}
	#nav {
		z-index: 1000;
		width: 100%;
		-webkit-overflow-scrolling: touch;
		-moz-overflow-scrolling: touch;
	}
	

  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
  

	#slides {
		padding: 15px 0;
	}
	
	#slides h2, #slides hr {
		padding: 0 15px;
	}
	
  .dropdown-menu {
     width:220px; 
  }	
	

  #platform nav {
   transform:translateX(-100%);
   -webkit-transform:translateX(-100%);
   overflow-y:auto;
   width: 300px;
  }

  #platform.sidemenu article,
  #platform.sidemenu footer {
    transform:translateX(300px);
    -webkit-transform:translateX(300px);
    padding-left: 0;
  }

  #platform.sidemenu.sticky_sharedcontent article,
  #platform.sidemenu.sticky_sharedcontent footer,
  #platform.sidemenu.sticky_directory article,
  #platform.sidemenu.sticky_reports article,
  #platform.sidemenu.sticky_reports footer,
  #platform.sidemenu.sticky_directory footer {
    transform: translateX(70px);
    -webkit-transform: translateX(70px);
    padding-left: 0;
}

  #platform.collaborationmenu header#header {
    transform:translateX(0px);
    -webkit-transform:translateX(0px);
    top:0;
  }
  
  #platform.collaborationmenu article,
  #platform.collaborationmenu footer {
    transform:translateX(0);
    -webkit-transform:translateX(0);
    padding-left: 0;
  }

  #platform.sidemenu.collaborationmenu article,
  #platform.sidemenu.collaborationmenu footer {
    transform:translateX(0px);
    -webkit-transform:translateX(0px);
    padding-left: 0;
  }
 

  #platform.sidemenu.collaborationmenu #header {
   transform:translateX(300px);
    -webkit-transform:translateX(300px);
  }


  #platform:not(.admin).sidemenu article, 
  #platform:not(.admin).sidemenu footer {
    transform:translateX(220px);
    -webkit-transform:translateX(220px);  
    padding-left: 0;
  }
  
  #platform:not(.admin).collaborationmenu article,
  #platform:not(.admin).collaborationmenu footer {
    padding-left: 0;
  }
  
  #header {
    width:100% !important;
    z-index:1002 !important;
    transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    border:0;
  }
  
  
 /*
  .menu * div.assetitem,
  .menu * div.folderitem,
  .nav.mash div.assetitem,
  .nav.mash div.folderitem,
  .addnewassetitem {
    padding-left: 5px;
    padding-right: 5px;
    cursor:pointer;
    width:145px;
  }
  
*/

    
  .mitvlogo {
    height: 35px;
    position: relative;
    top: 0;
  }
    
  .cordova.ios #remoteVideoContainer_phone  .webrtcholder{
    z-index: 1000;
    position: fixed;
    height: calc(100% - 90px);
    top: calc(50px + env(safe-area-inset-top));
    bottom: 0;
    z-index: 2000;
  }


  .cordova.ios .webrtc-overlay-messages {
    opacity: 1;
    background: #000;
    position: fixed;
    bottom: calc(50px + env(safe-area-inset-bottom));
    z-index: 10001;
  }
  
     
  .webrtc-overlay-options {
    opacity: 1;
  }
  
 .cordova.ios .collaboration-header.focus {display: none}
 .cordova.ios .collaboration-bcg.focus {
    height: calc(100% - 64px) !important;
 }


 .tab-height.comments {
    padding-bottom: 115px;
  }

  .chat-submit {
    position: fixed;
    bottom: 0px;
    margin:0;
    background:#fff;
    z-index:1020;
    padding-bottom: env(safe-area-inset-bottom);
  }


  .cordova .chat-submit {
    position: fixed;
    bottom: 50px;
    margin:0;
    background:#fff;
    z-index:1020;
    padding-bottom: env(safe-area-inset-bottom);
  }


  .form-chat-submit {
    width: 100% !important;
    max-width: 95% !important;
  }

  .topmargin  {
    margin-top:50px;
  }

  .sms2video #sfu_smallVideos {
    opacity: 0;
  }

  .sms2video  #sfu_mainVideo {
    object-fit: cover;
  }

  .sms2video .sfu_me.sfu_webcam video,
  .sms2video video.sfu_webcam.sfu_me {
    transform: scale(1,1);
  }

  .sms2video .webrtc-oval {
    background-color: transparent;
    border: 0;
  }

  #headingWebrtc {
    display: none;
  }

  .sms2video .btn-webrtc,
  .sms2video .btn-unmute-webrtc {
    display: none;
  }

}




@media (max-width: 460px) {
  .masthead-top .btn-white {
    padding: 6px 7px !important;
  }


  .btn-user {
    margin-right: 0;
  }


  .masthead-menu.phone {
    position: absolute;
    width: 140px;
  }

  .masthead-menu {
    position: absolute;
    width: 140px;
  }


}

@media (max-width: 896px) and (orientation:landscape) {

  header {
    width:100%;

  }

  .fixed-bottom {
    display: none;
  }

 
  header #remoteVideoContainer_phone {
    padding: 0;
    margin: 0;
    display: block;
  }

  header #remoteVideoContainer_phone .webrtcholder {
    z-index: 1000;
    position: fixed;
    height: calc(100% - 60px);
    top: 5px;
    bottom: 0;
    z-index: 2000;
  }

  #remoteVideoContainer_phone #sfu_mainVideo {
  height: calc(100% - 51px);
  top: 50px;
  }

  
  .android #remoteVideoContainer_phone #sfu_mainVideo {
    height: 100%;
    top: 0px;  
  }

  .collaboration-bcg {
    height:100%;
  }
  
  .mobile.gallery .sfu_smallVideos_container {
    width: 100%;
    height: calc(100vh - 91px);
    margin: 40px 0 0 0;
    max-width: 100%;
    }


  #headingWebrtc {
    position: absolute;
    top:0;
    z-index: 1000;
    background: none;
  }

  .webrtc-overlay-messages {
    bottom:0 !important;
    padding-bottom: env(safe-area-inset-bottom);  
    z-index: 10000;
  }
}@keyframes ticker {
	0%   {transform: translateY(0)}
	25%  {transform: translateY(-30px)}
	50%  {transform: translateY(-60px)}
	75%  {transform: translateY(-90px)}
	100% {transform: translateY(0)}
}

.news {
  box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4), 0 5px 10px rgba(0,0,0,0.5);
  width: 350px;
  height: 30px;
  margin: 20px auto;
  overflow: hidden;
  border-radius: 4px;
  padding: 3px;
  -webkit-user-select: none
} 

.news span {
  float: left;
  color: #fff;
  padding: 6px;
  position: relative;
  top: 1%;
  border-radius: 4px;
  box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4);
  font: 16px 'Source Sans Pro', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  cursor: pointer
}

.news ul {
  float: left;
  padding-left: 20px;
  animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  will-change: transform;
  -webkit-user-select: none
}

.news ul li {line-height: 30px; list-style: none }

.news ul li a {
  color: #fff;
  text-decoration: none;
  font: 14px Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none
}

.news ul:hover { animation-play-state: paused }
.news span:hover+ul { animation-play-state: paused }

@media (prefers-reduced-motion: reduce) {
  .news ul {
    animation: none;
    transform: none;
  }
}
.fa.fa-glass{--fa:"\f000"}.fa.fa-envelope-o{--fa:"\f0e0"}.fa.fa-envelope-o,.fa.fa-star-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-star-o{--fa:"\f005"}.fa.fa-close,.fa.fa-remove{--fa:"\f00d"}.fa.fa-gear{--fa:"\f013"}.fa.fa-trash-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f2ed"}.fa.fa-home{--fa:"\f015"}.fa.fa-file-o{--fa:"\f15b"}.fa.fa-clock-o,.fa.fa-file-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-clock-o{--fa:"\f017"}.fa.fa-arrow-circle-o-down{--fa:"\f358"}.fa.fa-arrow-circle-o-down,.fa.fa-arrow-circle-o-up{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-arrow-circle-o-up{--fa:"\f35b"}.fa.fa-play-circle-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f144"}.fa.fa-repeat,.fa.fa-rotate-right{--fa:"\f01e"}.fa.fa-refresh{--fa:"\f021"}.fa.fa-list-alt{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f022"}.fa.fa-dedent{--fa:"\f03b"}.fa.fa-video-camera{--fa:"\f03d"}.fa.fa-picture-o{--fa:"\f03e"}.fa.fa-photo,.fa.fa-picture-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-photo{--fa:"\f03e"}.fa.fa-image{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f03e"}.fa.fa-map-marker{--fa:"\f3c5"}.fa.fa-pencil-square-o{--fa:"\f044"}.fa.fa-edit,.fa.fa-pencil-square-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-edit{--fa:"\f044"}.fa.fa-share-square-o{--fa:"\f14d"}.fa.fa-check-square-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f14a"}.fa.fa-arrows{--fa:"\f0b2"}.fa.fa-times-circle-o{--fa:"\f057"}.fa.fa-check-circle-o,.fa.fa-times-circle-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-check-circle-o{--fa:"\f058"}.fa.fa-mail-forward{--fa:"\f064"}.fa.fa-expand{--fa:"\f424"}.fa.fa-compress{--fa:"\f422"}.fa.fa-eye,.fa.fa-eye-slash{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-warning{--fa:"\f071"}.fa.fa-calendar{--fa:"\f073"}.fa.fa-arrows-v{--fa:"\f338"}.fa.fa-arrows-h{--fa:"\f337"}.fa.fa-bar-chart,.fa.fa-bar-chart-o{--fa:"\e0e3"}.fa.fa-twitter-square{--fa:"\f081"}.fa.fa-facebook-square,.fa.fa-twitter-square{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-facebook-square{--fa:"\f082"}.fa.fa-gears{--fa:"\f085"}.fa.fa-thumbs-o-up{--fa:"\f164"}.fa.fa-thumbs-o-down,.fa.fa-thumbs-o-up{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-thumbs-o-down{--fa:"\f165"}.fa.fa-heart-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f004"}.fa.fa-sign-out{--fa:"\f2f5"}.fa.fa-linkedin-square{font-family:"Font Awesome 7 Brands";font-weight:400;--fa:"\f08c"}.fa.fa-thumb-tack{--fa:"\f08d"}.fa.fa-external-link{--fa:"\f35d"}.fa.fa-sign-in{--fa:"\f2f6"}.fa.fa-github-square{font-family:"Font Awesome 7 Brands";font-weight:400;--fa:"\f092"}.fa.fa-lemon-o{--fa:"\f094"}.fa.fa-lemon-o,.fa.fa-square-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-square-o{--fa:"\f0c8"}.fa.fa-bookmark-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f02e"}.fa.fa-facebook,.fa.fa-twitter{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-facebook{--fa:"\f39e"}.fa.fa-facebook-f{--fa:"\f39e"}.fa.fa-facebook-f,.fa.fa-github{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-credit-card{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-feed{--fa:"\f09e"}.fa.fa-hdd-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f0a0"}.fa.fa-hand-o-right{--fa:"\f0a4"}.fa.fa-hand-o-left,.fa.fa-hand-o-right{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-hand-o-left{--fa:"\f0a5"}.fa.fa-hand-o-up{--fa:"\f0a6"}.fa.fa-hand-o-down,.fa.fa-hand-o-up{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-hand-o-down{--fa:"\f0a7"}.fa.fa-globe{--fa:"\f57d"}.fa.fa-tasks{--fa:"\f828"}.fa.fa-arrows-alt{--fa:"\f31e"}.fa.fa-group{--fa:"\f0c0"}.fa.fa-chain{--fa:"\f0c1"}.fa.fa-cut{--fa:"\f0c4"}.fa.fa-files-o{--fa:"\f0c5"}.fa.fa-files-o,.fa.fa-floppy-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-floppy-o{--fa:"\f0c7"}.fa.fa-save{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f0c7"}.fa.fa-navicon,.fa.fa-reorder{--fa:"\f0c9"}.fa.fa-magic{--fa:"\e2ca"}.fa.fa-pinterest,.fa.fa-pinterest-square{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-pinterest-square{--fa:"\f0d3"}.fa.fa-google-plus-square{--fa:"\f0d4"}.fa.fa-google-plus,.fa.fa-google-plus-square{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-google-plus{--fa:"\f0d5"}.fa.fa-money{--fa:"\f3d1"}.fa.fa-unsorted{--fa:"\f0dc"}.fa.fa-sort-desc{--fa:"\f0dd"}.fa.fa-sort-asc{--fa:"\f0de"}.fa.fa-linkedin{font-family:"Font Awesome 7 Brands";font-weight:400;--fa:"\f0e1"}.fa.fa-rotate-left{--fa:"\f0e2"}.fa.fa-legal{--fa:"\f0e3"}.fa.fa-dashboard,.fa.fa-tachometer{--fa:"\f625"}.fa.fa-comment-o{--fa:"\f075"}.fa.fa-comment-o,.fa.fa-comments-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-comments-o{--fa:"\f086"}.fa.fa-flash{--fa:"\f0e7"}.fa.fa-clipboard{--fa:"\f0ea"}.fa.fa-lightbulb-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f0eb"}.fa.fa-exchange{--fa:"\f362"}.fa.fa-cloud-download{--fa:"\f0ed"}.fa.fa-cloud-upload{--fa:"\f0ee"}.fa.fa-bell-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f0f3"}.fa.fa-cutlery{--fa:"\f2e7"}.fa.fa-file-text-o{--fa:"\f15c"}.fa.fa-building-o,.fa.fa-file-text-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-building-o{--fa:"\f1ad"}.fa.fa-hospital-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f0f8"}.fa.fa-tablet{--fa:"\f3fa"}.fa.fa-mobile,.fa.fa-mobile-phone{--fa:"\f3cd"}.fa.fa-circle-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f111"}.fa.fa-mail-reply{--fa:"\f3e5"}.fa.fa-github-alt{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-folder-o{--fa:"\f07b"}.fa.fa-folder-o,.fa.fa-folder-open-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-folder-open-o{--fa:"\f07c"}.fa.fa-smile-o{--fa:"\f118"}.fa.fa-frown-o,.fa.fa-smile-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-frown-o{--fa:"\f119"}.fa.fa-meh-o{--fa:"\f11a"}.fa.fa-keyboard-o,.fa.fa-meh-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-keyboard-o{--fa:"\f11c"}.fa.fa-flag-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f024"}.fa.fa-mail-reply-all{--fa:"\f122"}.fa.fa-star-half-o{--fa:"\f5c0"}.fa.fa-star-half-empty,.fa.fa-star-half-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-star-half-empty{--fa:"\f5c0"}.fa.fa-star-half-full{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f5c0"}.fa.fa-code-fork{--fa:"\f126"}.fa.fa-chain-broken,.fa.fa-unlink{--fa:"\f127"}.fa.fa-calendar-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f133"}.fa.fa-css3,.fa.fa-html5,.fa.fa-maxcdn{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-unlock-alt{--fa:"\f09c"}.fa.fa-minus-square-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f146"}.fa.fa-level-up{--fa:"\f3bf"}.fa.fa-level-down{--fa:"\f3be"}.fa.fa-pencil-square{--fa:"\f14b"}.fa.fa-external-link-square{--fa:"\f360"}.fa.fa-compass{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-caret-square-o-down{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f150"}.fa.fa-toggle-down{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f150"}.fa.fa-caret-square-o-up{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f151"}.fa.fa-toggle-up{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f151"}.fa.fa-caret-square-o-right{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f152"}.fa.fa-toggle-right{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f152"}.fa.fa-eur,.fa.fa-euro{--fa:"\f153"}.fa.fa-gbp{--fa:"\f154"}.fa.fa-dollar,.fa.fa-usd{--fa:"\$"}.fa.fa-inr,.fa.fa-rupee{--fa:"\e1bc"}.fa.fa-cny,.fa.fa-jpy,.fa.fa-rmb,.fa.fa-yen{--fa:"\f157"}.fa.fa-rouble,.fa.fa-rub,.fa.fa-ruble{--fa:"\f158"}.fa.fa-krw,.fa.fa-won{--fa:"\f159"}.fa.fa-bitcoin,.fa.fa-btc{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-bitcoin{--fa:"\f15a"}.fa.fa-file-text{--fa:"\f15c"}.fa.fa-sort-alpha-asc{--fa:"\f15d"}.fa.fa-sort-alpha-desc{--fa:"\f881"}.fa.fa-sort-amount-asc{--fa:"\f884"}.fa.fa-sort-amount-desc{--fa:"\f160"}.fa.fa-sort-numeric-asc{--fa:"\f162"}.fa.fa-sort-numeric-desc{--fa:"\f886"}.fa.fa-youtube-square{--fa:"\f431"}.fa.fa-xing,.fa.fa-xing-square,.fa.fa-youtube,.fa.fa-youtube-square{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-xing-square{--fa:"\f169"}.fa.fa-youtube-play{--fa:"\f167"}.fa.fa-adn,.fa.fa-bitbucket,.fa.fa-bitbucket-square,.fa.fa-dropbox,.fa.fa-flickr,.fa.fa-instagram,.fa.fa-stack-overflow,.fa.fa-youtube-play{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-bitbucket-square{--fa:"\f171"}.fa.fa-tumblr,.fa.fa-tumblr-square{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-tumblr-square{--fa:"\f174"}.fa.fa-long-arrow-down{--fa:"\f309"}.fa.fa-long-arrow-up{--fa:"\f30c"}.fa.fa-long-arrow-left{--fa:"\f30a"}.fa.fa-long-arrow-right{--fa:"\f30b"}.fa.fa-android,.fa.fa-apple,.fa.fa-dribbble,.fa.fa-foursquare,.fa.fa-gittip,.fa.fa-gratipay,.fa.fa-linux,.fa.fa-skype,.fa.fa-trello,.fa.fa-windows{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-gittip{--fa:"\f184"}.fa.fa-sun-o{--fa:"\f185"}.fa.fa-moon-o,.fa.fa-sun-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-moon-o{--fa:"\f186"}.fa.fa-pagelines,.fa.fa-renren,.fa.fa-stack-exchange,.fa.fa-vk,.fa.fa-weibo{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-arrow-circle-o-right{--fa:"\f35a"}.fa.fa-arrow-circle-o-left,.fa.fa-arrow-circle-o-right{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-arrow-circle-o-left{--fa:"\f359"}.fa.fa-caret-square-o-left{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f191"}.fa.fa-toggle-left{--fa:"\f191"}.fa.fa-dot-circle-o,.fa.fa-toggle-left{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-dot-circle-o{--fa:"\f192"}.fa.fa-vimeo-square{font-family:"Font Awesome 7 Brands";font-weight:400;--fa:"\f194"}.fa.fa-try,.fa.fa-turkish-lira{--fa:"\e2bb"}.fa.fa-plus-square-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f0fe"}.fa.fa-openid,.fa.fa-slack,.fa.fa-wordpress{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-bank,.fa.fa-institution{--fa:"\f19c"}.fa.fa-mortar-board{--fa:"\f19d"}.fa.fa-google,.fa.fa-reddit,.fa.fa-reddit-square,.fa.fa-yahoo{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-reddit-square{--fa:"\f1a2"}.fa.fa-behance,.fa.fa-behance-square,.fa.fa-delicious,.fa.fa-digg,.fa.fa-drupal,.fa.fa-joomla,.fa.fa-pied-piper-alt,.fa.fa-pied-piper-pp,.fa.fa-stumbleupon,.fa.fa-stumbleupon-circle{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-behance-square{--fa:"\f1b5"}.fa.fa-steam,.fa.fa-steam-square{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-steam-square{--fa:"\f1b7"}.fa.fa-automobile{--fa:"\f1b9"}.fa.fa-cab{--fa:"\f1ba"}.fa.fa-deviantart,.fa.fa-soundcloud,.fa.fa-spotify{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-file-pdf-o{--fa:"\f1c1"}.fa.fa-file-pdf-o,.fa.fa-file-word-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-file-word-o{--fa:"\f1c2"}.fa.fa-file-excel-o{--fa:"\f1c3"}.fa.fa-file-excel-o,.fa.fa-file-powerpoint-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-file-powerpoint-o{--fa:"\f1c4"}.fa.fa-file-image-o{--fa:"\f1c5"}.fa.fa-file-image-o,.fa.fa-file-photo-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-file-photo-o{--fa:"\f1c5"}.fa.fa-file-picture-o{--fa:"\f1c5"}.fa.fa-file-archive-o,.fa.fa-file-picture-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-file-archive-o{--fa:"\f1c6"}.fa.fa-file-zip-o{--fa:"\f1c6"}.fa.fa-file-audio-o,.fa.fa-file-zip-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-file-audio-o{--fa:"\f1c7"}.fa.fa-file-sound-o{--fa:"\f1c7"}.fa.fa-file-sound-o,.fa.fa-file-video-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-file-video-o{--fa:"\f1c8"}.fa.fa-file-movie-o{--fa:"\f1c8"}.fa.fa-file-code-o,.fa.fa-file-movie-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-file-code-o{--fa:"\f1c9"}.fa.fa-codepen,.fa.fa-jsfiddle,.fa.fa-vine{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-life-bouy,.fa.fa-life-buoy,.fa.fa-life-saver,.fa.fa-support{--fa:"\f1cd"}.fa.fa-circle-o-notch{--fa:"\f1ce"}.fa.fa-ra,.fa.fa-rebel{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-ra{--fa:"\f1d0"}.fa.fa-resistance{--fa:"\f1d0"}.fa.fa-empire,.fa.fa-ge,.fa.fa-resistance{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-ge{--fa:"\f1d1"}.fa.fa-git-square{--fa:"\f1d2"}.fa.fa-git,.fa.fa-git-square,.fa.fa-hacker-news,.fa.fa-y-combinator-square{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-y-combinator-square{--fa:"\f1d4"}.fa.fa-yc-square{--fa:"\f1d4"}.fa.fa-qq,.fa.fa-tencent-weibo,.fa.fa-wechat,.fa.fa-weixin,.fa.fa-yc-square{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-wechat{--fa:"\f1d7"}.fa.fa-send{--fa:"\f1d8"}.fa.fa-paper-plane-o{--fa:"\f1d8"}.fa.fa-paper-plane-o,.fa.fa-send-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-send-o{--fa:"\f1d8"}.fa.fa-circle-thin{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f111"}.fa.fa-header{--fa:"\f1dc"}.fa.fa-futbol-o{--fa:"\f1e3"}.fa.fa-futbol-o,.fa.fa-soccer-ball-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-soccer-ball-o{--fa:"\f1e3"}.fa.fa-slideshare,.fa.fa-twitch,.fa.fa-yelp{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-newspaper-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f1ea"}.fa.fa-cc-amex,.fa.fa-cc-discover,.fa.fa-cc-mastercard,.fa.fa-cc-paypal,.fa.fa-cc-stripe,.fa.fa-cc-visa,.fa.fa-google-wallet,.fa.fa-paypal{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-bell-slash-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f1f6"}.fa.fa-trash{--fa:"\f2ed"}.fa.fa-copyright{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-eyedropper{--fa:"\f1fb"}.fa.fa-area-chart{--fa:"\f1fe"}.fa.fa-pie-chart{--fa:"\f200"}.fa.fa-line-chart{--fa:"\f201"}.fa.fa-lastfm,.fa.fa-lastfm-square{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-lastfm-square{--fa:"\f203"}.fa.fa-angellist,.fa.fa-ioxhost{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-cc{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f20a"}.fa.fa-ils,.fa.fa-shekel,.fa.fa-sheqel{--fa:"\f20b"}.fa.fa-buysellads,.fa.fa-connectdevelop,.fa.fa-dashcube,.fa.fa-forumbee,.fa.fa-leanpub,.fa.fa-sellsy,.fa.fa-shirtsinbulk,.fa.fa-simplybuilt,.fa.fa-skyatlas{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-diamond{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f3a5"}.fa.fa-intersex,.fa.fa-transgender{--fa:"\f224"}.fa.fa-transgender-alt{--fa:"\f225"}.fa.fa-facebook-official{--fa:"\f09a"}.fa.fa-facebook-official,.fa.fa-pinterest-p,.fa.fa-whatsapp{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-hotel{--fa:"\f236"}.fa.fa-medium,.fa.fa-viacoin,.fa.fa-y-combinator,.fa.fa-yc{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-yc{--fa:"\f23b"}.fa.fa-expeditedssl,.fa.fa-opencart,.fa.fa-optin-monster{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-battery,.fa.fa-battery-4{--fa:"\f240"}.fa.fa-battery-3{--fa:"\f241"}.fa.fa-battery-2{--fa:"\f242"}.fa.fa-battery-1{--fa:"\f243"}.fa.fa-battery-0{--fa:"\f244"}.fa.fa-object-group,.fa.fa-object-ungroup,.fa.fa-sticky-note-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-sticky-note-o{--fa:"\f249"}.fa.fa-cc-diners-club,.fa.fa-cc-jcb{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-clone{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-hourglass-o{--fa:"\f254"}.fa.fa-hourglass-1{--fa:"\f251"}.fa.fa-hourglass-2{--fa:"\f252"}.fa.fa-hourglass-3{--fa:"\f253"}.fa.fa-hand-rock-o{--fa:"\f255"}.fa.fa-hand-grab-o,.fa.fa-hand-rock-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-hand-grab-o{--fa:"\f255"}.fa.fa-hand-paper-o{--fa:"\f256"}.fa.fa-hand-paper-o,.fa.fa-hand-stop-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-hand-stop-o{--fa:"\f256"}.fa.fa-hand-scissors-o{--fa:"\f257"}.fa.fa-hand-lizard-o,.fa.fa-hand-scissors-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-hand-lizard-o{--fa:"\f258"}.fa.fa-hand-spock-o{--fa:"\f259"}.fa.fa-hand-pointer-o,.fa.fa-hand-spock-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-hand-pointer-o{--fa:"\f25a"}.fa.fa-hand-peace-o{--fa:"\f25b"}.fa.fa-hand-peace-o,.fa.fa-registered{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-creative-commons,.fa.fa-gg,.fa.fa-gg-circle,.fa.fa-odnoklassniki,.fa.fa-odnoklassniki-square{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-odnoklassniki-square{--fa:"\f264"}.fa.fa-chrome,.fa.fa-firefox,.fa.fa-get-pocket,.fa.fa-internet-explorer,.fa.fa-opera,.fa.fa-safari,.fa.fa-wikipedia-w{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-television{--fa:"\f26c"}.fa.fa-500px,.fa.fa-amazon,.fa.fa-contao{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-calendar-plus-o{--fa:"\f271"}.fa.fa-calendar-minus-o,.fa.fa-calendar-plus-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-calendar-minus-o{--fa:"\f272"}.fa.fa-calendar-times-o{--fa:"\f273"}.fa.fa-calendar-check-o,.fa.fa-calendar-times-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-calendar-check-o{--fa:"\f274"}.fa.fa-map-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f279"}.fa.fa-commenting{--fa:"\f4ad"}.fa.fa-commenting-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f4ad"}.fa.fa-houzz,.fa.fa-vimeo{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-vimeo{--fa:"\f27d"}.fa.fa-black-tie,.fa.fa-edge,.fa.fa-fonticons,.fa.fa-reddit-alien{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-credit-card-alt{--fa:"\f09d"}.fa.fa-codiepie,.fa.fa-fort-awesome,.fa.fa-mixcloud,.fa.fa-modx,.fa.fa-product-hunt,.fa.fa-scribd,.fa.fa-usb{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-pause-circle-o{--fa:"\f28b"}.fa.fa-pause-circle-o,.fa.fa-stop-circle-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-stop-circle-o{--fa:"\f28d"}.fa.fa-bluetooth,.fa.fa-bluetooth-b,.fa.fa-envira,.fa.fa-gitlab,.fa.fa-wheelchair-alt,.fa.fa-wpbeginner,.fa.fa-wpforms{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-wheelchair-alt{--fa:"\f368"}.fa.fa-question-circle-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f059"}.fa.fa-volume-control-phone{--fa:"\f2a0"}.fa.fa-asl-interpreting{--fa:"\f2a3"}.fa.fa-deafness,.fa.fa-hard-of-hearing{--fa:"\f2a4"}.fa.fa-glide,.fa.fa-glide-g{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-signing{--fa:"\f2a7"}.fa.fa-viadeo,.fa.fa-viadeo-square{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-viadeo-square{--fa:"\f2aa"}.fa.fa-snapchat,.fa.fa-snapchat-ghost{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-snapchat-ghost{--fa:"\f2ab"}.fa.fa-snapchat-square{--fa:"\f2ad"}.fa.fa-first-order,.fa.fa-google-plus-official,.fa.fa-pied-piper,.fa.fa-snapchat-square,.fa.fa-themeisle,.fa.fa-yoast{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-google-plus-official{--fa:"\f2b3"}.fa.fa-google-plus-circle{--fa:"\f2b3"}.fa.fa-fa,.fa.fa-font-awesome,.fa.fa-google-plus-circle{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-fa{--fa:"\f2b4"}.fa.fa-handshake-o{--fa:"\f2b5"}.fa.fa-envelope-open-o,.fa.fa-handshake-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-envelope-open-o{--fa:"\f2b6"}.fa.fa-linode{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-address-book-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f2b9"}.fa.fa-vcard{--fa:"\f2bb"}.fa.fa-address-card-o{--fa:"\f2bb"}.fa.fa-address-card-o,.fa.fa-vcard-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-vcard-o{--fa:"\f2bb"}.fa.fa-user-circle-o{--fa:"\f2bd"}.fa.fa-user-circle-o,.fa.fa-user-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-user-o{--fa:"\f007"}.fa.fa-id-badge{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-drivers-license{--fa:"\f2c2"}.fa.fa-id-card-o{--fa:"\f2c2"}.fa.fa-drivers-license-o,.fa.fa-id-card-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-drivers-license-o{--fa:"\f2c2"}.fa.fa-free-code-camp,.fa.fa-quora,.fa.fa-telegram{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-thermometer,.fa.fa-thermometer-4{--fa:"\f2c7"}.fa.fa-thermometer-3{--fa:"\f2c8"}.fa.fa-thermometer-2{--fa:"\f2c9"}.fa.fa-thermometer-1{--fa:"\f2ca"}.fa.fa-thermometer-0{--fa:"\f2cb"}.fa.fa-bathtub,.fa.fa-s15{--fa:"\f2cd"}.fa.fa-window-maximize,.fa.fa-window-restore{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-times-rectangle{--fa:"\f410"}.fa.fa-window-close-o{--fa:"\f410"}.fa.fa-times-rectangle-o,.fa.fa-window-close-o{font-family:"Font Awesome 7 Free";font-weight:400}.fa.fa-times-rectangle-o{--fa:"\f410"}.fa.fa-bandcamp,.fa.fa-eercast,.fa.fa-etsy,.fa.fa-grav,.fa.fa-imdb,.fa.fa-ravelry{font-family:"Font Awesome 7 Brands";font-weight:400}.fa.fa-eercast{--fa:"\f2da"}.fa.fa-snowflake-o{font-family:"Font Awesome 7 Free";font-weight:400;--fa:"\f2dc"}.fa.fa-meetup,.fa.fa-superpowers,.fa.fa-wpexplorer{font-family:"Font Awesome 7 Brands";font-weight:400}