:root {
  --bg_rs_view: #010101;
  --bg_rs_view2: #01010177;
  --bg_rs_view_background: #A90000;
  --bg_sn_view: #010101;
  --bg_sn_view2: #01010177;
  --bg_sn_view_background: #111827ff;
  --btn_background_color: #9c0eaf;
  --btn_border_color: #870399;
  --disiabled_background: #e5e5f7;
  --disiabled_background2: #888888;
  --dropbtn: white;
  --dropborder: #aaaaaa;
  --dropdown_content: #f1f1f1;
  --dropdown_content_a: black;
  --dropdown_content_a_hover: #ddd;
  --main_btn_text: #ffffff;
  --shadow_purple: #a904bf;
  --shadow_blue: #3E428C;
  --shadow_green: #15bf81;
  --shadow_yellow: #ff910077;
  --shadow_red: #ff0000;
  --shadow_dark: #333333;
  --shadow: #777;
  --shadow_pink: #e69af0;
  --sidebar_text: #eee;
  --slider: #a904bf;
  --swal_title: white;
  --swal_close: white;
  --swal_container: white;
  --swal_success: #15bf81;
  --swal_error: #ff0000;
  --swal_warning: #f3c78e;
  --swal_info: #3fc3ee;
  --swal_question: #87adbd;
  --table_background: lightblue;
}

.canbesubscription:hover {
  background-color: var(--shadow_pink);
}

.borderrightside {
  border-radius: 0 0.5rem 0.5rem 0 !important
}

.borderleftside {
  border-radius: 0.5rem 0 0 0.5rem !important
}

.choices__list--dropdown .choices__item--selectable,
.choices__list[aria-expanded] .choices__item--selectable {
  padding-right: 0px !important
}

.sidebar .nav-item.active>.nav-link {
  color: #F2F4F6 !important;
  background-color: var(--btn_background_color) !important;
}

.sidebar ul li {
  position: relative;
  /* Set the li to relative */
}

.sidebar .nav-link .sidebar-icon {
  margin-right: 0.5rem;
  color: var(--sidebar_text);
}

.sidebar-text {
  color: var(--sidebar_text) !important;
}

.bg-sn-view {
  background-color: var(--bg_sn_view_background);
}

/* body {
  background-image: url("/img/brand/logo-immotion-los.png");
  opacity: 1;
  background-repeat: repeat;
} */

.dropborder {
  width: 150px;
  height: 55px;
  border: 2px solid var(--dropborder);
}

.card-header .fa {
  transition: .3s transform ease-in-out;
}

.card-header .collapsed .fa {
  transform: rotate(90deg);
}

.glow_background {
  background-color: var(--table_background);
}

.secondary_btn_style {
  min-width: 177px;
  /* box-shadow: 4px 4px 7px var(--shadow_pink); */
  transition: all 0.05s ease;
  color: var(--main_btn_text);
  background-color: var(--shadow_blue);
  border-color: var(--shadow_blue);
  margin-bottom: 0.5rem;
  /* !important; */
  padding: 0.375rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 0.5rem;
  display: inline-block;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 0.0625rem solid transparent;
  text-transform: none;
}

th:last-child {
  border-top-right-radius: 0.5rem
}

th:first-child {
  border-top-left-radius: 0.5rem
}

td {
  transition: all 0.05s ease;
}

.pointer {
  cursor: pointer;
}

.w-0 {
  width: 0px
}

.float-right {
  float: right
}

.shadow-purple {
  box-shadow: 4px 4px 7px var(--shadow_purple)
}

.shadow-pink {
  box-shadow: 4px 4px 7px var(--shadow_pink)
}

.shadow-blue {
  box-shadow: 4px 4px 7px var(--shadow_blue)
}

.shadow-green {
  box-shadow: 4px 4px 7px var(--shadow_green)
}

.shadow-yellow {
  box-shadow: 4px 4px 7px var(--shadow_yellow)
}

.shadow-red {
  box-shadow: 4px 4px 7px var(--shadow_red)
}

.shadow-dark {
  box-shadow: 4px 4px 7px var(--shadow_dark)
}

.shadow {
  box-shadow: 1px 1px 4px var(--shadow) !important
}

