/* 
    Ne définir ici que :
        - Les variables globales
        - Structure du masterpage
        - et c'est tout.
*/
/*
app {
    position: relative;
    flex-direction: column;
}*/
.top-row {
  height: 3.5rem;
  display: flex;
  align-items: center;
}
.main {
  flex: 1;
}
.main .top-row {
  background-color: #f7f7f7;
  border-bottom: 1px solid #d6d5d5;
  justify-content: flex-end;
}
.main .top-row > a,
.main .top-row .btn-link {
  white-space: nowrap;
  margin-left: 1.5rem;
}
.main .top-row a:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar {
  background-image: linear-gradient(180deg, #052767 0%, #3a0647 70%);
}
.sidebar .top-row {
  background-color: rgba(0, 0, 0, 0.4);
}
.sidebar .navbar-brand {
  font-size: 1.1rem;
}
.sidebar .oi {
  width: 2rem;
  font-size: 1.1rem;
  vertical-align: text-top;
  top: -2px;
}
.sidebar .nav-item {
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
}
.sidebar .nav-item:first-of-type {
  padding-top: 1rem;
}
.sidebar .nav-item:last-of-type {
  padding-bottom: 1rem;
}
.sidebar .nav-item a {
  color: #d7d7d7;
  border-radius: 4px;
  height: 3rem;
  display: flex;
  align-items: center;
  line-height: 3rem;
}
.sidebar .nav-item a.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: white;
}
.sidebar .nav-item a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}
.content {
  padding-top: 1.1rem;
}
.navbar-toggler {
  background-color: rgba(255, 255, 255, 0.1);
}
.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}
.invalid {
  outline: 1px solid red;
}
.validation-message {
  color: red;
}
.not-authorized-wrapper {
  background-image: url('/images/AgoraMeetin-img.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.not-authorized-wrapper .row-not-authorized {
  min-height: 200px;
  background-color: #232323;
}
.not-authorized-wrapper .row-not-authorized .container-not-authorized {
  font-size: 1.5em;
  font-weight: bold;
  border-left: 4px solid #fff;
  margin-left: 0;
}
.b-layout-sider-content {
  overflow-y: auto;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}
.exception {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding: 0;
  margin: auto;
}
.exception-container {
  display: block;
  position: absolute;
  top: 25%;
  width: 50%;
  left: 25%;
  background: var(--avt-light-grey);
  padding: 0;
  box-shadow: 0px 0px 0.5rem 0.5rem rgba(0, 0, 0, 0.15);
}
.exception-container.boundary {
  padding: 1rem;
  top: 20%;
  width: 90%;
  left: 5%;
}
.exception-container-content {
  display: flex;
  padding-top: 1rem;
  align-items: center;
  background: #e9ecef;
}
.exception-container-content-message {
  text-align: center;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.exception-container-content-message-header {
  padding-bottom: 2rem;
  color: #D43625;
}
.exception-container-reload {
  display: flex;
  background-color: white;
}
.exception-container-reload a {
  font-weight: bold;
  flex-grow: 1;
  padding: 1rem;
  text-align: center;
  color: #000000;
  text-decoration: none;
}
#components-reconnect-modal {
  z-index: 100000;
  opacity: 1;
  display: flex;
  align-items: center;
  display: none !important;
}
#components-reconnect-modal.components-reconnect-show {
  display: flex !important;
}
@media (max-width: 767.98px) {
  .main .top-row:not(.auth) {
    display: none;
  }
  .main .top-row.auth {
    justify-content: space-between;
  }
  .main .top-row a,
  .main .top-row .btn-link {
    margin-left: 0;
  }
  .b-bar-brand {
    display: none !important;
  }
  .b-bar-item > .nav-link {
    width: 100%;
    text-decoration: none;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
  }
  .b-bar-item > .nav-link > div > .fa-user {
    margin-right: 16px;
  }
  .bar-menu-heading {
    display: none;
  }
  .logo-navlink > img {
    max-height: 2rem !important;
  }
  .logo-navlink-name {
    display: none;
  }
  .navbar-toggler {
    padding: 1rem 1rem;
    font-size: 1.5rem;
    line-height: 1;
    border: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .b-bar-brand {
    display: none !important;
  }
  .b-bar-item > .nav-link {
    width: 100%;
    text-decoration: none;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
  }
  .bar-menu-heading {
    display: none;
  }
  .logo-navlink > img {
    max-height: 2rem !important;
  }
  .logo-navlink-name {
    display: none;
  }
  .navbar-expand-md .navbar-toggler {
    display: block;
  }
  .navbar-toggler {
    padding: 1rem 1rem;
    font-size: 1.5rem;
    line-height: 1;
    border: none;
  }
}
@media (min-width: 768px) {
  app {
    flex-direction: row;
  }
  .sidebar {
    width: 250px;
    height: 100vh;
    position: sticky;
    top: 0;
  }
  .main .top-row {
    position: sticky;
    top: 0;
  }
  .main > div {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
  }
  .navbar-toggler {
    display: none;
  }
  .sidebar .collapse {
    /* Never collapse the sidebar for wide screens */
    display: block;
  }
}
.exception {
  display: block;
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
  left: 0% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.3) !important;
  padding: 0 !important;
  margin: auto;
}
.exception-content {
  display: block;
  position: absolute !important;
  top: 25% !important;
  width: 50% !important;
  left: 25% !important;
  height: 50% !important;
  background: #e9ecef !important;
  padding: 0 !important;
  box-shadow: 0px 0px 1rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.exception-header {
  background: #D43625;
  color: #FFFFFF;
  min-height: 3rem;
  font-size: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}
.exception-message {
  text-align: center;
  padding-top: 2rem;
  background: #e9ecef;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  border: 1px solid rgba(35, 35, 35, 0.03);
  background: rgba(35, 35, 35, 0.1);
}
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  border: 1px solid rgba(35, 35, 35, 0.03);
  background: rgba(35, 35, 35, 0.2);
}
.b-layout-sider {
  background: #FFFFFF !important;
}
.section-login {
  background: #ffb23f;
  background: linear-gradient(120deg, #8985ff 0%, #958aff 45%, #716de9 100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.section-login h1,
.section-login h2,
.section-login h3 {
  text-align: center;
  margin-bottom: 1rem;
}
.section-login h1 {
  font-family: "NewOrder";
  font-size: 2.5rem;
}
.section-login h1 span {
  color: white;
}
.section-login h2 {
  font-size: 2rem;
}
.section-login h3 {
  color: white;
  font-size: 1.25rem;
}
.section-login .invalid-feedback,
.section-login .validation-message {
  color: white;
}
.container-logo {
  width: 250px;
  height: 240px;
  background-image: url('../../images/svg/fa-comments-dashed.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.banner-logo {
  background-image: url('/../images/svg/login-bg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.container-logo > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
  filter: drop-shadow(0px 15px 15px rgba(0, 0, 0, 0.35));
}
.card.card-login {
  border: none;
  background: transparent;
}
.card.card-login:hover {
  box-shadow: none !important;
}
.card.card-login .btn-dark {
  background-color: #313131;
  padding-left: 3rem;
  padding-right: 3rem;
}
.card.card-login .btn-dark:hover {
  background-color: #212121;
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 1140px) {
  .container-logo {
    width: 200px;
    height: 200px;
  }
  .banner-logo {
    background: none;
  }
}
.chatbox-message-admin .chatbox-message-wrapper {
  background-color: #ffaa00 !important;
  border-radius: 8px 0 8px 8px !important;
  color: #FFFFFF;
}
.chatbox-message-active.chatbox-message-admin .chatbox-message-wrapper {
  border: none;
  background-color: #ffaa00 !important;
  border-radius: 8px 8px 0 8px !important;
  color: #FFFFFF !important;
}
.chatbox-message-admin .chatbox-message-wrapper-img {
  border: #ffaa00 2px solid !important;
}
.exhibitor-image {
  border: 1px solid #ced4da;
  max-height: 200px;
}
.chatbox-message-exhibitor .chatbox-message-wrapper {
  border-bottom: 3px solid #0895b4 !important;
  border-right: 3px solid #0895b4 !important;
  background-color: #e2e2e2 !important;
}
.chatbox-message-active.chatbox-message-exhibitor .chatbox-message-wrapper {
  border: none;
  background-color: #0895b4 !important;
  color: #FFFFFF !important;
}
.manifestation-infos-description-title {
  font-size: 1.25rem !important;
  opacity: 0.7;
  padding: 0;
}
.manifestation-infos-description-title:focus {
  box-shadow: none;
}
.manifestation-parameters {
  width: 80%;
  margin-left: 10%;
}
.manifestation-parameters-btn {
  background-color: #e9ecef;
  color: #000000;
  border-radius: 0.25rem 0.25rem 0rem 0rem;
}
.manifestation-parameters-btn:hover {
  background-color: #888888;
  color: #000000;
}
.manifestation-parameters-btn.active {
  background-color: #0895b4;
  color: #FFFFFF;
}
.manifestation-parameters-btn.active:hover {
  background-color: #055f73;
  color: #FFFFFF;
}
.manifestation-theming .module-toolbar {
  display: flex;
  align-items: center;
  border-top: none;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  padding: 0.5rem;
  height: 3rem;
  background: #FFFFFF;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
.manifestation-theming .d-grid {
  display: grid;
}
.manifestation-theming .module-title {
  border-bottom: 1px solid #e9ecef;
}
.manifestation-theming .module-title .module-title-icon i {
  color: #f2a516;
}
.manifestation-theming .icon-circle {
  width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
  min-width: 2.5rem;
  background-color: white;
  border-width: 1px;
  border-style: solid;
  border-color: #f2a516;
  border-radius: 50%;
  color: #f2a516;
  display: grid;
  justify-content: center;
  align-content: center;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.manifestation-theming .color-website {
  color: #f2a516 !important;
}
.manifestation-theming h3,
.manifestation-theming .h3 {
  font-family: Roboto, sans-serif;
  color: #000000;
  font-size: 1rem;
  margin-bottom: 0px;
}
.manifestation-theming h4,
.manifestation-theming .h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-style: italic;
  color: #000000;
  margin-bottom: 0;
  font-size: 1rem;
}
.manifestation-theming h5,
.manifestation-theming .h5 {
  font-family: Roboto, sans-serif;
  font-weight: normal;
  font-style: italic;
  color: #888888;
  margin-bottom: 0px;
  font-size: 1rem;
}
.manifestation-theming .accordion > .card:not(:last-of-type) {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom: 0px;
}
.manifestation-theming .accordion > .card {
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
}
.manifestation-theming .accordion > .card {
  overflow: hidden;
}
.manifestation-theming .accordion > .card .card-header {
  background-color: transparent;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  padding: 0px;
}
.manifestation-theming .accordion > .card > .card-header {
  margin-bottom: -1px;
  border-radius: 0px;
}
.manifestation-theming .accordion > .card .card-header h5 {
  font-weight: bold;
}
.manifestation-theming .accordion > .card .card-header .btn {
  padding: 0px;
}
.manifestation-theming .btn:not(.input-group .btn) {
  border-radius: 0px;
}
.manifestation-theming .icon-circle {
  width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
  min-width: 2.5rem;
  background-color: white;
  color: #f2a516;
  display: grid;
  justify-content: center;
  align-content: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #f2a516;
  border-radius: 50%;
}
.manifestation-theming .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0px;
  overflow-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.125);
  border-image: initial;
  border-radius: 0.25rem;
}
.manifestation-theming .card:hover,
.manifestation-theming .card:focus {
  box-shadow: none !important;
}
.manifestation-theming .card-theme {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
  border-radius: 1rem;
  position: relative;
  min-height: 8rem;
}
.manifestation-theming .card-theme .card-theme-title {
  display: grid;
  justify-content: center;
  align-items: center;
}
.manifestation-theming .card-theme h3 {
  font-size: 1.25rem;
  font-weight: bold;
}
.manifestation-theming .card-theme.active {
  border: 1px solid #ffaa00;
}
.manifestation-theming .card-theme.active .card-active-icon {
  top: 0;
  right: 0;
  transform: translateX(-50%) translateY(-50%);
  background: #ffaa00;
  color: white;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.manifestation-theming .grid-col-2 {
  display: grid;
  align-items: stretch;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.livestream-editor-app {
  max-height: 80px;
}
.livestream-editor-app img {
  max-height: 80px;
}
.livestream-infos {
  font-size: 0.8em;
  display: flex;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
}
.livestream-infos-logo {
  flex-grow: 1;
}
.livestream-infos-data {
  flex-grow: 2;
  text-align: left;
}
.livestream-infos-data ul {
  margin: 0;
}
.livestream-infos-data #WebinarDescription {
  padding: 10px;
  border-radius: 5px;
  border-width: 1px;
}
.livestream-infos-counter {
  color: #0895b4 !important;
  border: 1px solid rgba(8, 149, 180, 0.3) !important;
  font-size: 3em;
  text-transform: uppercase;
  min-height: 3em;
  font-weight: bold;
  border-radius: 0.25rem;
  padding-top: 1em;
  padding-bottom: 1em;
  flex-grow: 8;
  text-align: center;
}
.livestream .list-frame {
  overflow: auto;
  height: 80vh;
}
.livestream .list-frame.active,
.livestream list-frame:hover {
  border: 2px solid red;
}
.livestream .list-item {
  cursor: pointer;
  height: auto;
  min-height: inherit;
  border: 1px solid grey;
}
.livestream .form-footer {
  text-align: right;
}
.livestream .active-item {
  border: 1px solid red;
}
.livestream-commands .fa-composed {
  white-space: nowrap;
}
.livestream-commands .fa-composed .fa-item1 {
  transform: scale(0.5, 1);
  width: 0.25rem;
  margin-left: -0.125rem;
}
.livestream-commands .fa-composed .fa-item2 {
  transform: scale(0.5, 1);
  width: 0.25rem;
  margin-right: 0.125rem;
}
#livestream-videos {
  display: flex;
  flex-direction: row;
}
#livestream-videos div,
#livestream-videos video {
  border-radius: 3px;
}
#livestream-videos-error {
  text-align: center;
  color: #0895b4;
  margin-top: 10%;
  margin-bottom: 10%;
}
#livestream-videos-speaker {
  width: 80%;
  text-align: center;
  display: flex;
  align-items: center;
}
#livestream-videos-thumbnails {
  width: 20%;
  overflow-y: auto;
  overflow-x: hidden;
  /*display: flex;*/
  flex-direction: column;
  margin-left: 0.5rem;
}
#livestream-videos-thumbnails div {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
#livestream-videos-thumbnails #thumb-myvideo video {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 3px solid #0895b4;
  box-shadow: inset 0px 0px 6px 3px #0895b4;
}
.OT_subscriber,
.OT_publisher {
  margin: auto !important;
  display: inline-block;
}
.OT_bar {
  background: rgba(0, 0, 0, 0.2) !important;
  height: 2rem !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.OT_name {
  font-size: 1vw !important;
  line-height: 2rem !important;
  color: rgba(255, 255, 255, 0.75) !important;
  height: 2rem !important;
}
.OT_mute {
  background-position: 6px 3px !important;
  background-size: 50% !important;
  height: 2rem !important;
  width: 2rem !important;
}
.OT_mute:focus {
  outline: none !important;
}
.OT_archiving {
  display: none !important;
}
.OT_mini .OT_name {
  display: block !important;
}
.video-zoom-frame {
  border: 0;
  height: 100%;
  min-height: 405px;
  left: 0;
  top: 0;
  width: 100%;
}
.video-zoom {
  width: 100%;
  height: 100%;
  position: inherit;
  top: 0;
  left: 0;
  background-color: black;
}
.active-video {
  left: 50%;
  transform: translateX(-50%);
  position: absolute !important;
  top: 0;
  padding-top: 0;
}
.reporting-global-icon {
  font-size: 50px;
}
.reporting-global-values {
  font-weight: 700;
  font-size: 18px;
}
.reporting-global-popular {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  border: 2px solid #ffaa00;
  border-radius: 4px;
}
.reporting-global-popular .reporting-global-icon {
  font-size: 35px;
}
.reporting-global-interactions .reporting-global-popular {
  margin-top: 30px;
}
.reporting-global-percent {
  font-size: 38px;
}
.reporting-global-popular .reporting-global-values,
.reporting-global-popular .reporting-global-icon {
  color: #ffaa00 !important;
}
.reporting-global-manifestation .reporting-global-values,
.reporting-global-manifestation .reporting-global-icon {
  color: #D43625;
}
.reporting-global-participants .reporting-global-values,
.reporting-global-participants .reporting-global-icon {
  color: #009664;
}
.reporting-global-activities .reporting-global-values,
.reporting-global-activities .reporting-global-icon,
.reporting-global-activities .reporting-global-percent {
  color: #744AA5;
}
.reporting-global-interactions .reporting-global-values,
.reporting-global-interactions .reporting-global-icon {
  color: #0895b4;
}
@media (max-width: 1024px) {
  .activities-launch-sidebar {
    height: 65vh !important;
  }
}
.activities ul {
  padding-inline-start: 0 !important;
  list-style-type: none !important;
}
.activities-launch-sidebar {
  overflow-x: hidden;
  height: 74vh;
}
.activity-icon-color {
  color: #0895b4;
}
.activity-design .dropzone-hidden {
  height: 15px !important;
}
.activity-design-title {
  justify-content: space-between;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: white !important;
}
.activity-design-close {
  padding: 0.5rem;
  margin-left: 1rem;
  width: 36px;
  min-width: 36px;
  height: 36px;
  border: none;
  color: white;
  opacity: 1;
  background: #0895b4;
  border-radius: 50%;
}
.activity-design-close:hover {
  opacity: 0.7;
  color: white;
}
.activity-design-note {
  display: flex;
  background-color: #e9ecef;
  align-items: center;
  padding-left: 10px;
  margin-bottom: 10px;
}
.activity-design-note p {
  margin-top: revert;
}
.activity-design-body {
  padding: 0px;
  border-top: 1px dashed #f1f1f1;
}
.activity-design-button {
  padding: 10px 0;
  border-top: 1px dashed #f1f1f1;
}
.activity-design-button label {
  color: #000000 !important;
  background-color: #FFFFFF !important;
  opacity: 0.6;
  border: 0px !important;
}
.activity-design-button label:hover {
  opacity: 1 !important;
}
.activity-design-button label.btn.btn-secondary.active {
  opacity: 1 !important;
}
.custom-checkbox-wrapper .checkgroup-checkbox {
  display: inline-flex;
  border: 1px solid #ced4da;
  margin: 0.375rem;
}
.custom-checkbox-wrapper .custom-control {
  margin-left: 1.25rem;
  height: 100%;
  margin-top: 0.75rem;
}
.custom-checkbox-wrapper .checkgroup-checkbox-label {
  margin: 0.75rem 1.25rem 0.75rem 0rem;
}
.custom-checkbox-wrapper.flex-column {
  text-align: left;
}
.custom-checkbox-wrapper.flex-column .checkgroup-checkbox {
  width: 100%;
}
.custom-radio-wrapper.flex-row .custom-radio {
  display: inline-block;
  border: 1px solid #ced4da;
  padding: 0.75rem 0.75rem 0.75rem 2rem;
  margin: 0.375rem;
}
.custom-radio-wrapper.flex-row .custom-radio .custom-control-label {
  width: 100%;
}
.custom-radio-wrapper.flex-column {
  text-align: left;
}
.custom-radio-wrapper.flex-column .custom-radio {
  width: 100%;
  border: 1px solid #ced4da;
  padding: 0.75rem 0.75rem 0.75rem 2rem;
  margin-bottom: 0.375rem;
}
.custom-radio-wrapper.flex-column .custom-radio .custom-control-label {
  width: 100%;
}
.carousel-inner {
  height: 100%;
}
.carousel-item {
  position: relative;
}
.carousel-item img {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-color: var(--avt-grey);
  border-radius: 50%;
}
.selfieWall-carousel .img-fake {
  width: 100%;
  min-height: 240px;
  border: 1px solid #ced4da;
  background: #e9ecef;
}
.selfieWall-inline .img-fake {
  width: 20%;
  border: 1px solid #ced4da;
  background: #e9ecef;
}
.selfieWall-grid {
  /* Prevent vertical gaps */
  line-height: 0;
  -webkit-column-count: 5;
  -webkit-column-gap: 0px;
  -moz-column-count: 5;
  -moz-column-gap: 0px;
  column-count: 5;
  column-gap: 0px;
}
.selfieWall-grid .img-fake {
  min-height: 150px;
  border: 1px solid #ced4da;
  background: #e9ecef;
}
.selfieWall-grid .img-fluid {
  width: 100%;
}
#SelfieWallGrid {
  /* Prevent vertical gaps */
  line-height: 0;
  -webkit-column-count: 5;
  -webkit-column-gap: 0px;
  -moz-column-count: 5;
  -moz-column-gap: 0px;
  column-count: 5;
  column-gap: 0px;
  grid-auto-flow: row dense;
}
#SelfieWallGrid .img-fluid {
  width: 100%;
}
@media (max-width: 1200px) {
  #SelfieWallGrid {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media (max-width: 1000px) {
  #SelfieWallGrid {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
@media (max-width: 800px) {
  #SelfieWallGrid {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 400px) {
  #SelfieWallGrid {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.divider-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.divider-wrapper-hr {
  width: 100%;
  padding-left: 10px;
}
.resultGraphs .success {
  color: #009664;
}
.resultGraphs .success .progress-bar-animated {
  background-color: #009664 !important;
}
.resultGraphs .error {
  color: #D43625;
}
.resultGraphs .error .progress-bar-animated {
  background-color: #D43625 !important;
}
.projection-header img,
.projection-footer img {
  max-width: 100%;
  height: auto;
}
.btn-category {
  width: 250px;
}
/* Slide video en 16/9 */
.videoContainer {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.videoContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.avatar-content {
  width: 5rem;
  height: 5rem;
  min-height: 5rem;
  min-width: 5rem;
  background-color: #0895b4;
  border-width: 1px;
  border-style: solid;
  border-color: #0895b4;
  border-radius: 50%;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  border-width: 2px;
}
.avatar-content .initials {
  color: #FFFFFF;
  font-size: 2.4rem;
  font-style: normal;
  margin: 0;
}
.avatar-content .photo {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.participants-import-legend {
  width: 40px;
  height: 20px;
  border: solid 1px #888888;
  border-radius: 1px;
}
.participants-import-valid {
  background: #009664;
}
.participants-import-warning {
  background: #ffcf39;
}
.participants-import-duplicate {
  background: #c0c0c0;
}
.participants-import-error {
  background: #6E0B14;
  color: #FFFFFF;
}
.base-timer {
  position: relative;
  width: 6rem;
  height: 6rem;
}
.base-timer__svg {
  transform: scaleX(-1);
}
.base-timer__circle {
  fill: none;
  stroke: none;
}
.base-timer__path-elapsed {
  stroke-width: 0.6rem;
  stroke: white;
}
.base-timer__path-remaining {
  stroke-width: 0.6rem;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}
.base-timer__path-remaining.green {
  color: #41b883;
}
.base-timer__path-remaining.orange {
  color: orange;
}
.base-timer__path-remaining.red {
  color: red;
}
.base-timer__label {
  position: absolute;
  width: 6rem;
  height: 6rem;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}
.rankingGroup-wrapper.hovered {
  border: 1px solid #0895b4 !important;
}
.rankingGroup-prepend i {
  color: #ced4da;
}
.rankingGroup-number {
  color: #0895b4 !important;
  border: none;
  font-size: 1.5em;
  font-weight: bold;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}
.rankingGroup-answer {
  text-align: center;
}
.rankingGroup .btn:focus,
.rankingGroup .btn.focus {
  outline: none;
  box-shadow: none;
}
.rankingGroup-arrows {
  padding: 0;
}
.rankingGroup-arrows button {
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  background: none;
}
.rankingGroup-arrows button:disabled {
  opacity: 0.4;
}
.point-wrapper {
  background-color: #e9ecef;
  align-items: center;
  pointer-events: none;
}
.hint {
  position: relative;
  display: inline-block;
}
.hint-text {
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.66);
  width: 24vw;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -12vw;
}
.hint-text::after {
  content: " ";
  position: absolute;
  top: 100%;
  /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.66) transparent transparent transparent;
}
.hint:hover .hint-text {
  visibility: visible;
  z-index: 100;
}
.livebox .card-body {
  min-height: 357px;
  overflow: auto;
}
.pointdistribution-number {
  color: #0895b4 !important;
  font-size: 1.5em;
  font-weight: bold;
}
.pointdistribution .btn-secondary {
  border: 1px solid #e9ecef !important;
  border-radius: 0px;
  background-color: #e9ecef !important;
  color: #232323 !important;
  font-weight: lighter;
  margin: 0;
}
.pointdistribution i {
  cursor: pointer;
}
.vibesBar {
  display: flex;
  justify-content: center;
  align-items: center;
}
.vibesBar-content {
  display: flex;
  flex-direction: row;
  box-shadow: 0px 5px 5px rgba(35, 35, 35, 0.12);
  margin: 0;
  padding: 0;
}
.vibesBar-content-emoji {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #e9ecef;
  margin-right: -1px;
}
.vibesBar-content-emoji-btn {
  font-size: 1.3em;
  padding: 0 10px;
  flex-grow: 1;
  background-color: white;
}
.vibesBar-content-emoji-counter {
  padding: 5px;
  width: 100%;
  margin: 0;
}
.timeline .vibesBar-content {
  box-shadow: 0px 0px 0px white;
  margin-left: 2px;
  margin-right: 3px;
  border-radius: 0.25rem;
}
.timeline .vibesBar-content-emoji {
  border: none;
}
.timeline .vibesBar-content-emoji-btn {
  font-size: 1em;
  padding: 0.5rem 0.15rem;
  border-radius: 0rem;
}
.podium {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.podium li {
  width: 30%;
  max-width: 300px;
  list-style-type: none;
}
.podium li .winner {
  min-height: 120px;
  text-align: center;
}
.podium li .winner .photo {
  height: 80px;
}
.podium li .winner .photo img {
  height: 70px;
}
.podium li .winner .name {
  font-weight: bold;
}
.podium li .winner .comment {
  font-size: 0.8em;
  font-style: italic;
}
.podium li .step {
  border: 2px solid #ced4da;
  border-bottom: none;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 3em;
  font-weight: bold;
  color: #FFD700;
}
.podium li.second {
  padding-top: 40px;
}
.podium li.second .step {
  border-right: none;
  min-height: 80px;
  font-size: 2em;
  color: #5DB151;
}
.podium li.third {
  padding-top: 60px;
}
.podium li.third .step {
  border-left: none;
  min-height: 60px;
  font-size: 1.4em;
  color: #104B83;
}
.podium-ranking li {
  border-top: 1px solid #ced4da;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.podium-ranking li .winner {
  font-weight: bold;
  margin-right: 10px;
}
.podium-ranking li .comment {
  font-size: 0.8em;
  font-style: italic;
}
.podium-ranking li .step {
  padding: 8px;
  position: relative;
  margin-right: 10px;
}
.podium-ranking li .step span {
  font-size: 0.9em;
  position: absolute;
  left: 15px;
}
.podium-ranking li .step i {
  font-size: 1.5em;
}
.podium-ranking li:last-child {
  border-bottom: 1px solid #ced4da;
}
.userListing {
  box-shadow: inset 3px 0px 3px #e9ecef;
  background-color: white;
  padding: 15px 5px 15px 10px;
  height: 100%;
  overflow-y: auto;
  width: 400px;
  z-index: 10001;
  position: absolute;
  top: -1px;
  border-right: 1px solid #e9ecef;
}
.userListing-row {
  display: flex;
  justify-items: center;
  align-items: center;
  position: relative;
  margin: 5px 0px;
  cursor: pointer;
}
.userListing-row-imgWrapper {
  width: 60px;
  flex: 0 0 auto;
  height: 60px;
  margin: 7px 5px 7px 0;
  border: 1px solid #ced4da;
  border-radius: 50%;
  overflow: hidden;
  padding: 0.25rem;
}
.userListing-row-info {
  flex: 1 1 auto;
  padding: 5px 0 5px 5px;
  text-align: left;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 10px;
}
.userListing-row-info-name,
.userListing-row-info-function,
.userListing-row-info-company {
  margin: 0;
  font-size: 0.9em;
}
.userListing-row-info-name {
  font-size: 1em;
}
.userListing-row-info-name span {
  margin-left: 5px;
  font-weight: bold;
}
.userListing-row-info .fa {
  font-size: 1.2em;
  color: #Fa0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 5px;
}
.userListing-row-viewCard {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 2;
  color: #0895b4;
  font-size: 1.5em;
}
.participant-list-row {
  height: 100px;
  border-top: 1px solid #e9ecef;
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
  align-items: center;
}
.participant-list-row-photo {
  width: 70px;
  height: 70px;
  border: 3px solid #FFF;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0px 0px 5px #a3a3a3;
  display: inline-flex;
  /*           img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                }*/
}
.participant-list-row-state {
  position: absolute;
  width: 12px;
  height: 12px;
  z-index: 1;
  background: #EFEFEF;
  border: 2px solid #CCCCCC;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #ffffff;
  margin-top: 52px;
  margin-left: 56px;
}
.participant-list-row-state.checkedIn {
  border: 3px solid #3CB371;
  background: #3CB371;
}
.participant-list-row-state.checkedOut {
  border: 3px solid #3CB371;
}
.participant-list-row-infos {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
}
.participant-list-row-infos p {
  margin: 0;
}
.participant-list-row-infos p span.detail {
  margin-left: 5px;
  font-size: 10px;
}
.participant-list-row-infos p i {
  font-size: 0.7rem;
  color: #ffaa00;
}
.participant-list-row-infos-name {
  font-size: 1.1em;
}
.participant-list-row-infos-name span {
  font-variant-caps: petite-caps;
  font-weight: bold;
}
.participant-list-row-infos-function {
  font-size: smaller;
}
.participant-list-row-infos-company {
  font-size: smaller;
}
.participant-list-row:first-child {
  border-top: none;
}
.rating-group .btn-secondary {
  border: 1px solid #e9ecef !important;
  border-radius: 0px;
  background-color: #e9ecef !important;
  color: #232323 !important;
  font-weight: lighter;
  margin: 0;
}
.rating-star {
  font-size: 1.3em;
  color: #888888;
}
.rating-star-colored {
  color: #ffaa00;
}
.rating-star-colored:hover,
.rating-star-colored:focus {
  color: #d48f05 !important;
}
.rating-stars {
  direction: rtl;
}
.rating-stars .rating-star:hover,
.rating-stars .rating-star:focus,
.rating-stars .rating-star:hover ~ .rating-star,
.rating-stars .rating-star:focus ~ .rating-star {
  color: #ffaa00;
  cursor: pointer;
}
.btn-primary {
  background-color: #0895b4 !important;
  border: 1px solid #0895b4 !important;
  color: #FFFFFF;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover {
  background-color: #0abde5 !important;
  border: 1px solid #0abde5 !important;
  color: #FFFFFF;
  box-shadow: 0 0 0.1rem 0.1rem rgba(8, 149, 180, 0.1) !important;
}
.btn-primary:focus {
  background-color: #066d83 !important;
  border: 1px solid #066d83 !important;
  color: #FFFFFF;
  box-shadow: 0 0 0.1rem 0.1rem rgba(8, 149, 180, 0.1) !important;
}
.btn-primary-hovered {
  background-color: #0abde5 !important;
  border: 1px solid #0abde5 !important;
  color: #FFFFFF;
  box-shadow: 0 0 0.1rem 0.1rem rgba(8, 149, 180, 0.1) !important;
}
.btn-primary:before {
  padding: 5px;
}
.btn-outline-primary {
  background-color: #dbe7ec;
  color: #0895b4 !important;
  border: 1px solid #0895b4 !important;
}
button.btn-secondary {
  background-color: #dbe7ec;
  color: #0895b4 !important;
  border: 1px solid #0895b4 !important;
}
button.btn-secondary:hover {
  background-color: #dbe7ec;
  color: #0abde5 !important;
  border: 1px solid #0895b4 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(8, 149, 180, 0.1) !important;
}
button.btn-secondary:disabled {
  background-color: #dbe7ec;
  color: #0895b4 !important;
  border: 1px solid #0895b4 !important;
}
button.btn-secondary:focus {
  background-color: #dbe7ec;
  color: #066d83 !important;
  border: 1px solid #0895b4 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(8, 149, 180, 0.1) !important;
}
button.btn-secondary-hovered {
  background-color: #dbe7ec;
  color: #0abde5 !important;
  border: 1px solid #0895b4 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(8, 149, 180, 0.1) !important;
}
.btn-info {
  background-color: #ffaa00 !important;
  border: 1px solid #ffaa00 !important;
  color: #FFFFFF;
}
.btn-info.active,
.btn-info:active,
.btn-info:hover {
  background-color: #ffbb33 !important;
  border: 1px solid #ffbb33 !important;
  color: #FFFFFF;
  box-shadow: 0 0 0.1rem 0.1rem rgba(255, 170, 0, 0.1) !important;
}
.btn-info:focus {
  background-color: #cc8800 !important;
  border: 1px solid #cc8800 !important;
  color: #FFFFFF;
  box-shadow: 0 0 0.1rem 0.1rem rgba(255, 170, 0, 0.1) !important;
}
.btn-outline-blue {
  background-color: #dbe7ec;
  color: #232323 !important;
  border: 1px solid #dbe7ec !important;
}
.btn-outline-blue > i {
  font-size: 1.5em;
  padding: 6px;
}
.btn-outline-blue:hover {
  background-color: #dbe7ec;
  color: #0abde5 !important;
  border: 1px solid #0895b4 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(8, 149, 180, 0.1) !important;
}
.btn-outline-blue:focus {
  background-color: #dbe7ec;
  color: #066d83 !important;
  border: 1px solid #0895b4 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(8, 149, 180, 0.1) !important;
}
.btn-green {
  background-color: #009664 !important;
  border: 1px solid #009664 !important;
  color: #FFFFFF;
}
.btn-green:hover {
  background-color: #009664 !important;
  border: 1px solid #009664 !important;
  color: #232323;
  box-shadow: 0 0 0.1rem 0.1rem rgba(0, 150, 100, 0.1) !important;
}
.btn-outline-green {
  background-color: #dbe7ec;
  color: #232323 !important;
  border: 1px solid #FFFFFF !important;
}
.btn-outline-green > i {
  font-size: 1.5em;
  padding: 6px;
}
.btn-outline-green:hover {
  background-color: #dbe7ec;
  color: #00c986 !important;
  border: 1px solid #009664 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(0, 150, 100, 0.1) !important;
}
.btn-outline-green:focus {
  background-color: #dbe7ec;
  color: #006342 !important;
  border: 1px solid #009664 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(0, 150, 100, 0.1) !important;
}
.btn-purple {
  background-color: #744AA5 !important;
  border: 1px solid #744AA5 !important;
  color: #FFFFFF;
}
.btn-outline-purple {
  background-color: #dbe7ec;
  color: #232323 !important;
  border: 1px solid #FFFFFF !important;
}
.btn-outline-purple > i {
  font-size: 1.5em;
  padding: 6px;
}
.btn-outline-purple:hover {
  background-color: #dbe7ec;
  color: #8e67bb !important;
  border: 1px solid #744AA5 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(116, 74, 165, 0.1) !important;
}
.btn-outline-purple:focus {
  background-color: #dbe7ec;
  color: #5b3a82 !important;
  border: 1px solid #744AA5 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(116, 74, 165, 0.1) !important;
}
.btn-outline-purple.active {
  background-color: #dbe7ec;
  color: #5b3a82 !important;
  border: 1px solid #744AA5 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(116, 74, 165, 0.1) !important;
}
.btn-outline-purple active {
  background-color: #dbe7ec;
  color: #5b3a82 !important;
  border: 1px solid #744AA5 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(116, 74, 165, 0.1) !important;
}
.btn-indigo {
  background-color: #0985D2 !important;
  border: 1px solid #0985D2 !important;
  color: #FFFFFF;
}
.btn-outline-indigo {
  background-color: #dbe7ec;
  color: #232323 !important;
  border: 1px solid #FFFFFF !important;
}
.btn-outline-indigo > i {
  font-size: 1.5em;
  padding: 6px;
}
.btn-outline-indigo:hover {
  background-color: #dbe7ec;
  color: #19a1f5 !important;
  border: 1px solid #0985D2 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(9, 133, 210, 0.1) !important;
}
.btn-outline-indigo:focus {
  background-color: #dbe7ec;
  color: #0766a1 !important;
  border: 1px solid #0985D2 !important;
  box-shadow: 0 0 0.1rem 0.1rem rgba(9, 133, 210, 0.1) !important;
}
.btn-live {
  background-color: #0985D2 !important;
  border: 1px solid #0985D2 !important;
  color: #FFFFFF;
}
.btn-outline-live {
  background-color: #FFF;
  color: #0985D2 !important;
  border: 1px solid #0985D2 !important;
}
.btn-outline-live:hover,
.btn-outline-live:focus,
.btn-outline-live.active,
.btn-outline-live active {
  background-color: #cbe2f1;
  box-shadow: 0 0 0.1rem 0.1rem rgba(135, 100, 184, 0.1) !important;
}
.btn-outline-live.disabled,
.btn-outline-live:disabled {
  background-color: #e9ecef;
}
.btn-chat {
  background-color: #009664 !important;
  border: 1px solid #009664 !important;
  color: #FFFFFF;
}
.btn-outline-chat {
  background-color: #FFF;
  color: #009664 !important;
  border: 1px solid #009664 !important;
}
.btn-outline-chat:hover,
.btn-outline-chat:focus,
.btn-outline-chat.active,
.btn-outline-chat active {
  background-color: #dbf1e4;
  box-shadow: 0 0 0.1rem 0.1rem rgba(135, 100, 184, 0.1) !important;
}
.btn-outline-chat.disabled,
.btn-outline-chat:disabled {
  background-color: #e9ecef;
}
.btn-survey {
  background-color: #744AA5 !important;
  border: 1px solid #744AA5 !important;
  color: #FFFFFF;
}
.btn-outline-survey {
  background-color: #FFF;
  color: #744AA5 !important;
  border: 1px solid #744AA5 !important;
}
.btn-outline-survey:hover,
.btn-outline-survey:focus,
.btn-outline-survey.active,
.btn-outline-survey active {
  background-color: #f6efff;
  box-shadow: 0 0 0.1rem 0.1rem rgba(135, 100, 184, 0.1) !important;
}
.btn-wordcloud {
  background-color: #6E81BD !important;
  border: 1px solid #6E81BD !important;
  color: #FFFFFF;
}
.btn-outline-wordcloud {
  background-color: #FFF;
  color: #6E81BD !important;
  border: 1px solid #6E81BD !important;
}
.btn-outline-wordcloud:hover,
.btn-outline-wordcloud:focus,
.btn-outline-wordcloud.active,
.btn-outline-wordcloud active {
  background-color: #f2f7ff;
  box-shadow: 0 0 0.1rem 0.1rem rgba(135, 100, 184, 0.1) !important;
}
.btn-quiz {
  background-color: #cc618d !important;
  border: 1px solid #cc618d !important;
  color: #FFFFFF;
}
.btn-outline-quiz {
  background-color: #FFF;
  color: #cc618d !important;
  border: 1px solid #cc618d !important;
}
.btn-outline-quiz:hover,
.btn-outline-quiz:focus,
.btn-outline-quiz.active,
.btn-outline-quiz active {
  background-color: #f6efff;
  box-shadow: 0 0 0.1rem 0.1rem rgba(135, 100, 184, 0.1) !important;
}
.btn-slide {
  background-color: #58659e !important;
  border: 1px solid #58659e !important;
  color: #FFFFFF;
}
.btn-outline-slide {
  background-color: #FFF;
  color: #58659e !important;
  border: 1px solid #58659e !important;
}
.btn-outline-slide:hover,
.btn-outline-slide:focus,
.btn-outline-slide.active,
.btn-outline-slide active {
  background-color: #f6efff;
  box-shadow: 0 0 0.1rem 0.1rem rgba(135, 100, 184, 0.1) !important;
}
.btn-lottery {
  background-color: #b781b5 !important;
  border: 1px solid #b781b5 !important;
  color: #FFFFFF;
}
.btn-outline-lottery {
  background-color: #FFF;
  color: #b781b5 !important;
  border: 1px solid #b781b5 !important;
}
.btn-outline-lottery:hover,
.btn-outline-lottery:focus,
.btn-outline-lottery.active,
.btn-outline-lottery active {
  background-color: #f6efff;
  box-shadow: 0 0 0.1rem 0.1rem rgba(135, 100, 184, 0.1) !important;
}
.btn.disabled,
.btn:disabled {
  cursor: not-allowed;
}
.prohibit-drag {
  -webkit-user-drag: none;
}
.btn-password {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.9em;
}
.btn-password:hover {
  color: #ffaa00;
}
.password-wrapper {
  width: 100%;
  text-align: center;
}
.btn-close {
  position: absolute;
  right: 0.5em;
  top: 0.25em;
}
.input-group-append .btn {
  min-height: initial !important;
  display: inline-block;
}
.btn-command-wrapper .btn {
  margin-right: 0.5rem;
}
.btn-edit-notif-wrapper {
  padding: 0.25rem 0.5rem;
}
.btn-add-notif-wrapper {
  padding: 0.25rem 0.22rem;
}
.scroller .btn,
.tab-pane .btn {
  font-size: 12px;
}
.btn-help {
  position: fixed;
  /* padding: 0.75rem 1.5rem; */
  bottom: 40px;
  right: 40px;
  font-size: 1em;
  color: #0895b4;
  z-index: 500;
  border: 2px solid #0895b4;
  padding: 2px 12px 2px 2px;
  border-radius: 3rem;
  box-shadow: 0px 0px 0px 2px white, 2px 2px 4px 2px rgba(0, 0, 0, 0.12);
  background: #dbe7ec;
}
.btn-help:focus {
  outline: none;
}
.btn-help i {
  display: inline-block;
  background: white;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  box-shadow: 0px 0px 2px #ffffff;
}
/* <Loader> */
.loader-wrapper {
  position: fixed;
  top: 0px !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #FFF;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0.9;
  /*version miniature du loader*/
}
.loader-wrapper.tiny-spinner {
  background-color: transparent;
  top: auto;
  bottom: auto;
  width: auto;
  height: auto;
}
.loader-wrapper.tiny-spinner.loader-not-centered {
  left: auto;
  right: auto;
}
.loader-wrapper.tiny-spinner .loader-wrapper-bg {
  width: 20px;
  height: 20px;
}
.loader-wrapper.tiny-spinner .loader-wrapper-bg-spinner {
  width: 20px;
  height: 20px;
}
.loader-wrapper.tiny-spinner .loader-wrapper-bg-spinner-bubble {
  width: 5px;
  height: 5px;
}
.loader-wrapper-bg {
  margin: 0 auto;
  text-align: center;
  position: relative;
  width: 90px;
  height: 90px;
  display: block;
}
.loader-wrapper-bg-spinner {
  position: absolute;
  width: 90px;
  height: 90px;
  animation: lds-rotate 2s ease-in-out infinite;
}
.loader-wrapper-bg-spinner-bubble {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #8985FF;
  border-radius: 50%;
  top: 0px;
  left: 0px;
  animation: lds-scale 2s linear infinite;
}
.loader-wrapper-bg-spinner:nth-child(1) {
  animation: lds-rotate-1 2s ease-in-out infinite;
}
.loader-wrapper-bg-spinner:nth-child(1) div {
  animation-delay: 0s;
  animation: lds-scale-1 1.5s ease-in-out infinite;
}
.loader-wrapper-bg-spinner:nth-child(2) {
  animation: lds-rotate-2 2.5s linear infinite;
}
.loader-wrapper-bg-spinner:nth-child(2) div {
  background: #000;
  animation-delay: -0.1s;
  animation: lds-scale-2 3s linear infinite;
}
.loader-wrapper-bg-spinner:nth-child(3) {
  animation: lds-rotate-3 1.5s linear infinite;
}
.loader-wrapper-bg-spinner:nth-child(3) div {
  animation-delay: -0.2s;
  animation: lds-scale 1s ease-in-out infinite;
}
.loader-wrapper-bg-spinner:nth-child(4) {
  animation: lds-rotate-4 2.5s ease-in-out infinite;
}
.loader-wrapper-bg-spinner:nth-child(4) div {
  background: #000;
  animation-delay: -0.3s;
  animation: lds-scale-1 2s linear infinite;
}
.loader-wrapper-bg-spinner:nth-child(5) {
  animation: lds-rotate-5 2.5s ease-in-out infinite;
}
.loader-wrapper-bg-spinner:nth-child(5) div {
  animation-delay: -0.4s;
  animation: lds-scale-2 3s ease-in-out infinite;
}
.loader-wrapper-bg-spinner:nth-child(6) {
  animation: lds-rotate-6 1.5s linear infinite;
}
.loader-wrapper-bg-spinner:nth-child(6) div {
  background: #000;
  animation-delay: -0.5s;
  animation: lds-scale 1.2s linear infinite;
}
.loader-wrapper-bg-spinner:nth-child(7) {
  animation: lds-rotate-7 2.5s ease-in-out infinite;
}
.loader-wrapper-bg-spinner:nth-child(7) div {
  animation-delay: -0.6s;
  animation: lds-scale-1 1.2s linear infinite;
}
.loader-wrapper-bg-spinner:nth-child(8) {
  animation: lds-rotate-8 1.8s ease-in-out infinite;
}
.loader-wrapper-bg-spinner:nth-child(8) div {
  background: #000;
  animation-delay: -0.7s;
  animation: lds-scale-2 1.2s linear infinite;
}
.loader-wrapper-text {
  padding-top: 30px;
  font-weight: bold;
  font-size: 1.2em;
}
@keyframes lds-scale {
  0%,
  20%,
  80%,
  100% {
    transform: scale(0.3);
  }
  50% {
    transform: scale(1.5);
  }
}
@keyframes lds-scale-1 {
  0%,
  20%,
  80%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
}
@keyframes lds-scale-2 {
  0%,
  80%,
  100% {
    transform: scale(0.4);
  }
  20%,
  70% {
    transform: scale(1.1);
  }
}
@keyframes lds-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes lds-rotate-1 {
  0% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(315deg);
  }
}
@keyframes lds-rotate-2 {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@keyframes lds-rotate-3 {
  0% {
    transform: rotate(-135deg);
  }
  100% {
    transform: rotate(225deg);
  }
}
@keyframes lds-rotate-4 {
  0% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes lds-rotate-5 {
  0% {
    transform: rotate(-225deg);
  }
  100% {
    transform: rotate(135deg);
  }
}
@keyframes lds-rotate-6 {
  0% {
    transform: rotate(-270deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes lds-rotate-7 {
  0% {
    transform: rotate(-315deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes lds-rotate-8 {
  0% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* </Loader> */
.breadcrumb {
  background-color: #e9ecef;
  display: flex;
  margin: 1rem;
  padding: 0.5rem 1rem;
  list-style: none;
  border-radius: 0.375rem;
  flex-wrap: wrap;
  display: flex!important;
}
.breadcrumb > li > a {
  color: #055f73;
  font-weight: bold;
  text-decoration: none;
}
.card {
  width: 100%;
}
.card:hover,
.card:focus {
  box-shadow: 2px 0 3px rgba(0, 0, 0, 0.15) !important;
}
.card-height {
  min-height: 240px;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  border-bottom: 1px solid #ffaa00;
  border-bottom-style: none;
  background-color: #dbe7ec;
}
.card.body-flex .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.card-footer {
  background-color: #FFFFFF;
}
.card-img-top {
  max-height: 100px;
  width: auto;
}
.card-description {
  max-height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-body-projection {
  min-height: initial !important;
}
.card .userTag {
  top: 30%;
  left: 82%;
  transform: translateX(-50%);
}
.card-password {
  display: block;
  margin: auto;
  overflow: auto;
  top: 30%;
  padding-bottom: 20px;
}
.card-password-body {
  background: url('/images/logo-ami-full.png');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}
.form-control:focus {
  border-color: #90a0af;
  outline: 0;
  box-shadow: 0px 1px 3px #aeb9c4 !important;
}
.form-control:hover {
  outline: 0;
  box-shadow: 0px 1px 3px #cbd3da !important;
}
.nav-tabs > .nav-item {
  color: #000000;
  background-color: #FFFFFF;
  font-weight: lighter;
  text-transform: uppercase;
  border: #000000;
  letter-spacing: 1px;
  font-size: 12px;
}
.nav-tabs > .flex-row > .nav-item {
  background-color: #e9ecef;
  color: #055f73;
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.focus,
.nav-tabs .nav-link.hover {
  color: #0895b4;
  background-color: #dbe7ec;
  border: none;
  border-color: #000000;
  font-weight: bold;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-tabs .nav-link.active {
  background-color: #0895b4;
  color: #FFFFFF;
  height: 100%;
}
.nav-tabs .nav-link.focus,
.nav-tabs .nav-link.hover {
  color: #FFFFFF;
  background-color: #ffaa00;
  border: none;
  border-color: #000000;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-tabs .nav-link,
.nav-tabs .nav-link:hover {
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  outline: 0;
  border: none;
}
.nav-tabs .nav-link:hover {
  color: #FFFFFF;
  background-color: #0895b4;
  border: none;
  border-color: #000000;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.nav .nav-link.disabled {
  pointer-events: all;
  cursor: not-allowed;
  background-color: #e9ecef;
  opacity: 0.65;
}
.nav .nav-link.disabled div {
  cursor: not-allowed;
  position: initial;
}
.nav .nav-link.disabled div::before {
  text-transform: initial;
}
.nav .nav-link.disabled:hover {
  color: #888888;
}
.tab-activities .nav-link.disabled {
  opacity: 1 !important;
  background-color: transparent !important;
}
.tab-panel-black {
  background-color: #000000;
  color: #FFFFFF;
}
.tab-panel-black > p {
  font-weight: lighter;
  text-transform: uppercase;
  font-size: 1.3rem;
}
.tab-panel-dark {
  background-color: #232323;
  color: #FFFFFF;
}
.tab-panel-dark > p {
  font-weight: lighter;
  text-transform: uppercase;
  font-size: 1.3rem;
}
.tab-panel-orange {
  background-color: #0895b4;
  color: #FFFFFF;
}
.tab-panel-orange > p {
  font-weight: lighter;
  text-transform: uppercase;
  font-size: 1rem;
}
.tab-activities > .nav-item {
  color: #FFFFFF;
  background-color: #232323;
  font-weight: lighter;
  text-transform: uppercase;
  border: #000000;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 1em;
  padding: 4px;
}
.tab-activities > .nav-item > .nav-link.active {
  color: #ffaa00;
  background-color: #232323;
  border: none;
  border-color: #000000;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: bold;
}
.custom-btns-group {
  width: 100%;
  min-height: 4rem;
  align-items: center;
}
.custom-btns-group i {
  color: #ffaa00;
}
.custom-btns-group > .show > .btn-secondary.dropdown-toggle {
  border: 1px solid #232323;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #FFFFFF;
  color: #232323;
  font-size: 12px;
  font-weight: lighter;
  text-transform: uppercase;
  padding: 1em;
}
.custom-btns-group .field-content > i {
  font-size: 2em;
  color: #ffaa00;
  margin-bottom: 7px;
}
.custom-btns-group > .btn-secondary:not(:disabled):not(.disabled).active,
.custom-btns-group .custom-btns-group .btn-secondary:not(:disabled):not(.disabled):active {
  border: 2px solid #0895b4;
  background-color: rgba(255, 170, 0, 0.05);
  color: #000000;
  font-size: 12px;
  font-weight: lighter;
  text-transform: uppercase;
  padding: 1em;
}
.custom-btns-group > .btn-secondary:disabled.active,
.custom-btns-group > .btn-secondary.disabled.active,
.custom-btns-group > .btn-secondary:disabled:active,
.custom-btns-group > .btn-secondary.disabled:active {
  border: 2px solid #0895b4 !important;
  opacity: 0.65;
  background-color: rgba(255, 170, 0, 0.05);
}
.custom-btns-group > .btn-group > .btn-group:not(:first-child) > .btn,
.custom-btns-group .btn-group > .btn:not(:first-child) {
  border: 1px solid #232323;
  margin: 5px;
  background-color: #FFFFFF;
  color: #232323;
}
.custom-btns-group > .btn-secondary {
  border: 1px solid #e9ecef;
  margin-right: 2px;
  margin-left: 2px;
  margin-bottom: 7px;
  border-radius: 0px;
  background-color: #e9ecef;
  color: #232323;
  font-size: 12px;
  font-weight: lighter;
  text-transform: uppercase;
  padding: 1em;
}
.rating .rating-item.rating-item-primary {
  color: #ffaa00;
}
.rating-item-hover {
  opacity: 0.7;
}
.navbar-heading {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #ffaa00;
}
.logo-text {
  text-transform: initial;
  font-weight: normal;
  font-family: "NewOrder", "Open Sans", sans-serif;
}
.logo-text-color {
  color: #8985FF;
}
a.logo-navlink:hover {
  text-decoration: none;
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: #FFFFFF !important;
  text-decoration: none;
  background-color: #ffaa00;
}
.dropdown-menu {
  color: #055f73;
  min-width: fit-content;
  z-index: 5000;
}
.dropdown-toggle:before {
  padding: 5px;
}
/* Carousel */
.carousel.selfieWall-carousel [class*=-icon] {
  width: 50px;
  height: 50px;
  padding: 1em;
  border-radius: 50%;
  background-size: 33%;
  background-color: #FFFFFF;
  border: 1px solid #ced4da;
}
.carousel.selfieWall-carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCC' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel.selfieWall-carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCC' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel.selfieWall-carousel .carousel-item {
  position: relative;
  height: 600px;
}
.carousel.selfieWall-carousel .carousel-item img {
  max-height: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.carousel.carousel-fake .carousel-item {
  position: relative;
  height: auto;
}
/*scroller*/
.btn-header-links {
  padding-top: 5px;
  padding-bottom: 15px;
  overflow-x: scroll;
  display: flex;
  white-space: nowrap;
  transition: 1s ease;
}
.btn-header-links button:focus,
.btn-header-links button:hover {
  border: none !important;
  color: #232323 !important;
  box-shadow: none !important;
}
.padding-align {
  padding-left: 4em !important;
  padding-right: 4em !important;
}
.top-adjust {
  top: 1.4em;
}
.btn-header-links button {
  border-radius: 8px;
}
/*scroller parent style*/
.scroller {
  position: relative;
  overflow: hidden;
  margin-top: -0.5%;
}
/*left arrow styles*/
.left-btn-scroller {
  position: absolute;
  left: 0%;
  top: 1em;
  font-size: 2rem;
  color: #FFFFFF;
  bottom: 0;
  width: 55px;
  height: 55px;
  background-color: #0895b4;
  z-index: 1002;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
/*right arrow styles*/
.right-btn-scroller {
  position: absolute;
  right: 0%;
  top: 1em;
  font-size: 2rem;
  color: #FFFFFF;
  bottom: 0;
  width: 55px;
  cursor: pointer;
  height: 55px;
  background-color: #0895b4;
  border-radius: 50%;
  z-index: 1002;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.opacity-0 {
  opacity: 0;
}
/*********************/
/*mobile responsive*/
@media (max-width: 575.98px) {
  .padding-align {
    padding: 0 !important;
  }
  .top-adjust {
    top: 3%;
  }
  .left-btn-scroller {
    display: none;
  }
  .right-btn-scroller {
    display: none;
  }
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #FFFFFF;
  border-color: #0895b4;
  background-color: #0895b4;
}
.custom-control-input.checked-bgc-white:checked ~ .custom-control-label::before {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.custom-control-input.checked-bgc-survey:checked ~ .custom-control-label::before {
  border-color: #F96F52;
  background-color: #F96F52;
}
.custom-control-input.checked-bgc-black:checked ~ .custom-control-label::before {
  border-color: #000000;
  background-color: #000000;
}
.custom-control-input.checked-bgc-grey:checked ~ .custom-control-label::before {
  border-color: #e9ecef;
  background-color: #e9ecef;
}
.custom-control-input.checked-bgc-dark:checked ~ .custom-control-label::before {
  border-color: #232323;
  background-color: #232323;
}
.custom-control-input.checked-bgc-lightgrey:checked ~ .custom-control-label::before {
  border-color: rgba(233, 236, 239, 0.5);
  background-color: rgba(233, 236, 239, 0.5);
}
.custom-control-input.checked-bgc-orange:checked ~ .custom-control-label::before {
  border-color: #ffaa00;
  background-color: #ffaa00;
}
.custom-control-input.checked-bgc-purple:checked ~ .custom-control-label::before {
  border-color: #744AA5;
  background-color: #744AA5;
}
.custom-control-input.checked-bgc-green:checked ~ .custom-control-label::before,
.custom-control-input.checked-bgc-green:checked:disabled ~ .custom-control-label::before {
  border-color: #009664;
  background-color: #009664;
}
.custom-control-input.checked-bgc-indigo:checked ~ .custom-control-label::before {
  border-color: rgba(9, 133, 210, 0.5);
  background-color: rgba(9, 133, 210, 0.5);
}
.custom-control-input.checked-bgc-red:checked ~ .custom-control-label::before {
  border-color: #D43625;
  background-color: #D43625;
}
.custom-control-input.unchecked-bgc-white:not(:checked) ~ .custom-control-label::before {
  border-color: #e9ecef;
  background-color: #e9ecef;
}
.custom-control-input.unchecked-bgc-survey:not(:checked) ~ .custom-control-label::before {
  border-color: #F96F52;
  background-color: #F96F52;
}
.custom-control-input.unchecked-bgc-black:not(:checked) ~ .custom-control-label::before {
  border-color: #000000;
  background-color: #000000;
}
.custom-control-input.unchecked-bgc-grey:not(:checked) ~ .custom-control-label::before {
  border-color: #e9ecef;
  background-color: #e9ecef;
}
.custom-control-input.unchecked-bgc-dark:not(:checked) ~ .custom-control-label::before {
  border-color: #232323;
  background-color: #232323;
}
.custom-control-input.unchecked-bgc-lightgrey:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(233, 236, 239, 0.5);
  background-color: rgba(233, 236, 239, 0.5);
}
.custom-control-input.unchecked-bgc-orange:not(:checked) ~ .custom-control-label::before {
  border-color: #ffaa00;
  background-color: #ffaa00;
}
.custom-control-input.unchecked-bgc-purple:not(:checked) ~ .custom-control-label::before {
  border-color: #744AA5;
  background-color: #744AA5;
}
.custom-control-input.unchecked-bgc-green:not(:checked) ~ .custom-control-label::before {
  border-color: #009664;
  background-color: #009664;
}
.custom-control-input.unchecked-bgc-indigo:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(9, 133, 210, 0.5);
  background-color: rgba(9, 133, 210, 0.5);
}
.custom-control-input.unchecked-bgc-red:not(:checked) ~ .custom-control-label::before {
  border-color: #D43625;
  background-color: #D43625;
}
.bar-filter {
  background-color: #232323;
  color: #FFFFFF;
}
.bar-menu {
  font-family: Open Sans, sans-serif;
  font-weight: 500;
  letter-spacing: 0.6px;
  overflow-x: hidden;
}
.bar-menu-heading {
  color: #8898aa;
  font-size: 0.75em;
  padding: 0.25rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.b-bar-link {
  text-align: center;
}
.b-bar-link > a > img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
  max-height: 8rem;
}
.b-bar-link:hover {
  background: none !important;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item {
  min-height: unset;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link {
  padding: 0.7rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link i {
  color: #ffaa00;
  display: block;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link span {
  color: #232323;
  display: block;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-events {
  border-top: 0.25rem solid transparent;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-events i {
  color: #ffaa00;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-events .fal {
  font-weight: 100;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-events.active,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-events:hover {
  border-top: 0.25rem solid #ffaa00;
  background: rgba(255, 170, 0, 0.05);
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-events.active .fal,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-events:hover .fal {
  font-weight: 600;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-event {
  border-top: 0.25rem solid transparent;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-event i {
  color: #243E73;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-event .fal {
  font-weight: 100;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-event.active,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-event:hover {
  border-top: 0.25rem solid #243E73;
  background: rgba(36, 62, 115, 0.05);
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-event.active .fal,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-event:hover .fal {
  font-weight: 600;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-activities {
  border-top: 0.25rem solid transparent;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-activities i {
  color: #c28ac3;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-activities .fal {
  font-weight: 100;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-activities.active,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-activities:hover {
  border-top: 0.25rem solid #c28ac3;
  background: rgba(194, 138, 195, 0.05);
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-activities.active .fal,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-activities:hover .fal {
  font-weight: 600;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-lives {
  border-top: 0.25rem solid transparent;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-lives i {
  color: #0985D2;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-lives .fal {
  font-weight: 100;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-lives.active,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-lives:hover {
  border-top: 0.25rem solid #0985D2;
  background: rgba(9, 133, 210, 0.05);
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-lives.active .fal,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-lives:hover .fal {
  font-weight: 600;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-participants {
  border-top: 0.25rem solid transparent;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-participants i {
  color: #23b4d5;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-participants .fal {
  font-weight: 100;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-participants.active,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-participants:hover {
  border-top: 0.25rem solid #23b4d5;
  background: rgba(35, 180, 213, 0.05);
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-participants.active .fal,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-participants:hover .fal {
  font-weight: 600;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-planning {
  border-top: 0.25rem solid transparent;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-planning i {
  color: #027373;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-planning .fal {
  font-weight: 100;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-planning.active,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-planning:hover {
  border-top: 0.25rem solid #027373;
  background: rgba(2, 115, 115, 0.05);
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-planning.active .fal,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-planning:hover .fal {
  font-weight: 600;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-medias {
  border-top: 0.25rem solid transparent;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-medias i {
  color: #009664;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-medias .fal {
  font-weight: 100;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-medias.active,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-medias:hover {
  border-top: 0.25rem solid #009664;
  background: rgba(0, 150, 100, 0.05);
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-medias.active .fal,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-medias:hover .fal {
  font-weight: 600;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-communication {
  border-top: 0.25rem solid transparent;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-communication i {
  color: #8C113E;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-communication .fal {
  font-weight: 100;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-communication.active,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-communication:hover {
  border-top: 0.25rem solid #8C113E;
  background: rgba(140, 17, 62, 0.05);
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-communication.active .fal,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-communication:hover .fal {
  font-weight: 600;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-reporting {
  border-top: 0.25rem solid transparent;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-reporting i {
  color: #D43625;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-reporting .fal {
  font-weight: 100;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-reporting.active,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-reporting:hover {
  border-top: 0.25rem solid #D43625;
  background: rgba(212, 54, 37, 0.05);
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-reporting.active .fal,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-reporting:hover .fal {
  font-weight: 600;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-other {
  border-top: 0.25rem solid transparent;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-other i {
  color: #232323;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-other .fal {
  font-weight: 100;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-other.active,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-other:hover {
  border-top: 0.25rem solid #232323;
  background: rgba(35, 35, 35, 0.05);
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-other.active .fal,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-other:hover .fal {
  font-weight: 600;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-main {
  border-top: 0.25rem solid transparent;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-main i {
  color: #ffaa00;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-main .fal {
  font-weight: 100;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-main.active,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-main:hover {
  border-top: 0.25rem solid #ffaa00;
  background: rgba(255, 170, 0, 0.05);
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-main.active .fal,
.b-bar-vertical-inline[data-collapse=small] .b-bar-item .nav-link-main:hover .fal {
  font-weight: 600;
}
.b-bar-menu.show .nav-link {
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
}
.b-bar-menu.show .nav-link i {
  color: #ffaa00;
}
.b-bar-menu.show .nav-link span {
  margin-left: 2rem;
  color: #232323;
}
.b-bar-menu.show .nav-link-events {
  border-left: 0.75rem solid transparent;
}
.b-bar-menu.show .nav-link-events i {
  color: #ffaa00;
}
.b-bar-menu.show .nav-link-events .fal {
  font-weight: 100;
}
.b-bar-menu.show .nav-link-events.active,
.b-bar-menu.show .nav-link-events:hover {
  border-left: 0.75rem solid #ffaa00;
  background: rgba(255, 170, 0, 0.05);
}
.b-bar-menu.show .nav-link-events.active .fal,
.b-bar-menu.show .nav-link-events:hover .fal {
  font-weight: 600;
}
.b-bar-menu.show .nav-link-event {
  border-left: 0.75rem solid transparent;
}
.b-bar-menu.show .nav-link-event i {
  color: #243E73;
}
.b-bar-menu.show .nav-link-event .fal {
  font-weight: 100;
}
.b-bar-menu.show .nav-link-event.active,
.b-bar-menu.show .nav-link-event:hover {
  border-left: 0.75rem solid #243E73;
  background: rgba(36, 62, 115, 0.05);
}
.b-bar-menu.show .nav-link-event.active .fal,
.b-bar-menu.show .nav-link-event:hover .fal {
  font-weight: 600;
}
.b-bar-menu.show .nav-link-activities {
  border-left: 0.75rem solid transparent;
}
.b-bar-menu.show .nav-link-activities i {
  color: #c28ac3;
}
.b-bar-menu.show .nav-link-activities .fal {
  font-weight: 100;
}
.b-bar-menu.show .nav-link-activities.active,
.b-bar-menu.show .nav-link-activities:hover {
  border-left: 0.75rem solid #c28ac3;
  background: rgba(194, 138, 195, 0.05);
}
.b-bar-menu.show .nav-link-activities.active .fal,
.b-bar-menu.show .nav-link-activities:hover .fal {
  font-weight: 600;
}
.b-bar-menu.show .nav-link-lives {
  border-left: 0.75rem solid transparent;
}
.b-bar-menu.show .nav-link-lives i {
  color: #0985D2;
}
.b-bar-menu.show .nav-link-lives .fal {
  font-weight: 100;
}
.b-bar-menu.show .nav-link-lives.active,
.b-bar-menu.show .nav-link-lives:hover {
  border-left: 0.75rem solid #0985D2;
  background: rgba(9, 133, 210, 0.05);
}
.b-bar-menu.show .nav-link-lives.active .fal,
.b-bar-menu.show .nav-link-lives:hover .fal {
  font-weight: 600;
}
.b-bar-menu.show .nav-link-participants {
  border-left: 0.75rem solid transparent;
}
.b-bar-menu.show .nav-link-participants i {
  color: #23b4d5;
}
.b-bar-menu.show .nav-link-participants .fal {
  font-weight: 100;
}
.b-bar-menu.show .nav-link-participants.active,
.b-bar-menu.show .nav-link-participants:hover {
  border-left: 0.75rem solid #23b4d5;
  background: rgba(35, 180, 213, 0.05);
}
.b-bar-menu.show .nav-link-participants.active .fal,
.b-bar-menu.show .nav-link-participants:hover .fal {
  font-weight: 600;
}
.b-bar-menu.show .nav-link-planning {
  border-left: 0.75rem solid transparent;
}
.b-bar-menu.show .nav-link-planning i {
  color: #027373;
}
.b-bar-menu.show .nav-link-planning .fal {
  font-weight: 100;
}
.b-bar-menu.show .nav-link-planning.active,
.b-bar-menu.show .nav-link-planning:hover {
  border-left: 0.75rem solid #027373;
  background: rgba(2, 115, 115, 0.05);
}
.b-bar-menu.show .nav-link-planning.active .fal,
.b-bar-menu.show .nav-link-planning:hover .fal {
  font-weight: 600;
}
.b-bar-menu.show .nav-link-medias {
  border-left: 0.75rem solid transparent;
}
.b-bar-menu.show .nav-link-medias i {
  color: #009664;
}
.b-bar-menu.show .nav-link-medias .fal {
  font-weight: 100;
}
.b-bar-menu.show .nav-link-medias.active,
.b-bar-menu.show .nav-link-medias:hover {
  border-left: 0.75rem solid #009664;
  background: rgba(0, 150, 100, 0.05);
}
.b-bar-menu.show .nav-link-medias.active .fal,
.b-bar-menu.show .nav-link-medias:hover .fal {
  font-weight: 600;
}
.b-bar-menu.show .nav-link-communication {
  border-left: 0.75rem solid transparent;
}
.b-bar-menu.show .nav-link-communication i {
  color: #8C113E;
}
.b-bar-menu.show .nav-link-communication .fal {
  font-weight: 100;
}
.b-bar-menu.show .nav-link-communication.active,
.b-bar-menu.show .nav-link-communication:hover {
  border-left: 0.75rem solid #8C113E;
  background: rgba(140, 17, 62, 0.05);
}
.b-bar-menu.show .nav-link-communication.active .fal,
.b-bar-menu.show .nav-link-communication:hover .fal {
  font-weight: 600;
}
.b-bar-menu.show .nav-link-reporting {
  border-left: 0.75rem solid transparent;
}
.b-bar-menu.show .nav-link-reporting i {
  color: #D43625;
}
.b-bar-menu.show .nav-link-reporting .fal {
  font-weight: 100;
}
.b-bar-menu.show .nav-link-reporting.active,
.b-bar-menu.show .nav-link-reporting:hover {
  border-left: 0.75rem solid #D43625;
  background: rgba(212, 54, 37, 0.05);
}
.b-bar-menu.show .nav-link-reporting.active .fal,
.b-bar-menu.show .nav-link-reporting:hover .fal {
  font-weight: 600;
}
.b-bar-menu.show .nav-link-other {
  border-left: 0.75rem solid transparent;
}
.b-bar-menu.show .nav-link-other i {
  color: #232323;
}
.b-bar-menu.show .nav-link-other .fal {
  font-weight: 100;
}
.b-bar-menu.show .nav-link-other.active,
.b-bar-menu.show .nav-link-other:hover {
  border-left: 0.75rem solid #232323;
  background: rgba(35, 35, 35, 0.05);
}
.b-bar-menu.show .nav-link-other.active .fal,
.b-bar-menu.show .nav-link-other:hover .fal {
  font-weight: 600;
}
.b-bar-menu.show .nav-link-main {
  border-left: 0.75rem solid transparent;
}
.b-bar-menu.show .nav-link-main i {
  color: #ffaa00;
}
.b-bar-menu.show .nav-link-main .fal {
  font-weight: 100;
}
.b-bar-menu.show .nav-link-main.active,
.b-bar-menu.show .nav-link-main:hover {
  border-left: 0.75rem solid #ffaa00;
  background: rgba(255, 170, 0, 0.05);
}
.b-bar-menu.show .nav-link-main.active .fal,
.b-bar-menu.show .nav-link-main:hover .fal {
  font-weight: 600;
}
.b-bar-brand {
  height: auto !important;
  min-height: auto !important;
}
.b-bar-brand > a {
  text-align: center;
  color: black;
  font-weight: bold;
  padding: 0 1rem;
  background-color: #FFFFFF;
  width: 100%;
  font-size: 1.75rem;
}
.b-bar-dropdown:before {
  right: 1rem !important;
}
.b-bar-dropdown a {
  color: inherit;
}
.b-bar-dropdown a:hover {
  color: #ffaa00;
}
.b-bar-dropdown a .navLinkText {
  color: inherit;
}
.b-bar-dropdown a i {
  color: inherit;
  font-size: 0.9375rem;
  min-width: 2rem;
  margin-right: 0.5rem;
}
.b-bar-dropdown > .b-bar-link {
  padding: 5px;
}
.b-bar-dropdown > .b-bar-link:hover {
  color: #ffaa00 !important;
  background-color: #FFFFFF !important;
}
.b-bar-vertical-inline[data-collapse=small] {
  min-width: var(--b-vertical-bar-small-width, 110px);
  height: max-content;
  min-height: 100%;
}
.b-bar-vertical-inline[data-collapse=small] > .b-bar-menu > .b-bar-start > .b-bar-item > a {
  padding: 0;
  text-align: center;
  padding: 5px 0px 5px 0px;
}
.b-bar-vertical-inline[data-collapse=small] > .b-bar-menu > .b-bar-start > .b-bar-item > a > i {
  text-align: center;
  width: 100%;
}
.b-bar-vertical-inline[data-collapse=small] > .b-bar-menu > .b-bar-start > .b-bar-item > .b-bar-brand > .logo-navlink-name {
  font-size: 0.9rem;
}
.b-bar-vertical-inline[data-collapse=small] > .b-bar-menu > .b-bar-start > .bar-menu-heading {
  font-size: 0.6rem;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-item > .b-bar-dropdown > .b-bar-link strong {
  display: none;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container {
  position: initial !important;
  margin: initial !important;
  width: initial !important;
  left: initial !important;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu a {
  padding: 0;
  text-align: center;
  padding: 5px 0px 5px 0px;
}
.b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu a i {
  margin-right: 0;
}
.badge-primary {
  background-color: #055f73;
  color: white;
}
.table.datagrid .btn {
  margin-right: 0.5rem;
}
.table.datagrid .companyList {
  font-weight: 600;
  color: #808080;
}
.table.datagrid .badge {
  opacity: 0.8;
  border-style: none;
}
.table.datagrid .badge-success {
  color: #4ca174;
  background-color: rgba(76, 161, 116, 0.3);
}
.table.datagrid .badge-light {
  color: #808080;
  background-color: #e9ecef;
}
.table.datagrid .badge-danger {
  color: #d43625;
  background-color: rgba(212, 54, 37, 0.3);
}
.table.datagrid .avatar {
  border-radius: 0.5em;
  width: 3rem;
  height: 3rem;
  color: #0895b4;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bolder;
  font-size: 1.5em;
}
.table.datagrid .dateList {
  background-color: #FFFFFF !important;
  border: none;
  color: #808080 !important;
  font-style: italic;
}
.table td,
.table th {
  padding: 0.5rem;
}
.table tbody tr:hover {
  background-color: rgba(8, 149, 180, 0.5);
}
.table td {
  vertical-align: middle;
}
.table .error {
  color: #D43625;
}
.table .success {
  color: #009664;
}
.clrtest {
  color: #744AA5;
}
.slider-value {
  /*color: @colorOrange;
        font-size: 1.5em;
        background-color: @colorClearGrey;
        margin-bottom: 1.5rem;*/
  color: #ffaa00;
  font-size: 1.5em;
  background-color: #e9ecef;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
}
.slider .btn {
  border-radius: 50%;
}
input[type=range] {
  -webkit-appearance: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: none;
  background: #ffaa00;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: none;
  background: #ffaa00;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: none;
  background: #ffaa00;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-ms-thumb {
  box-shadow: none;
  border: 1px solid #ffaa00;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  height: 32px;
  width: 16px;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -16px;
}
input[type=range]::-moz-range-thumb {
  box-shadow: none;
  border: 1px solid #ffaa00;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  height: 32px;
  width: 16px;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -16px;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: none;
  border: 1px solid #ffaa00;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  height: 32px;
  width: 16px;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -16px;
}
.snackbar {
  font-size: 1rem;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  position: fixed;
  z-index: 99999 !important;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #ced4da;
  border-radius: 0.325em;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}
.snackbar-body,
.snackbar .progress {
  margin: 0.5rem auto;
  width: 100%;
}
.snackbar [class*=btn] {
  background-color: #FFFFFF;
  padding: 0.5rem;
}
.snackbar-body {
  color: #ced4da;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.snackbar-body p {
  white-space: normal;
}
.snackbar .progress {
  background-color: rgba(0, 0, 0, 0.15);
  height: 0.35rem;
  border-radius: 0;
}
.snackbar-success {
  border: 1px solid #009664;
}
.snackbar-success .snackbar-body {
  color: #00170f;
}
.snackbar-success [class*=btn] {
  color: #00170f;
}
.snackbar-success [class*=btn]:hover {
  color: #000000;
}
.snackbar-success [class*=btn]:focus {
  color: #000000;
}
.snackbar-danger {
  border: 1px solid #D43625;
}
.snackbar-danger .snackbar-body {
  color: #671a12;
}
.snackbar-danger [class*=btn] {
  color: #671a12;
}
.snackbar-danger [class*=btn]:hover {
  color: #000000;
}
.snackbar-danger [class*=btn]:focus {
  color: #000000;
}
.snackbar-warning {
  border: 1px solid #ffaa00;
}
.snackbar-warning .snackbar-body {
  color: #805500;
}
.snackbar-warning [class*=btn] {
  color: #805500;
}
.snackbar-warning [class*=btn]:hover {
  color: #000000;
}
.snackbar-warning [class*=btn]:focus {
  color: #000000;
}
.snackbar-info {
  border: 1px solid #0895b4;
}
.snackbar-info .snackbar-body {
  color: #03303a;
}
.snackbar-info [class*=btn] {
  color: #03303a;
}
.snackbar-info [class*=btn]:hover {
  color: #000000;
}
.snackbar-info [class*=btn]:focus {
  color: #000000;
}
@media (min-width: 768px) {
  .snackbar {
    transition: opacity 0s 0.2535s, transform 0.2535s cubic-bezier(0.4, 0, 1, 1);
  }
}
@media (min-width: 1200px) {
  .snackbar {
    transition: opacity 0s 0.13s, transform 0.13s cubic-bezier(0.4, 0, 1, 1);
  }
}
@media screen and (prefers-reduced-motion: reduce) {
  .snackbar {
    transition: none;
  }
}
@media (min-width: 768px) {
  .snackbar.show {
    transition-duration: 0.2925s;
  }
}
@media (min-width: 1200px) {
  .snackbar.show {
    transition-duration: 0.15s;
  }
}
@media screen and (prefers-reduced-motion: reduce) {
  .snackbar.show {
    transition: none;
  }
}
.autocomplete-area {
  position: relative;
  max-height: 120px;
  overflow: auto;
  box-shadow: 0px 2px 4px 0px #888888;
  border-radius: 3px;
}
.autocomplete-area ul {
  list-style-type: none;
  padding: 0;
}
.autocomplete-area ul li {
  padding-left: 5px;
  font-size: 0.9em;
  font-style: italic;
  color: #0895b4;
}
.autocomplete-area ul li:hover {
  background: #0895b4;
  color: #FFFFFF;
  cursor: pointer;
}
.forum {
  position: relative;
  padding: 10px 0px 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.forum .line {
  position: absolute;
  width: 4px;
  display: block;
  top: 0px;
  bottom: 0px;
  margin-left: 19.5%;
  max-height: 415px;
  background: #0895b4;
}
.forum .separator {
  border-top: 1px solid #0895b4;
  padding: 5px;
  padding-left: 0;
  font-style: italic;
  font-size: 0.9em;
}
.forum .line::before {
  top: -4px;
}
.forum .line::after {
  bottom: -4px;
}
.forum .line::before,
.forum .line::after {
  content: '';
  position: absolute;
  left: -4px;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
  background: #0895b4;
}
.forum-agenda {
  min-height: 800px;
}
.forum .text-muted {
  color: #0895b4 !important;
}
.forum-content {
  padding: 0;
  overflow: auto;
  max-height: 400px;
}
.forum-content .panel {
  position: relative;
  margin: 5px 0px 5px 0px;
  clear: both;
}
.forum-content .panel .hour {
  margin: 0;
  font-weight: bold;
}
.forum-content .panel .panel-heading.icon * {
  font-size: 20px;
  vertical-align: middle;
  line-height: 40px;
}
.forum-content .panel .panel-heading.icon {
  display: flex;
  width: 45px;
  min-width: 45px;
  height: 45px;
  padding: 0px;
  border-radius: 50%;
  text-align: center;
  float: left;
  background-color: #FFFFFF;
  border: 1px solid #e9ecef;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.forum-content .panel .panel-center {
  width: 19%;
  display: flex;
  justify-content: center;
}
.forum-content .panel .panel-outline .panel-heading:not(.icon),
.forum-content .panel .panel-outline .panel-footer {
  display: none;
}
.forum-content .panel .panel-body {
  width: 70%;
}
.forum-content .panel .panel-body.text-right {
  width: 10%;
}
.forum-content .panel .panel-body .creator {
  margin: 0;
  font-size: 0.7em;
  font-style: italic;
}
.forum-content .panel .panel-body .creator span {
  font-weight: bold;
}
.forum-content .panel .panel-body .panel-outline {
  background-color: #e9ecef;
  border-radius: 8px;
  overflow: auto;
  padding: 10px;
}
.forum-content .panel .panel-body .panel-outline p {
  padding: 5px;
  margin: 0;
}
.forum-content .panel .panel-body .panel-outline img {
  max-width: 80%;
}
.forum-content .panel .panel-body .panel-outline.noPublish {
  border: 2px dashed #0895b4;
}
.forum-content .panel .panel-body .panel-heading.small-icon {
  width: 30px;
  min-width: 30px;
  height: 30px;
}
.forum-content .panel .panel-body .sub-panel .panel-outline {
  border-radius: 8px;
  margin-left: 5px;
  padding: 5px;
}
.forum-content .panel .panel-body .sub-panel .sub-panel .panel {
  margin-bottom: 0;
}
.forum-content {
  padding: 0;
  overflow: auto;
  max-height: 400px;
}
.forum-content .panel {
  position: relative;
  margin: 5px 0px 5px 0px;
  clear: both;
}
.forum-content .panel .hour {
  margin: 0;
  font-weight: bold;
}
.forum-content .panel .panel-heading.icon * {
  font-size: 20px;
  vertical-align: middle;
  line-height: 40px;
}
.forum-content .panel .panel-heading.icon {
  display: flex;
  width: 45px;
  min-width: 45px;
  height: 45px;
  padding: 0px;
  border-radius: 50%;
  text-align: center;
  float: left;
  background-color: var(--avt-white);
  border: 1px solid #e9ecef;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.forum-content .panel .panel-center {
  width: 19%;
  display: flex;
  justify-content: center;
}
.forum-content .panel .panel-outline .panel-heading:not(.icon),
.forum-content .panel .panel-outline .panel-footer {
  display: none;
}
.forum-content .panel .panel-body {
  width: 70%;
}
.forum-content .panel .panel-body.text-right {
  width: 10%;
}
.forum-content .panel .panel-body .creator {
  margin: 0;
  font-size: 0.7em;
  font-style: italic;
}
.forum-content .panel .panel-body .creator span {
  font-weight: bold;
}
.forum-content .panel .panel-body .panel-outline {
  background-color: #e9ecef;
  border-radius: 8px;
  overflow: auto;
  padding: 10px;
}
.forum-content .panel .panel-body .panel-outline p {
  padding: 5px;
  margin: 0;
}
.forum-content .panel .panel-body .panel-outline img {
  max-width: 80%;
}
.forum-content .panel .panel-body .panel-outline.noPublish {
  border: 2px dashed var(--avt-activities-darker);
}
.forum-content .panel .panel-body .panel-heading.small-icon {
  width: 30px;
  min-width: 30px;
  height: 30px;
}
.forum-content .panel .panel-body .sub-panel .panel-outline {
  border-radius: 8px;
  margin-left: 5px;
  padding: 5px;
}
.forum-content .panel .panel-body .sub-panel .sub-panel .panel {
  margin-bottom: 0;
}
.forum-sender {
  position: relative;
}
.forum-sender-header {
  background-color: #e9ecef;
  display: flex;
  padding: 0.5rem;
  color: #000000;
  align-items: center;
}
.forum-sender-header h3 {
  flex-grow: 1;
  margin: 0;
  padding: 0.5rem 0;
}
.forum-sender-header .btn-reset {
  border-radius: 50%;
  border: 0;
  color: #e9ecef;
  background-color: #FFFFFF;
}
.forum-sender-header .btn-reset:hover {
  background-color: #0895b4 !important;
}
.forum-sender-preview {
  display: flex;
  align-items: center;
  justify-content: center;
}
.forum-sender-preview .figure {
  margin: 0.3rem;
}
.forum-sender-preview .figure img {
  max-height: 180px;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.forum-sender-body {
  padding: 0.5rem;
  border: 1px solid #e9ecef;
  background-color: #FFFFFF;
}
.forum-sender-body .custom-file {
  position: relative;
}
.forum-sender-body .custom-file input {
  display: none;
}
.forum-sender-body .custom-file label {
  position: relative;
  color: #FFFFFF;
  background-color: #0895b4 !important;
  border-color: #0895b4;
  padding: 0.6rem 0.75rem;
  border-radius: 0.375rem 0 0 0.375rem;
  display: block;
  height: auto;
}
.forum-sender-body .custom-file label::after {
  content: none !important;
}
.forum-sender-body .form-control {
  height: auto;
}
.forum-sender-body .input-group-append .btn {
  padding: 0.6rem 0.75rem;
  border-radius: 0 0.375rem 0.375rem 0;
  border: 0;
}
.module-messaging .chatbox {
  height: 100%;
  background-color: var(--avt-white);
}
.module-messaging .chatbox .card-body {
  height: 400px;
  min-height: 400px;
  max-height: 400px;
  overflow: auto;
}
.module-messaging .chatbox.groupChat .card-body .chatbox-message {
  margin-left: 3rem;
}
.module-messaging .chatbox.groupChat .card-body .chatbox-message .avatar {
  position: absolute;
  top: 0.4rem;
  left: -3rem;
  z-index: 1;
}
.module-messaging .chatbox.groupChat .card-body .chatbox-message .avatar-content {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
  border: none;
}
.module-messaging .chatbox.groupChat .card-body .chatbox-message .avatar-content.bg-img {
  background-color: transparent;
}
.module-messaging .chatbox.groupChat .card-body .chatbox-message-delete {
  position: absolute;
  top: 0;
  margin-top: -10px;
  background-color: #0895b4;
  color: #FFFFFF;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  padding: 0;
  cursor: pointer;
  border: 2px solid #0abde5;
  font-size: 0.8em;
  right: -1.3rem;
}
.module-messaging .chatbox.groupChat .card-body .chatbox-message-delete i {
  padding-left: 0.1rem !important;
}
.module-messaging .chatbox.groupChat .card-body .chatbox-message-delete:hover {
  background-color: #0abde5;
}
.module-messaging .chatbox .card-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  align-content: normal;
  justify-content: normal;
}
.module-messaging .chatbox .card-body .chatbox-date {
  margin: 1.5rem 0;
  text-transform: capitalize;
  opacity: 0.7;
}
.module-messaging .chatbox .card-body .chatbox-message {
  margin-top: 0.5rem;
  min-width: 70%;
  max-width: 70%;
  padding: 0.5rem;
  align-self: start;
  background-color: #dbe7ec;
  border-radius: 0 8px 8px 8px;
  box-shadow: 0px 10px 35px 0px rgba(56, 71, 109, 0.075);
  display: flex;
  justify-content: start;
  flex-direction: column;
  text-align: left;
  position: relative;
}
.module-messaging .chatbox .card-body .chatbox-message.admin {
  border: 2px solid #0895b4 !important;
}
.module-messaging .chatbox .card-body .chatbox-message.thread {
  border-radius: 0 0 8px 8px;
  margin-top: -10px !important;
  border-top: 0 !important;
  box-shadow: none !important;
}
.module-messaging .chatbox .card-body .chatbox-message.active {
  color: white;
  align-self: end;
  justify-content: end;
  background-color: #055f73;
  text-align: right;
  border-radius: 8px 0 8px 8px;
  padding-left: 0 !important;
}
.module-messaging .chatbox .card-body .chatbox-message.active.thread {
  border-radius: 0 0 8px 8px;
}
.module-messaging .chatbox .card-body .chatbox-message.active .chatbox-message-subInfos {
  right: initial;
  left: 0.3rem;
}
.module-messaging .chatbox .card-body .chatbox-message.active .chatbox-message-delete {
  right: initial;
  left: -1.3rem;
}
.module-messaging .chatbox .card-body .chatbox-message-subName {
  font-size: 0.7em;
  font-weight: bold;
}
.module-messaging .chatbox .card-body .chatbox-message-subInfos {
  font-size: 0.7em;
  font-style: italic;
  opacity: 0.6;
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
}
.module-messaging .chatbox .card-body .chatbox-message-text {
  font-size: 0.8em;
}
.module-messaging .chatbox .card-footer .btn-emojis {
  border-radius: 0.5rem 0 0 0.5rem;
  padding: 0.5rem 1rem;
}
.module-messaging .chatbox .card-footer .btn-emojis.active {
  border-radius: 0 0 0 0.5rem;
}
.module-messaging .chatbox .card-footer .btn-send {
  border-radius: 0 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
}
.module-messaging .chatbox .card-footer .chatbox-emoji-list {
  position: absolute;
  height: 235px;
  left: 0;
  top: -235px;
  background-color: #e9ecef;
  overflow: auto;
  z-index: 9;
  border: 1px solid #e9ecef;
}
.module-messaging .chatbox .card-footer .chatbox-emoji-list ul {
  margin: 0;
  padding: 0.5rem;
}
.module-messaging .chatbox .card-footer .chatbox-emoji-list ul li {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.module-messaging .chatbox .card-footer .chatbox-emoji-list ul li .btn {
  font-size: 1.2em;
  padding: 0.2rem;
}
.module-messaging .chatbox .talkers.module-participants .bg-banner {
  height: 70px;
}
.module-messaging .chatbox .talkers.module-participants .bg-banner.photo {
  height: 70px;
}
.module-messaging .chatbox .talkers.module-participants .bg-banner .bg-banner-content {
  background-color: #0895b4;
}
.module-messaging .chatbox .talkers.module-participants .bg-banner .bg-banner-content .avatar-content {
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  min-height: 5rem;
  background-color: #dbe7ec;
}
.module-messaging .chatbox .talkers.module-participants .bg-banner .bg-banner-content .avatar-content .initials {
  font-size: 2.4rem;
  color: #055f73;
}
.module-messaging .chatbox.card {
  cursor: initial;
}
.module-messaging .chatbox h3 {
  margin-top: 2rem;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #e9ecef;
}
.module-messaging .chatbox .bg-banner {
  height: 40px;
}
.module-messaging .chatbox .bg-banner.photo {
  height: 40px;
}
.module-messaging .chatbox .bg-banner.photo .avatar {
  transform: translate(10px, 30%);
}
.module-messaging .chatbox .bg-banner.photo .avatar-content .initials {
  font-size: 3.4rem;
}
.module-messaging .chatbox .bg-banner-content {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.module-messaging .chatbox .bg-banner-content .avatar {
  transform: translate(10px, 30%);
}
.module-messaging .chatbox .bg-banner-content .avatar .presence {
  bottom: 9%;
  right: 9%;
}
.module-messaging .chatbox .bg-banner-content .avatar-content {
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  min-height: 5rem;
}
.module-messaging .chatbox .bg-banner-content .avatar-content .initials {
  font-size: 4.4rem;
}
.module-messaging .chatbox .bg-banner-content .username {
  padding: 0.1rem 2rem;
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  width: 100%;
  margin: 0;
}
.module-messaging .chatbox.groupChat .avatar {
  transform: translate(10px, 30%);
}
.module-messaging .chatbox.groupChat .avatar-content {
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  min-height: 5rem;
}
.module-messaging .chatbox .bg-banner {
  height: 70px;
  width: 100%;
}
.module-messaging .chatbox .bg-banner.photo .bg-banner-content {
  height: 100%;
  background-size: cover;
}
.module-messaging .chatbox .bg-banner-content {
  border-radius: 7px 7px 0 0;
  background-color: #0895b4;
  background-repeat: repeat;
  background-position: center;
}
.module-messaging .chatbox .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.module-messaging .chatbox .avatar .presence {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
.module-messaging .chatbox .avatar .presence.checkedIn {
  background-color: #009664;
  border: 3px solid #009664;
}
.module-messaging .chatbox .avatar .presence.checkedOut {
  background-color: #e9ecef;
  border: 3px solid #009664;
}
.module-messaging .chatbox .avatar .presence.offline {
  background-color: #D43625;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.module-messaging .chatbox .avatar-content {
  width: 5rem;
  height: 5rem;
  min-height: 5rem;
  min-width: 5rem;
  background-color: #0895b4;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 50%;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  border-width: 3px;
  border-color: #FFFFFF;
}
.module-messaging .chatbox .avatar-content .initials {
  color: #dbe7ec;
  font-size: 2.4rem;
  font-style: normal;
  margin: 0;
}
.module-messaging .chatbox .avatar-content .photo {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 480px) {
  .module-messaging .chatbox .bg-banner-content {
    flex-direction: column;
    align-items: center;
  }
  .module-messaging .chatbox .bg-banner-content .avatar {
    transform: translateY(10%);
  }
  .module-messaging .chatbox .bg-banner-content .username {
    z-index: 1;
    margin-top: 1.2rem;
    text-align: center;
    color: #000000;
  }
  .module-messaging .chatbox .container {
    margin: 8rem 0 0 0;
  }
}
.timepicker {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.timepicker-hours {
  flex-grow: 1;
  margin-right: 1em;
  text-align: center;
  border-radius: 3px;
}
.timepicker-hours:focus {
  background: #0895b4;
  color: #FFFFFF;
  outline: none;
}
.timepicker-minutes,
.timepicker-seconds {
  flex-grow: 1;
  margin-left: 1em;
  margin-right: 1em;
  text-align: center;
  border-radius: 3px;
}
.timepicker-minutes:focus,
.timepicker-seconds:focus {
  background: #0895b4;
  color: #FFFFFF;
  outline: none;
}
.timepicker-controls {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.timepicker-controls .timepicker-control-up,
.timepicker-controls .timepicker-control-down {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.timepicker-controls .timepicker-control-up {
  border-bottom: 1px solid #888888;
}
tox-sidebar-wrap {
  cursor: text;
}
.border-primary {
  border-color: #dbe7ec !important;
}
.color-transparent {
  color: transparent;
}
.color-grey {
  color: #e9ecef;
}
.color-orange {
  color: #ffaa00;
}
.color-purple {
  color: #744AA5;
}
.color-indigo {
  color: #0985D2;
}
.color-green {
  color: #009664;
}
.color-pink {
  color: #BC3375;
}
.color-red {
  color: #D43625;
}
.color-black {
  color: #000000;
}
.color-white {
  color: #FFFFFF;
}
.color-survey {
  color: #F96F52;
}
.color-blue {
  color: #0895b4;
}
.color-dark {
  color: #232323;
}
.color-dark-blue {
  color: #055f73;
}
.color-dark-grey {
  color: #888888;
}
.color-yellow {
  color: #FFFACD;
}
.color-live {
  color: #0985D2;
}
.color-chat {
  color: #009664;
}
.color-survey {
  color: #744AA5;
}
.color-wordcloud {
  color: #6E81BD;
}
.color-quiz {
  color: #cc618d;
}
.color-slide {
  color: #58659e;
}
.color-lottery {
  color: #b781b5;
}
.icon-rounded {
  background-color: #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #000000;
  padding: 0.8em 0.8em;
}
.icon-rounded-orange {
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #ffaa00;
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #FFFFFF;
  padding: 0.8em 0.8em;
}
.icon-rounded-black {
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #000000;
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #000000;
  padding: 0.8em 0.8em;
}
.icon-rounded-purple {
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #744AA5;
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #744AA5;
  padding: 0.8em 0.8em;
}
.icon-rounded-blue {
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #055f73;
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #055f73;
  padding: 0.8em 0.8em;
}
.icon-rounded-green {
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #009664;
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #009664;
  padding: 0.8em 0.8em;
}
.icon-rounded-indigo {
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #0985D2;
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #0985D2;
  padding: 0.8em 0.8em;
}
.icon-rounded-red {
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #D43625;
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #D43625;
  padding: 0.8em 0.8em;
}
.icon-rounded-pink {
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #BC3375;
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #BC3375;
  padding: 0.8em 0.8em;
}
.bgc-white {
  background-color: #FFFFFF;
}
.bgc-survey {
  background-color: #F96F52;
}
.bgc-black {
  background-color: #000000;
}
.bgc-grey {
  background-color: #e9ecef;
}
.bgc-dark {
  background-color: #232323;
}
.bgc-orange {
  background-color: #ffaa00;
}
.bgc-purple {
  background-color: #744AA5;
}
.bgc-green {
  background-color: #009664;
}
.bgc-red {
  background-color: #D43625;
}
.bgc-blue {
  background-color: #0895b4;
}
.bgc-indigo {
  background-color: rgba(9, 133, 210, 0.5);
}
.bgc-light-green {
  background-color: rgba(0, 150, 100, 0.15);
}
.bgc-lightgrey {
  background-color: rgba(233, 236, 239, 0.5);
}
.bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bg-primary {
  background-color: #0895b4 !important;
  color: #FFFFFF !important;
}
.divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef !important;
}
.dropzone {
  padding: 0;
  margin: 5px 15px;
  font-size: 12px;
  line-height: 1.5;
  border: 2px dashed #ddd;
  border-radius: 8px;
  list-style: none;
  transition: width 0.25s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100px;
}
.dropzone.carousel-mode {
  margin: 0 5px;
  width: 120px;
  min-width: 120px;
  height: 50px;
}
.dropzone span {
  display: flex;
}
.dropzone-hidden {
  padding: 0;
  margin: 0;
  transition: width 0.25s ease-in-out;
  width: 100%;
  height: 30px;
}
.dropzone-hidden.carousel-mode {
  width: 25px;
  min-width: 25px;
  height: 50px;
}
.dropzone-hidden span {
  display: none;
}
.smiley-list .dropzone {
  height: auto;
}
.quizzQuestions .dropzone-hidden {
  height: 10px;
}
.no-drop {
  border: 2px dashed red;
}
.can-drop {
  border: 2px dashed #0895b4;
}
.draggable {
  margin-bottom: 10px;
  padding: 10px 25px;
  border: 1px solid #424d5c;
  cursor: grab;
  background: #5c6b7f;
  color: #ffffff;
  border-radius: 5px;
}
.draggable:active {
  cursor: grabbing;
}
.dragging {
  display: none;
}
.dragging + .dropzone-hidden {
  display: none;
}
.description {
  font-size: 18px;
}
.last-updated {
  margin-bottom: 0;
  font-size: 11px;
  color: #e1e5ea;
  font-weight: bold;
}
.last-updated small {
  text-transform: uppercase;
  color: #c4cbd4;
  font-size: 11px;
}
.cursor-normal {
  cursor: default !important;
}
.cursor-hand {
  cursor: grab !important;
}
.cursor-pointer,
.hand-pointer {
  cursor: pointer;
}
.border-bottom {
  border-bottom: 1px solid #dbe7ec;
}
.border-top {
  border-top: 1px solid #dbe7ec;
}
.border-right {
  border-right: 1px solid #dbe7ec;
}
.border-left {
  border-left: 1px solid #dbe7ec;
}
.margin-initial {
  margin: initial !important;
}
.d-contents {
  display: contents;
}
.d-none-important {
  display: none !important;
}
.list-style-type-none {
  list-style-type: none;
}
/*----------------<Fonts>-----------------*/
@font-face {
  font-family: OxygenRegular;
  src: url("../../fonts/Oxygen/Oxygen-Regular.ttf");
}
@font-face {
  font-family: OxygenBold;
  src: url("../../fonts/Oxygen/Oxygen-Bold.ttf");
}
@font-face {
  font-family: OxygenLight;
  src: url("../../fonts/Oxygen/Oxygen-Light.ttf");
}
@font-face {
  font-family: NewOrder;
  src: url("../../fonts/NewOrder/NewOrder.ttf");
}
html {
  font-size: 14px;
}
body {
  font-family: OxygenRegular;
}
/*----------------</Fonts>-----------------*/