.dropbtn {
  color: var(--dropbtn);
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--dropdown_content);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: var(--dropdown_content_a);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: var(--dropdown_content_a_hover);
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

.colored-toast.swal2-icon-success {
  background-color: var(--swal_success) !important;
}

.colored-toast.swal2-icon-error {
  background-color: var(--swal_error) !important;
}

.colored-toast.swal2-icon-warning {
  background-color: var(--swal_warning) !important;
}

.colored-toast.swal2-icon-info {
  background-color: var(--swal_info) !important;
}

.colored-toast.swal2-icon-question {
  background-color: var(--swal_question) !important;
}

.colored-toast .swal2-title {
  color: var(--swal_title);
}

.colored-toast .swal2-close {
  color: var(--swal_close);
}

.colored-toast .swal2-html-container {
  color: var(--swal_container);
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: var(--slider);
}

input:focus+.slider {
  box-shadow: 0 0 1px var(--slider);
}

input:checked+.slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

table {
  vertical-align: middle !important
}

.btn-outline-secondary {
  color: var(--shadow_blue);
  background-color: transparent;
  background-image: none;
  border-color: var(--shadow_blue);
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: var(--shadow_blue);
  border-color: var(--shadow_blue);
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: var(--shadow_blue);
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: var(--shadow_blue);
  border-color: var(--shadow_blue);
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.switch-toggle a,
.switch-light span span {
  display: none;
}

/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {

  /* Checkbox
 */
  .switch-light {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
   * when the inputs are focused.
   */
  }

  .switch-light::after {
    clear: both;
    content: "";
    display: table;
  }

  .switch-light *,
  .switch-light *:before,
  .switch-light *:after {
    box-sizing: border-box;
  }

  .switch-light a {
    display: block;
    -webkit-transition: all 0.05s ease-out;
    -moz-transition: all 0.05s ease-out;
    transition: all 0.05s ease-out;
  }

  .switch-light label,
  .switch-light>span {
    /* breathing room for bootstrap/foundation classes.
     */
    line-height: 2em;
    vertical-align: middle;
  }

  .switch-light input:focus~span a,
  .switch-light input:focus+label {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight;
    /* Chrome/Opera gets its native focus styles.
     */
  }

  @media (-webkit-min-device-pixel-ratio: 0) {

    .switch-light input:focus~span a,
    .switch-light input:focus+label {
      outline-color: -webkit-focus-ring-color;
      outline-style: auto;
    }
  }

  /* don't hide the input from screen-readers and keyboard access
 */
  .switch-light input {
    position: absolute;
    opacity: 0;
    z-index: 3;
  }

  .switch-light input:checked~span a {
    right: 0%;
  }

  /* inherit from label
 */
  .switch-light strong {
    font-weight: inherit;
  }

  .switch-light>span {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 2em;
    /* overwrite 3rd party classes padding
   * eg. bootstrap .well
   */
    padding: 0;
    text-align: left;
  }

  .switch-light span span {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .switch-light a {
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0;
  }

  /* Radio Switch
 */
  .switch-toggle {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
   * when the inputs are focused.
   */
    /* For callout panels in foundation
  */
    padding: 0 !important;
    /* 2 items
   */
    /* 3 items
   */
    /* 4 items
   */
    /* 5 items
   */
    /* 6 items
   */
  }

  .switch-toggle::after {
    clear: both;
    content: "";
    display: table;
  }

  .switch-toggle *,
  .switch-toggle *:before,
  .switch-toggle *:after {
    box-sizing: border-box;
  }

  .switch-toggle a {
    display: block;
    -webkit-transition: all 0.05s ease-out;
    -moz-transition: all 0.05s ease-out;
    transition: all 0.05s ease-out;
  }

  .switch-toggle label,
  .switch-toggle>span {
    /* breathing room for bootstrap/foundation classes.
     */
    line-height: 2em;
    vertical-align: middle;
  }

  .switch-toggle input:focus~span a,
  .switch-toggle input:focus+label {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight;
    /* Chrome/Opera gets its native focus styles.
     */
  }

  @media (-webkit-min-device-pixel-ratio: 0) {

    .switch-toggle input:focus~span a,
    .switch-toggle input:focus+label {
      outline-color: -webkit-focus-ring-color;
      outline-style: auto;
    }
  }

  .switch-toggle input {
    position: absolute;
    left: 0;
    opacity: 0;
  }

  .switch-toggle input+label {
    position: relative;
    z-index: 1;
    display: block;
    float: left;
    padding: 0 0.5em;
    margin: 0;
    text-align: center;
  }

  .switch-toggle a {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 10px;
    height: 100%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(4),
  .switch-toggle label:nth-child(2):nth-last-child(4)~label,
  .switch-toggle label:nth-child(2):nth-last-child(4)~a {
    width: 50%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(4)~input:checked:nth-child(3)+label~a {
    left: 50%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(6),
  .switch-toggle label:nth-child(2):nth-last-child(6)~label,
  .switch-toggle label:nth-child(2):nth-last-child(6)~a {
    width: 33.33%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(6)~input:checked:nth-child(3)+label~a {
    left: 33.33%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(6)~input:checked:nth-child(5)+label~a {
    left: 66.66%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(8),
  .switch-toggle label:nth-child(2):nth-last-child(8)~label,
  .switch-toggle label:nth-child(2):nth-last-child(8)~a {
    width: 25%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(8)~input:checked:nth-child(3)+label~a {
    left: 25%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(8)~input:checked:nth-child(5)+label~a {
    left: 50%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(8)~input:checked:nth-child(7)+label~a {
    left: 75%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(10),
  .switch-toggle label:nth-child(2):nth-last-child(10)~label,
  .switch-toggle label:nth-child(2):nth-last-child(10)~a {
    width: 20%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(10)~input:checked:nth-child(3)+label~a {
    left: 20%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(10)~input:checked:nth-child(5)+label~a {
    left: 40%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(10)~input:checked:nth-child(7)+label~a {
    left: 60%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(10)~input:checked:nth-child(9)+label~a {
    left: 80%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(12),
  .switch-toggle label:nth-child(2):nth-last-child(12)~label,
  .switch-toggle label:nth-child(2):nth-last-child(12)~a {
    width: 16.6%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(12)~input:checked:nth-child(3)+label~a {
    left: 16.6%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(12)~input:checked:nth-child(5)+label~a {
    left: 33.2%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(12)~input:checked:nth-child(7)+label~a {
    left: 49.8%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(12)~input:checked:nth-child(9)+label~a {
    left: 66.4%;
  }

  .switch-toggle label:nth-child(2):nth-last-child(12)~input:checked:nth-child(11)+label~a {
    left: 83%;
  }

  /* Candy Theme
 * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
 * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
 */
  .switch-toggle.switch-candy,
  .switch-light.switch-candy>span {
    /* background-color: #2d3035; */
    border-radius: 5px;
    border: 1px solid #3e428c7c;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3)
  }

  .switch-light.switch-candy span span,
  .switch-light.switch-candy input:checked~span span:first-child,
  .switch-toggle.switch-candy label {
    color: #3E428C;
    border-color: #3E428C;
    /* font-weight: bold; */
    text-align: center;
  }

  .switch-light.switch-candy input~span span:first-child,
  .switch-light.switch-candy input:checked~span span:nth-child(2),
  .switch-candy input:checked+label {
    color: #fff;
    font-weight: bold;
  }

  .switch-candy a {
    border: 1px solid #333;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
    background-color: #3E428C;
    /* background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), transparent); */
    /* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent); */
  }

  .switch-candy-blue a {
    background-color: #38a3d4;
  }

  .switch-candy-yellow a {
    background-color: #f5e560;
  }

  /* iOS Theme
*/
  .switch-ios.switch-light span span {
    color: #888b92;
  }

  .switch-ios.switch-light a {
    left: 0;
    top: 0;
    width: 2em;
    height: 2em;
    background-color: #fff;
    border-radius: 100%;
    border: 0.25em solid #D8D9DB;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }

  .switch-ios.switch-light>span {
    display: block;
    width: 100%;
    height: 2em;
    background-color: #D8D9DB;
    border-radius: 1.75em;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
  }

  .switch-ios.switch-light>span span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    line-height: 1.875em;
    vertical-align: middle;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }

  .switch-ios.switch-light>span span:first-of-type {
    opacity: 1;
    padding-left: 1.875em;
  }

  .switch-ios.switch-light>span span:last-of-type {
    padding-right: 1.875em;
  }

  .switch-ios.switch-light input:checked~span a {
    left: 100%;
    border-color: #4BD865;
    margin-left: -2em;
  }

  .switch-ios.switch-light input:checked~span {
    border-color: #4BD865;
    box-shadow: inset 0 0 0 30px #4BD865;
  }

  .switch-ios.switch-light input:checked~span span:first-of-type {
    opacity: 0;
  }

  .switch-ios.switch-light input:checked~span span:last-of-type {
    opacity: 1;
    color: #fff;
  }

  .switch-ios.switch-toggle {
    background-color: #D8D9DB;
    border-radius: 30px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
  }

  .switch-ios.switch-toggle a {
    background-color: #4BD865;
    border: 0.125em solid #D8D9DB;
    border-radius: 1.75em;
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    transition: all 0.12s ease-out;
  }

  .switch-ios.switch-toggle label {
    height: 2.4em;
    color: #888b92;
    line-height: 2.4em;
    vertical-align: middle;
  }

  .switch-ios input:checked+label {
    color: #3e4043;
  }

  /* Holo Theme
 */
  .switch-toggle.switch-holo,
  .switch-light.switch-holo>span {
    background-color: #464747;
    border-radius: 1px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
    color: #fff;
    text-transform: uppercase;
  }

  .switch-holo label {
    color: #fff;
  }

  .switch-holo>span span {
    opacity: 0;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
  }

  .switch-holo>span span:first-of-type {
    opacity: 1;
  }

  .switch-holo>span span,
  .switch-holo label {
    font-size: 85%;
    line-height: 2.15625em;
  }

  .switch-holo a {
    background-color: #666;
    border-radius: 1px;
    box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0;
  }

  /* Selected ON switch-light
*/
  .switch-holo.switch-light input:checked~span a {
    background-color: #0E88B1;
  }

  .switch-holo.switch-light input:checked~span span:first-of-type {
    opacity: 0;
  }

  .switch-holo.switch-light input:checked~span span:last-of-type {
    opacity: 1;
  }

  /* Material Theme
 */
  /* switch-light
 */
  .switch-light.switch-material a {
    top: -0.1875em;
    width: 1.75em;
    height: 1.75em;
    border-radius: 50%;
    background: #fafafa;
    box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: right .28s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: right .28s cubic-bezier(.4, 0, .2, 1);
    transition: right .28s cubic-bezier(.4, 0, .2, 1);
  }

  .switch-material.switch-light {
    overflow: visible;
  }

  .switch-material.switch-light::after {
    clear: both;
    content: "";
    display: table;
  }

  .switch-material.switch-light>span {
    overflow: visible;
    position: relative;
    top: 0.1875em;
    width: 3.25em;
    height: 1.5em;
    min-height: auto;
    border-radius: 1em;
    background: rgba(0, 0, 0, 0.26);
  }

  .switch-material.switch-light span span {
    position: absolute;
    clip: rect(0 0 0 0);
  }

  .switch-material.switch-light input:checked~span a {
    right: 0;
    background: #3f51b5;
    box-shadow: 0 0.1875em 0.25em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.1875em -0.125em rgba(0, 0, 0, 0.2), 0 0.0625em 0.375em 0 rgba(0, 0, 0, 0.12);
  }

  .switch-material.switch-light input:checked~span {
    background: rgba(63, 81, 181, 0.5);
  }

  /* switch-toggle
 */
  .switch-toggle.switch-material {
    overflow: visible;
  }

  .switch-toggle.switch-material::after {
    clear: both;
    content: "";
    display: table;
  }

  .switch-toggle.switch-material a {
    top: 48%;
    width: 0.375em !important;
    height: 0.375em;
    margin-left: 0.25em;
    background: #3f51b5;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.4s ease-in;
    -moz-transition: -moz-transform 0.4s ease-in;
    transition: transform 0.4s ease-in;
  }

  .switch-toggle.switch-material label {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1em;
  }

  .switch-toggle.switch-material label:before {
    content: '';
    position: absolute;
    top: 48%;
    left: 0;
    display: block;
    width: 0.875em;
    height: 0.875em;
    border-radius: 100%;
    border: 0.125em solid rgba(0, 0, 0, 0.54);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .switch-toggle.switch-material input:checked+label:before {
    border-color: #3f51b5;
  }

  /* ripple
 */
  .switch-light.switch-material>span:before,
  .switch-light.switch-material>span:after,
  .switch-toggle.switch-material label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 4em;
    height: 4em;
    border-radius: 100%;
    background: #3f51b5;
    opacity: .4;
    margin-left: -1.25em;
    margin-top: -1.25em;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
  }

  .switch-light.switch-material>span:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -1.25em;
  }

  .switch-toggle.switch-material label:after {
    width: 3.25em;
    height: 3.25em;
    margin-top: -0.75em;
  }

  @-webkit-keyframes materialRipple {
    0% {
      -webkit-transform: scale(0);
    }

    20% {
      -webkit-transform: scale(1);
    }

    100% {
      opacity: 0;
      -webkit-transform: scale(1);
    }
  }

  @-moz-keyframes materialRipple {
    0% {
      -moz-transform: scale(0);
    }

    20% {
      -moz-transform: scale(1);
    }

    100% {
      opacity: 0;
      -moz-transform: scale(1);
    }
  }

  @keyframes materialRipple {
    0% {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
    }

    20% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }

    100% {
      opacity: 0;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }

  .switch-material.switch-light input:not(:checked)~span:after,
  .switch-material.switch-light input:checked~span:before,
  .switch-toggle.switch-material input:checked+label:after {
    -webkit-animation: materialRipple .4s ease-in;
    -moz-animation: materialRipple .4s ease-in;
    animation: materialRipple .4s ease-in;
  }

  /* trick to prevent the default checked ripple animation from showing
 * when the page loads.
 * the ripples are hidden by default, and shown only when the input is focused.
 */
  .switch-light.switch-material.switch-light input~span:before,
  .switch-light.switch-material.switch-light input~span:after,
  .switch-material.switch-toggle input+label:after {
    visibility: hidden;
  }

  .switch-light.switch-material.switch-light input:focus:checked~span:before,
  .switch-light.switch-material.switch-light input:focus:not(:checked)~span:after,
  .switch-material.switch-toggle input:focus:checked+label:after {
    visibility: visible;
  }
}

/* Bugfix for older Webkit, including mobile Webkit. Adapted from
 * http://css-tricks.com/webkit-sibling-bug/
 */
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {

  .switch-light,
  .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s;
  }
}

@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

/*# sourceMappingURL=toggle-switch.css.map */
.tooltipCustom {
  position: relative;
  display: inline-block;
}

.tooltipCustom .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}

.tooltipCustom .tooltiptextTop::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltipCustom:hover .tooltiptextTop {
  visibility: visible;
  opacity: 1;
}

.tooltipCustom .tooltiptextLeft {
  visibility: hidden;
  width: 240px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 115%;
  opacity: 0;
  transition: opacity 1s;
}

.tooltipCustom .tooltiptextLeft::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;
}

.tooltipCustom:hover .tooltiptextLeft {
  visibility: visible;
  opacity: 1;
}

.img-zoom-hover {
  position: relative;
  display: inline-block;
}

.img-zoom-hover:hover::after {
  content: "\1F441";
  /* Unicode for the eye icon */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 3em;
  /* Adjust the font size as needed */
  color: rgba(0, 0, 0, 0.7);
  /* White color with 50% opacity */
  text-align: center;
  /* Center the icon vertically */
  z-index: 1;
  /* Ensure the icon is above the image */
}

label {
  cursor: pointer;
}

.btn-header-link:after {
  content: "\2B9F";
  float: right;
}

.btn-header-link.collapsed:after {
  content: "\2B9E";
}

.disabled-date-future {
  background-color: #f8d7da;
  color: #721c24;
  cursor: not-allowed !important;
  position: relative;
}

/* Tooltip styling */
.disabled-date-future::after {
  content: "Cannot this future date";
  /* Tooltip text */
  position: absolute;
  top: -30px;
  /* Position above the grid */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 0px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 10;
}

/* Optional arrow for tooltip */
.disabled-date-future::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 10;
}

/* Show tooltip on hover */
.disabled-date-future:hover::after,
.disabled-date-future:hover::before {
  opacity: 1;
}

.disabled-date-subscription {
  background-color: #f8d7da;
  color: #721c24;
  cursor: not-allowed !important;
  position: relative;
}

/* Tooltip styling */
.disabled-date-subscription::after {
  content: "Upgrade your Cloud Service to view more data";
  /* Tooltip text */
  position: absolute;
  top: -30px;
  /* Position above the grid */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 0px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 10;
}

/* Optional arrow for tooltip */
.disabled-date-subscription::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 10;
}

/* Show tooltip on hover */
.disabled-date-subscription:hover::after,
.disabled-date-subscription:hover::before {
  opacity: 1;
}

p.tipsuccess {
  border-bottom-right-radius: 1em;
  border-top-right-radius: 1em;
  border-left: 4px solid #28a745;
  margin: 1em 0;
  padding: 12px 24px 12px 30px;
  position: relative;
}

p.tipsuccess,
.markdown-section tr:nth-child(2n) {
  background-color: #d6ffd6;
}

p.tipsuccess:before {
  background-color: #20a33f;
  border-radius: 100%;
  color: #fff;
  content: "✓";
  font-family: Dosis, Source Sans Pro, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  left: -12px;
  line-height: 20px;
  position: absolute;
  height: 20px;
  width: 20px;
  text-align: center;
  top: 14px;
}

p.tipinfo {
  border-bottom-right-radius: 1em;
  border-top-right-radius: 1em;
  border-left: 4px solid #138496;
  padding: 12px 24px 12px 30px;
  position: relative;
  font-size: small
}

p.tipinfo,
.markdown-section tr:nth-child(2n) {
  background-color: #d6f5ff;
}

p.tipinfo:before {
  background-color: #0e7e8f;
  border-radius: 100%;
  color: #fff;
  content: "i";
  font-family: Dosis, Source Sans Pro, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  left: -12px;
  line-height: 20px;
  position: absolute;
  height: 20px;
  width: 20px;
  text-align: center;
  top: 14px;
}

p.tipdanger {
  border-bottom-right-radius: 1em;
  border-top-right-radius: 1em;
  border-left: 4px solid rgb(255, 125, 102);
  margin: 1em 0;
  padding: 12px 24px 12px 30px;
  position: relative;
}

p.tipdanger,
.markdown-section tr:nth-child(2n) {
  background-color: #ffd6d6;
}

p.tipdanger:before {
  background-color: rgb(255, 120, 102);
  border-radius: 100%;
  color: #fff;
  content: "X";
  font-family: Dosis, Source Sans Pro, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  left: -12px;
  line-height: 20px;
  position: absolute;
  height: 20px;
  width: 20px;
  text-align: center;
  top: 14px;
}

p.tipwarning {
  border-bottom-right-radius: 1em;
  border-top-right-radius: 1em;
  border-left: 4px solid rgb(255, 171, 102);
  margin: 1em 0;
  padding: 12px 24px 12px 30px;
  position: relative;
}

p.tipwarning,
.markdown-section tr:nth-child(2n) {
  background-color: #ffe8d6;
}

p.tipwarning:before {
  background-color: rgb(255, 171, 102);
  border-radius: 100%;
  color: #fff;
  content: "!";
  font-family: Dosis, Source Sans Pro, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  left: -12px;
  line-height: 20px;
  position: absolute;
  height: 20px;
  width: 20px;
  text-align: center;
  top: 14px;
}

.is-active {
  z-index: 100 !important;
}

/* Start and end dates */
.litepicker .day-item.is-start-date,
.litepicker .day-item.is-end-date {
  background-color: #9c0eaf !important;
  color: white !important;
}

/* In-between range dates */
.litepicker .day-item.is-in-range {
  background-color: #e69af0 !important;
  color: black !important;
}

.litepicker .day-item.is-in-range-hover {
  background-color: #51ff00 !important;
  color: black !important;
}


@media (min-width: 1200px) {
  .rounded-xl-start {
    border-top-left-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important;
    border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
  }
}

@media (min-width: 1200px) {
  .rounded-xl-end {
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important;
    border-top-left-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important;
  }
}

.choices__item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.choices__inner {
    overflow: hidden;
}