@import url(https://fonts.googleapis.com/css?family=Asap:300,400,500);
@import url(https://fonts.googleapis.com/css?family=Oxygen:700);
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}/*# sourceMappingURL=dropzone.css.map */

/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.simplebar-content-wrapper {
  scroll-snap-type: x mandatory;
}

.scroll-wrap {
  display: flex;
  flex-wrap: nowrap;
  padding: 1rem 0;
  align-items: stretch;
}
.scroll-wrap > * {
  flex: 0 0 auto;
  width: min(25rem, 80vw);
  position: relative;
  scroll-snap-align: start;
  display: flex;
}
.scroll-wrap > *:not(:last-of-type) {
  margin-right: 1rem;
}

html {
  font-size: 16px;
  color: #393939;
}

* {
  font-family: "Asap", sans-serif;
  text-rendering: optimizeLegibility;
}

p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  max-width: 35rem;
}

h1, h2, h3, h3 .accordion-btn, h4, h5, h6 {
  color: #272727;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
h1.center, h2.center, h3.center, h3 .center.accordion-btn, h4.center, h5.center, h6.center {
  text-align: center;
}

h1 {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

h2 {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

h3, h3 .accordion-btn {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

h4 {
  color: red;
}

a {
  color: #d19e46;
  text-decoration: underline;
}

@media (max-width: 430px) {
  html {
    font-size: 15.25px;
  }
  h2 {
    font-size: 1.3rem;
  }
}
/* Helper Classes */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.sticky-top {
  position: sticky !important;
  top: 1rem;
  z-index: 2;
}

/* This adds extra bottom padding on mobile browsers */
.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

.divider {
  width: 100%;
  height: 1px;
  background: #E6E6E7;
  margin: 2rem 0;
}

.mg-0 {
  margin: 0;
}

html {
  width: 100vw;
}

body {
  margin: 0;
  color-scheme: dark;
  background: #1E1F23;
}

/** On tablet and smaller we use the same color for backdrop and top nav bar **/
@media only screen and (max-width: 1200px) {
  body {
    background: #2B2C31;
  }
}
* {
  box-sizing: border-box;
  hyphens: auto;
}

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

/** Fix ng-if and ng-show taking seconds to respond **/
.ng-animate.no-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}

/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.accordion {
  border-bottom: 1px solid #E6E6E7;
  padding: 0.5em 0;
  margin: 0.5em 0 0;
}
.accordion .accordion-toggle {
  padding: 0.5em 0;
  position: relative;
  color: #3b3737;
  cursor: pointer;
  font-weight: 600;
}
.accordion .accordion-toggle:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #3b3737;
  right: 1em;
}
.accordion .accordion-toggle.active:after {
  transform: rotate(180deg) translateY(-50%);
  top: auto;
  bottom: 50%;
}
.accordion .inner {
  overflow-y: auto;
  transition: all linear 0.5s;
  padding: 0 1em;
}
.accordion .inner.ng-hide-add, .accordion .inner.ng-hide-remove {
  max-height: 20em;
}
.accordion .inner.ng-hide {
  max-height: 0;
  opacity: 0;
}

.accordion-list .accordion:last-child {
  border-bottom: none;
}

h3 .accordion-btn {
  appearance: none;
  background: none;
  border: none;
  color: #3b3737;
  font-size: 1em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
h3 .accordion-btn:hover {
  text-decoration: underline;
}
h3 .accordion-btn svg {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #484343;
  font-size: 1rem;
  margin-right: 1rem;
}

.alert-box {
  position: relative;
  max-width: 40em;
  margin: 0 auto;
  border-radius: 0.5em;
  background-color: #fffdf5;
  overflow: hidden;
  width: 100%;
}
.alert-box.error {
  background-color: #feefef;
}
.alert-box.error .icon-wrap {
  background-color: #f87676;
}
.alert-box.error:after {
  background: linear-gradient(0deg, #feefef 0%, rgba(0, 212, 255, 0) 100%);
}
.alert-box.success {
  background-color: #a3d2ad;
}
.alert-box.success .icon-wrap {
  background-color: #51a562;
}
.alert-box.success:after {
  background: linear-gradient(0deg, #a3d2ad 0%, rgba(0, 212, 255, 0) 100%);
}
.alert-box .icon-wrap {
  background: #f8c276;
  color: #fff;
  position: relative;
  padding: 1em;
  z-index: 101;
}
.alert-box .icon-wrap svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.alert-box .text-wrap {
  padding: 1em;
  max-height: 13em;
  overflow-y: auto;
  position: relative;
}
.alert-box .text-wrap h3, .alert-box .text-wrap h3 .accordion-btn, h3 .alert-box .text-wrap .accordion-btn {
  font-size: 1em;
  margin: 0.75em 0;
}
.alert-box .text-wrap span {
  font-weight: 600;
  opacity: 0.7;
  font-size: 0.9em;
  color: #3b3737 !important;
}
.alert-box .text-wrap p {
  margin: 1em 0 0 !important;
  padding: 0 !important;
}
.alert-box:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1em;
  background: linear-gradient(0deg, #fffdf5 0%, rgba(0, 212, 255, 0) 100%);
  pointer-events: none;
  z-index: 100;
}
.alert-box .open-overlay {
  cursor: pointer;
}

.panel-form .alert-box .row, .exports .export-review .alert-box .row {
  margin: 0;
}

@media only screen and (max-width: 430px) {
  .alert-box .text-wrap {
    max-height: 30em;
  }
}
.box-wrap {
  max-width: 60rem;
  margin: 0 auto;
}
.box-wrap.full-width {
  max-width: none;
}

.boxM {
  background: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
}

.boxL {
  background: #fff;
  width: 100%;
  box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
  padding: 2.25rem;
  border-radius: 1.5rem;
  margin: 0 0 2rem;
  position: relative;
  overflow: hidden;
}

.boxL .boxM:not(:last-of-type),
.boxNone .boxM:not(:last-of-type) {
  margin-bottom: 1rem;
}
.boxL .flag,
.boxNone .flag {
  border-top-right-radius: 1.5rem;
  position: absolute;
  right: 0;
  top: 0;
  background: #d19e46;
  color: #fff;
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
}
.boxL .intro,
.boxNone .intro {
  margin: 0 0 2rem;
}
.boxL .intro h2, .boxL .intro h3, .boxL .intro h3 .accordion-btn, h3 .boxL .intro .accordion-btn,
.boxNone .intro h2,
.boxNone .intro h3,
.boxNone .intro h3 .accordion-btn,
h3 .boxNone .intro .accordion-btn {
  margin: 0 0 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boxL .intro p,
.boxNone .intro p {
  color: #7d7474;
  line-height: 1.5em;
  font-size: 0.9rem;
}
.boxL p.subtitle,
.boxNone p.subtitle {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #6c6c6c;
  margin-bottom: 2rem;
}
.boxL p.subtitle.emphasis,
.boxNone p.subtitle.emphasis {
  font-weight: 500;
}
.boxL div.subtitle,
.boxNone div.subtitle {
  margin: 2rem 0 2rem;
}
.boxL div.subtitle h3, .boxL div.subtitle h3 .accordion-btn, h3 .boxL div.subtitle .accordion-btn,
.boxNone div.subtitle h3,
.boxNone div.subtitle h3 .accordion-btn,
h3 .boxNone div.subtitle .accordion-btn {
  margin: 0 0 1rem;
}
.boxL.ghost,
.boxNone.ghost {
  position: relative;
  overflow: hidden;
}
.boxL.ghost:before,
.boxNone.ghost:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}
.boxL.ghost h1, .boxL.ghost h2, .boxL.ghost h3, .boxL.ghost h3 .accordion-btn, h3 .boxL.ghost .accordion-btn,
.boxNone.ghost h1,
.boxNone.ghost h2,
.boxNone.ghost h3,
.boxNone.ghost h3 .accordion-btn,
h3 .boxNone.ghost .accordion-btn {
  background: #E6E6E7;
  color: #E6E6E7;
}
.boxL.ghost .ghost-block,
.boxNone.ghost .ghost-block {
  display: block;
  padding: 1rem;
  background: #E6E6E7;
  margin: 0.5rem 0;
}
.boxL.ghost .ghost-block.x2,
.boxNone.ghost .ghost-block.x2 {
  padding: 2rem;
}
.boxL.ghost .ghost-block.x3,
.boxNone.ghost .ghost-block.x3 {
  padding: 3rem;
}
.boxL.ghost .ghost-block.x4,
.boxNone.ghost .ghost-block.x4 {
  padding: 4rem;
}

dl.box-list {
  display: flex;
  flex-wrap: wrap;
}
dl.box-list dt,
dl.box-list dd {
  margin: 0 0 1.5rem;
}
dl.box-list dt {
  max-width: 20rem;
  width: 35%;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
}
dl.box-list dd {
  width: 65%;
}

.section-divider {
  height: 1rem;
  border-top: 1px solid #E6E6E7;
  margin: 2rem 0;
}

.box-divider {
  margin-top: -2rem;
  position: relative;
}
.box-divider span {
  margin-left: 2rem;
  padding-left: 2rem;
  display: flex;
  align-items: center;
  height: 100%;
  border-left: 2px solid #E6E6E7;
  min-height: 8rem;
  font-weight: 600;
  font-size: 0.9rem;
}
.box-divider span svg {
  margin-right: 1rem;
}

@media only screen and (max-width: 430px) {
  .boxL {
    background: #fff;
    width: 100%;
    box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
    padding: 2.25rem;
    border-radius: 1.5rem;
    margin: 0 0 2rem;
    padding: 1.35rem 1.125rem;
  }
}
.btn-menu {
  display: flex;
  flex-direction: column;
}
.btn-menu button {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  border: none;
  padding: 1rem 0.25rem;
  border-radius: none;
  background: none;
  color: #393939;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  font-size: 0.9rem;
  font-weight: 700;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 0;
}
.btn-menu button:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-menu button:focus:not(:active):after {
  display: block;
}
.btn-menu button.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-menu button.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-menu button.light {
  background-color: #fff;
  color: #484343;
}
.btn-menu button.danger {
  background-color: #f87676;
}
.btn-menu button.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-menu button.circle svg {
  margin: 0;
}
.btn-menu button:disabled {
  cursor: not-allowed;
}
.btn-menu button:focus {
  outline: none;
}
.btn-menu button.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-menu button svg {
  margin-right: 0.5rem;
}
.btn-menu button:hover {
  background: #E6E6E7;
}
.btn-menu button span {
  display: block;
}
.btn-menu button span:nth-child(2) {
  font-weight: 300;
  font-size: 0.8em;
  color: #6c6c6c;
}

.btn-sending {
  padding-right: 2rem !important;
  transform: scale(1);
  opacity: 0.7;
}
.btn-sending:before {
  content: "";
  position: absolute;
  right: 0.5em;
  top: 50%;
  width: 1.5em;
  height: 1.5em;
  border: 3px solid;
  border-left-color: transparent;
  border-radius: 50%;
  animation: spin-top 4s linear infinite;
}
.btn-sending:after {
  display: none;
}

.btn-lvl1 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
}
.btn-lvl1:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl1:focus:not(:active):after {
  display: block;
}
.btn-lvl1.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl1.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl1.light {
  background-color: #fff;
  color: #484343;
}
.btn-lvl1.danger {
  background-color: #f87676;
}
.btn-lvl1.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl1.circle svg {
  margin: 0;
}
.btn-lvl1:disabled {
  cursor: not-allowed;
}
.btn-lvl1:focus {
  outline: none;
}
.btn-lvl1.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl1 svg {
  margin-right: 0.5rem;
}

.btn-lvl2 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #2B2C31;
  border: 1px solid #C1C1C3;
  color: #130e05;
  border-color: #130e05;
}
.btn-lvl2:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl2:focus:not(:active):after {
  display: block;
}
.btn-lvl2.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl2.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl2.light {
  background-color: #fff;
  color: #484343;
}
.btn-lvl2.danger {
  background-color: #f87676;
}
.btn-lvl2.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl2.circle svg {
  margin: 0;
}
.btn-lvl2:disabled {
  cursor: not-allowed;
}
.btn-lvl2:focus {
  outline: none;
}
.btn-lvl2.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl2 svg {
  margin-right: 0.5rem;
}
.btn-lvl2.disabled {
  background: #eeeeee !important;
  border-color: #C1C1C3 !important;
  color: #6E6F73 !important;
  border-style: dotted;
}
.btn-lvl2.light {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}

input::file-selector-button {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #1E1F23;
}
input::file-selector-button:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
input::file-selector-button:focus:not(:active):after {
  display: block;
}
input::file-selector-button.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
input::file-selector-button.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
input::file-selector-button.light {
  background-color: #fff;
  color: #484343;
}
input::file-selector-button.danger {
  background-color: #f87676;
}
input::file-selector-button.circle {
  padding: 0.8rem;
  width: 3rem;
}
input::file-selector-button.circle svg {
  margin: 0;
}
input::file-selector-button:disabled {
  cursor: not-allowed;
}
input::file-selector-button:focus {
  outline: none;
}
input::file-selector-button.inactive {
  background: #303137;
  color: #E6E6E7;
}
input::file-selector-button svg {
  margin-right: 0.5rem;
}

.btn-lvl3 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #1E1F23;
}
.btn-lvl3:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl3:focus:not(:active):after {
  display: block;
}
.btn-lvl3.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl3.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl3.light {
  background-color: #fff;
  color: #484343;
}
.btn-lvl3.danger {
  background-color: #f87676;
}
.btn-lvl3.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl3.circle svg {
  margin: 0;
}
.btn-lvl3:disabled {
  cursor: not-allowed;
}
.btn-lvl3:focus {
  outline: none;
}
.btn-lvl3.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl3 svg {
  margin-right: 0.5rem;
}
.btn-lvl3:hover {
  background: #C1C1C3;
  color: #1E1F23;
}
.btn-lvl3.light {
  background: none;
  color: #fff;
}
.btn-lvl3.light.active {
  background: #fff;
  color: #1E1F23;
}
.btn-lvl3.light.active:hover {
  background: #e6e6e6;
  color: #1E1F23;
}

.btn-fab {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  width: 58.5px;
  height: 58.5px;
  padding: 0.5rem;
  border-radius: 1.15rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  border: none;
}
.btn-fab:hover {
  opacity: 0.9;
}
.btn-fab:hover .icon svg {
  transform: scale(1.05) translate(-50%, -50%);
}
.btn-fab svg {
  font-size: 1.4rem;
  color: #1E1F23;
}
.btn-fab.sec {
  background-color: #2B2C31;
  font-size: 1em;
}
.btn-fab:active {
  background: #1E1F23;
}

.btn-backdrop-lvl1, .btn-backdrop-lvl3, .btn-backdrop-lvl2 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 2em;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  transition: all ease-in-out 0.15s;
  color: #1E1F23;
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
}
.btn-backdrop-lvl1:after, .btn-backdrop-lvl3:after, .btn-backdrop-lvl2:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-backdrop-lvl1:focus:not(:active):after, .btn-backdrop-lvl3:focus:not(:active):after, .btn-backdrop-lvl2:focus:not(:active):after {
  display: block;
}
.btn-backdrop-lvl1 svg, .btn-backdrop-lvl3 svg, .btn-backdrop-lvl2 svg {
  font-size: 1.2rem;
  margin: 0 0.4em;
}
.btn-backdrop-lvl1:hover, .btn-backdrop-lvl3:hover, .btn-backdrop-lvl2:hover {
  opacity: 0.9;
}
.btn-backdrop-lvl1:hover span, .btn-backdrop-lvl3:hover span, .btn-backdrop-lvl2:hover span {
  opacity: 1;
}

.btn-backdrop-lvl2 {
  color: #d9bc6c;
  border: 2.4px solid #d6a95a;
  background: none;
}
.btn-backdrop-lvl2 span {
  color: #fff;
  color: #d9bc6c;
}

.btn-backdrop-lvl3 {
  color: #fff;
  border: 2.4px solid transparent;
  background: none;
}
.btn-backdrop-lvl3.small {
  font-size: 0.7rem;
}
.btn-backdrop-lvl3 span {
  color: #fff;
}
.btn-backdrop-lvl3.active {
  background-color: #fff;
  color: #2B2C31;
  text-decoration: none;
}

.btn-tgl {
  position: relative;
  width: 4em;
  height: 2em;
  border-radius: 1em;
  background: #1E1F23;
  border: none;
  display: inline-block;
  cursor: pointer;
}
.btn-tgl:before {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1.5em;
  content: "";
  display: block;
  background: #fff;
  z-index: 2;
  width: 1.5em;
  border-radius: 50%;
  transform: translateY(-50%) translateX(0.2em);
  transition: all 0.15s ease-in-out;
}
.btn-tgl.active {
  background: #d6a95a;
}
.btn-tgl.active:before {
  transform: translateY(-50%) translateX(2.2em);
}

.btn-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.btn-wrap button:not(.btn-icon),
.btn-wrap a {
  margin: 0.1em;
}
.btn-wrap button:not(.btn-icon):not(:last-child),
.btn-wrap a:not(:last-child) {
  margin-right: 0.5rem;
}
.btn-wrap.left {
  justify-content: flex-start;
}
.btn-wrap.center {
  width: 100%;
  justify-content: center;
}
.btn-wrap.v-center {
  align-items: center;
}
.btn-wrap.right {
  justify-content: flex-end;
}

.btn-icon {
  background: #fff;
  border: 1px solid #E6E6E7;
  color: #1E1F23;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
}
.btn-icon:hover {
  background: #E6E6E7;
}

@media (hover: hover) {
  .btn-backdrop:hover {
    background-color: #fff;
    color: #2B2C31;
    text-decoration: none;
  }
  .btn-backdrop:hover span {
    color: #2B2C31;
  }
  .btn-lvl1:hover {
    text-decoration: none;
    color: #fff;
    background-color: #4F5055;
  }
  .btn-lvl1.light:hover {
    background-color: #d6a95a;
  }
  .btn-lvl1.danger:hover {
    background-color: #f64545;
  }
  .btn-lvl2:hover {
    background: none;
    color: #d6a95a;
    border-color: #d6a95a;
  }
  .btn-lvl2.light:hover {
    color: #d6a95a;
    border-color: #d6a95a;
    background: none;
  }
  .btn-lvl3.light:hover {
    background: none;
    color: #d6a95a;
  }
  .btn-fab:hover {
    background-color: #d19e46;
  }
}
@media only screen and (max-width: 1024px) {
  .btn-lvl1 {
    padding: 0.8em 1.6em;
  }
}
@media only screen and (max-width: 430px) {
  .btn-wrap {
    justify-content: center;
  }
}
@keyframes spin-top {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(10);
  }
}
.color-tag {
  font-size: 0.9rem;
  display: inline-flex;
  position: relative;
  align-items: center;
}
.color-tag > * {
  margin-left: 0.2rem;
}
.color-tag .color-circle {
  font-size: 1rem;
  margin-left: 0.25rem;
}
.color-tag.OTHER .color-circle svg {
  visibility: hidden;
}
.color-tag.BEIGE .color-circle svg {
  color: #f5edd0;
}
.color-tag.BLACK .color-circle svg {
  color: #000;
}
.color-tag.BLUE .color-circle svg {
  color: #d0e7f5;
}
.color-tag.BROWN .color-circle svg {
  color: #41210f;
}
.color-tag.GOLD .color-circle svg {
  color: #d19e46;
}
.color-tag.GREEN .color-circle svg {
  color: #cbeee2;
}
.color-tag.GREY .color-circle svg {
  color: #6E6F73;
}
.color-tag.ORANGE .color-circle svg {
  color: #ffe3c1;
}
.color-tag.PURPLE .color-circle svg {
  color: #b052d8;
}
.color-tag.RED .color-circle svg {
  color: #ffe5e5;
}
.color-tag.SILVER .color-circle svg {
  color: #C1C1C3;
}
.color-tag.WHITE .color-circle svg {
  color: #fff;
}
.color-tag.YELLOW .color-circle svg {
  color: #ebda7a;
}

.backdrop-overlay-form {
  max-width: none;
  padding: 2rem 2vw;
}
.backdrop-overlay-form h3, .backdrop-overlay-form h3 .accordion-btn, h3 .backdrop-overlay-form .accordion-btn {
  margin: 0 0 1.5rem;
}
.backdrop-overlay-form h4 {
  margin: 1.5rem 0;
}
.backdrop-overlay-form span.description {
  color: #7d7474;
}
.backdrop-overlay-form .divider {
  height: 1px;
  background: #E6E6E7;
  width: 100%;
  margin: 2rem 0;
}

form.default-form h1 {
  color: #3b3737;
}
form.default-form .group {
  padding: 0.75rem 0.75rem 0.25rem;
  border: 2px solid #f3f3f3;
  border-radius: 0.5rem;
  margin-bottom: 2rem;
  position: relative;
}
form.default-form .group > .row {
  margin-bottom: 0;
  padding-bottom: 0;
}
form.default-form .group:before {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  position: absolute;
  background: #fff;
  left: 1rem;
  top: -1.25rem;
  padding: 0.5rem;
  content: attr(data-group-name);
  color: #6c6c6c;
}
form.default-form .row {
  margin: 1rem 0 0.5rem;
  padding: 0 0 0.5rem;
}
form.default-form .row.checkbox-row {
  margin: 0;
}
form.default-form span.checkbox-subtitle {
  margin: 0.5rem 0 0.3333333333rem;
  font-weight: 600;
}

@media only screen and (max-width: 430px) {
  form.default-form .row {
    margin: 0.3333333333rem 0 0.25rem;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
form .input-wrap input[type=text],
form .input-wrap input[type=number],
form .input-wrap input[type=file],
form .input-wrap input[type=password],
form .input-wrap input[type=email],
form .input-wrap textarea,
form .input-wrap select {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #393939;
  width: 100%;
  display: block;
  padding: 0;
  border: none;
  border: 2px solid #d9dade;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  resize: none;
}
form .input-wrap input[type=text]:focus, form .input-wrap input[type=text]:active, form .input-wrap input[type=text]:focus:hover, form .input-wrap input[type=text]:active:hover,
form .input-wrap input[type=number]:focus,
form .input-wrap input[type=number]:active,
form .input-wrap input[type=number]:focus:hover,
form .input-wrap input[type=number]:active:hover,
form .input-wrap input[type=file]:focus,
form .input-wrap input[type=file]:active,
form .input-wrap input[type=file]:focus:hover,
form .input-wrap input[type=file]:active:hover,
form .input-wrap input[type=password]:focus,
form .input-wrap input[type=password]:active,
form .input-wrap input[type=password]:focus:hover,
form .input-wrap input[type=password]:active:hover,
form .input-wrap input[type=email]:focus,
form .input-wrap input[type=email]:active,
form .input-wrap input[type=email]:focus:hover,
form .input-wrap input[type=email]:active:hover,
form .input-wrap textarea:focus,
form .input-wrap textarea:active,
form .input-wrap textarea:focus:hover,
form .input-wrap textarea:active:hover,
form .input-wrap select:focus,
form .input-wrap select:active,
form .input-wrap select:focus:hover,
form .input-wrap select:active:hover {
  border-color: #d6a95a;
  box-shadow: 0 0px 4rem rgba(214, 169, 90, 0.08);
}
form .input-wrap input[type=text]:hover,
form .input-wrap input[type=number]:hover,
form .input-wrap input[type=file]:hover,
form .input-wrap input[type=password]:hover,
form .input-wrap input[type=email]:hover,
form .input-wrap textarea:hover,
form .input-wrap select:hover {
  border-color: #bebfc6;
}
form .input-wrap input[type=text]:disabled,
form .input-wrap input[type=number]:disabled,
form .input-wrap input[type=file]:disabled,
form .input-wrap input[type=password]:disabled,
form .input-wrap input[type=email]:disabled,
form .input-wrap textarea:disabled,
form .input-wrap select:disabled {
  border-style: dotted;
}

.checkbox-wrap .radio,
.checkbox-wrap .checkbox,
.radio-wrap .radio,
.radio-wrap .checkbox {
  position: relative;
  padding: 0;
  border-right: 1rem solid transparent;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
}
.checkbox-wrap .radio input,
.checkbox-wrap .checkbox input,
.radio-wrap .radio input,
.radio-wrap .checkbox input {
  position: absolute;
  left: -9999999px;
}
.checkbox-wrap .radio input + label,
.checkbox-wrap .checkbox input + label,
.radio-wrap .radio input + label,
.radio-wrap .checkbox input + label {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  padding: 1rem 1rem 1rem 3rem;
  border-radius: 0.5rem;
  border: 2px solid #d9dade;
  cursor: pointer;
  display: block;
  background: #fff;
  user-select: none;
  display: flex;
  height: 100%;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.checkbox-wrap .radio input + label small,
.checkbox-wrap .checkbox input + label small,
.radio-wrap .radio input + label small,
.radio-wrap .checkbox input + label small {
  margin-left: 0.25rem;
  color: #6c6c6c;
}
.checkbox-wrap .radio input + label svg,
.checkbox-wrap .checkbox input + label svg,
.radio-wrap .radio input + label svg,
.radio-wrap .checkbox input + label svg {
  margin-left: 0.25rem;
  color: #6E6F73;
}
.checkbox-wrap .radio input + label span,
.checkbox-wrap .checkbox input + label span,
.radio-wrap .radio input + label span,
.radio-wrap .checkbox input + label span {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: block;
  color: #6c6c6c;
  width: 100%;
}
.checkbox-wrap .radio input + label span.emphasis,
.checkbox-wrap .checkbox input + label span.emphasis,
.radio-wrap .radio input + label span.emphasis,
.radio-wrap .checkbox input + label span.emphasis {
  font-weight: 500;
}
.checkbox-wrap .radio input + label:hover,
.checkbox-wrap .checkbox input + label:hover,
.radio-wrap .radio input + label:hover,
.radio-wrap .checkbox input + label:hover {
  border-color: #bebfc6;
}
.checkbox-wrap .radio input:checked + label,
.checkbox-wrap .checkbox input:checked + label,
.radio-wrap .radio input:checked + label,
.radio-wrap .checkbox input:checked + label {
  background: #fdfaf5;
  border-color: #d6a95a;
}
.checkbox-wrap .radio input:disabled + label,
.checkbox-wrap .checkbox input:disabled + label,
.radio-wrap .radio input:disabled + label,
.radio-wrap .checkbox input:disabled + label {
  cursor: not-allowed;
  border-style: dotted;
  opacity: 0.8;
}
.checkbox-wrap .radio input:disabled + label:hover,
.checkbox-wrap .checkbox input:disabled + label:hover,
.radio-wrap .radio input:disabled + label:hover,
.radio-wrap .checkbox input:disabled + label:hover {
  border-color: #d9dade;
}
.checkbox-wrap .radio input:checked:disabled + label:hover,
.checkbox-wrap .checkbox input:checked:disabled + label:hover,
.radio-wrap .radio input:checked:disabled + label:hover,
.radio-wrap .checkbox input:checked:disabled + label:hover {
  border-color: #d6a95a;
}
.checkbox-wrap .radio input + label:before,
.radio-wrap .radio input + label:before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNTEyIDI1NkM1MTIgMzk3LjQgMzk3LjQgNTEyIDI1NiA1MTJDMTE0LjYgNTEyIDAgMzk3LjQgMCAyNTZDMCAxMTQuNiAxMTQuNiAwIDI1NiAwQzM5Ny40IDAgNTEyIDExNC42IDUxMiAyNTZ6TTI1NiA0OEMxNDEuMSA0OCA0OCAxNDEuMSA0OCAyNTZDNDggMzcwLjkgMTQxLjEgNDY0IDI1NiA0NjRDMzcwLjkgNDY0IDQ2NCAzNzAuOSA0NjQgMjU2QzQ2NCAxNDEuMSAzNzAuOSA0OCAyNTYgNDh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNTEyIDI1NkM1MTIgMzk3LjQgMzk3LjQgNTEyIDI1NiA1MTJDMTE0LjYgNTEyIDAgMzk3LjQgMCAyNTZDMCAxMTQuNiAxMTQuNiAwIDI1NiAwQzM5Ny40IDAgNTEyIDExNC42IDUxMiAyNTZ6TTI1NiA0OEMxNDEuMSA0OCA0OCAxNDEuMSA0OCAyNTZDNDggMzcwLjkgMTQxLjEgNDY0IDI1NiA0NjRDMzcwLjkgNDY0IDQ2NCAzNzAuOSA0NjQgMjU2QzQ2NCAxNDEuMSAzNzAuOSA0OCAyNTYgNDh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  background-color: #d9dade;
  font-size: 1.35rem;
}
.checkbox-wrap .radio input:checked + label:before,
.radio-wrap .radio input:checked + label:before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCAyNTZDMCAxMTQuNiAxMTQuNiAwIDI1NiAwQzM5Ny40IDAgNTEyIDExNC42IDUxMiAyNTZDNTEyIDM5Ny40IDM5Ny40IDUxMiAyNTYgNTEyQzExNC42IDUxMiAwIDM5Ny40IDAgMjU2ek0yNTYgMzUyQzMwOSAzNTIgMzUyIDMwOSAzNTIgMjU2QzM1MiAyMDIuMSAzMDkgMTYwIDI1NiAxNjBDMjAyLjEgMTYwIDE2MCAyMDIuMSAxNjAgMjU2QzE2MCAzMDkgMjAyLjEgMzUyIDI1NiAzNTJ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCAyNTZDMCAxMTQuNiAxMTQuNiAwIDI1NiAwQzM5Ny40IDAgNTEyIDExNC42IDUxMiAyNTZDNTEyIDM5Ny40IDM5Ny40IDUxMiAyNTYgNTEyQzExNC42IDUxMiAwIDM5Ny40IDAgMjU2ek0yNTYgMzUyQzMwOSAzNTIgMzUyIDMwOSAzNTIgMjU2QzM1MiAyMDIuMSAzMDkgMTYwIDI1NiAxNjBDMjAyLjEgMTYwIDE2MCAyMDIuMSAxNjAgMjU2QzE2MCAzMDkgMjAyLjEgMzUyIDI1NiAzNTJ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  background-color: #d6a95a;
  box-shadow: 0 0px 4rem rgba(214, 169, 90, 0.08);
}
.checkbox-wrap .checkbox input + label:before,
.radio-wrap .checkbox input + label:before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzg0IDMyQzQxOS4zIDMyIDQ0OCA2MC42NSA0NDggOTZWNDE2QzQ0OCA0NTEuMyA0MTkuMyA0ODAgMzg0IDQ4MEg2NEMyOC42NSA0ODAgMCA0NTEuMyAwIDQxNlY5NkMwIDYwLjY1IDI4LjY1IDMyIDY0IDMySDM4NHpNMzg0IDgwSDY0QzU1LjE2IDgwIDQ4IDg3LjE2IDQ4IDk2VjQxNkM0OCA0MjQuOCA1NS4xNiA0MzIgNjQgNDMySDM4NEMzOTIuOCA0MzIgNDAwIDQyNC44IDQwMCA0MTZWOTZDNDAwIDg3LjE2IDM5Mi44IDgwIDM4NCA4MHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzg0IDMyQzQxOS4zIDMyIDQ0OCA2MC42NSA0NDggOTZWNDE2QzQ0OCA0NTEuMyA0MTkuMyA0ODAgMzg0IDQ4MEg2NEMyOC42NSA0ODAgMCA0NTEuMyAwIDQxNlY5NkMwIDYwLjY1IDI4LjY1IDMyIDY0IDMySDM4NHpNMzg0IDgwSDY0QzU1LjE2IDgwIDQ4IDg3LjE2IDQ4IDk2VjQxNkM0OCA0MjQuOCA1NS4xNiA0MzIgNjQgNDMySDM4NEMzOTIuOCA0MzIgNDAwIDQyNC44IDQwMCA0MTZWOTZDNDAwIDg3LjE2IDM5Mi44IDgwIDM4NCA4MHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  background-color: #d9dade;
  font-size: 1.35rem;
}
.checkbox-wrap .checkbox input:checked + label:before,
.radio-wrap .checkbox input:checked + label:before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzg0IDMyQzQxOS4zIDMyIDQ0OCA2MC42NSA0NDggOTZWNDE2QzQ0OCA0NTEuMyA0MTkuMyA0ODAgMzg0IDQ4MEg2NEMyOC42NSA0ODAgMCA0NTEuMyAwIDQxNlY5NkMwIDYwLjY1IDI4LjY1IDMyIDY0IDMySDM4NHpNMzM5LjggMjExLjhDMzUwLjcgMjAwLjkgMzUwLjcgMTgzLjEgMzM5LjggMTcyLjJDMzI4LjkgMTYxLjMgMzExLjEgMTYxLjMgMzAwLjIgMTcyLjJMMTkyIDI4MC40TDE0Ny44IDIzNi4yQzEzNi45IDIyNS4zIDExOS4xIDIyNS4zIDEwOC4yIDIzNi4yQzk3LjI3IDI0Ny4xIDk3LjI3IDI2NC45IDEwOC4yIDI3NS44TDE3Mi4yIDMzOS44QzE4My4xIDM1MC43IDIwMC45IDM1MC43IDIxMS44IDMzOS44TDMzOS44IDIxMS44eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzg0IDMyQzQxOS4zIDMyIDQ0OCA2MC42NSA0NDggOTZWNDE2QzQ0OCA0NTEuMyA0MTkuMyA0ODAgMzg0IDQ4MEg2NEMyOC42NSA0ODAgMCA0NTEuMyAwIDQxNlY5NkMwIDYwLjY1IDI4LjY1IDMyIDY0IDMySDM4NHpNMzM5LjggMjExLjhDMzUwLjcgMjAwLjkgMzUwLjcgMTgzLjEgMzM5LjggMTcyLjJDMzI4LjkgMTYxLjMgMzExLjEgMTYxLjMgMzAwLjIgMTcyLjJMMTkyIDI4MC40TDE0Ny44IDIzNi4yQzEzNi45IDIyNS4zIDExOS4xIDIyNS4zIDEwOC4yIDIzNi4yQzk3LjI3IDI0Ny4xIDk3LjI3IDI2NC45IDEwOC4yIDI3NS44TDE3Mi4yIDMzOS44QzE4My4xIDM1MC43IDIwMC45IDM1MC43IDIxMS44IDMzOS44TDMzOS44IDIxMS44eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  background-color: #d6a95a;
  box-shadow: 0 0px 4rem rgba(214, 169, 90, 0.08);
}

@media only screen and (max-width: 430px) {
  form .radio,
  form .checkbox {
    border: none !important;
  }
}
.label-wrap {
  display: flex;
  align-items: center;
}
.label-wrap span:first-child {
  font-weight: 700;
}

/** Text is to be shown optionally below a text input for addtional
information **/
span.supporting-text {
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1rem;
  color: #6c6c6c;
  display: block;
  margin: 0.25rem 0 0 1rem;
}
span.supporting-text.warning svg {
  color: #f8c276;
}

/** Container surrounding one single input. Contains the input
and the corresponding label. **/
form .input-wrap {
  position: relative;
  padding: 0;
  border-radius: 0.5rem;
  border-right: 1rem solid transparent;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
  /** Hide number input arrows **/
}
form .input-wrap > label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  color: #6c6c6c;
  display: block;
  position: absolute;
  opacity: 0;
  color: #6E6F73;
  transition: 0.2s ease-in-out transform;
  top: -0.8rem;
  left: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: #fff;
  border-radius: 0.5rem;
}
form .input-wrap > label small {
  font-size: 0.65rem;
}
form .input-wrap input:not(:placeholder-shown) + label,
form .input-wrap input:focus:not(:placeholder-shown) + label,
form .input-wrap textarea:not(:placeholder-shown) + label,
form .input-wrap textarea:focus:not(:placeholder-shown) + label,
form .input-wrap select:not(:placeholder-shown) + label,
form .input-wrap select:focus:not(:placeholder-shown) + label {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  transition: 0.2s ease-in-out transform;
}
form .input-wrap input::-webkit-outer-spin-button,
form .input-wrap input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form .input-wrap input[type=number] {
  -moz-appearance: textfield;
}
form .input-wrap input[type=file] {
  -moz-appearance: textfield;
}
form .input-wrap.select input[type=text],
form .input-wrap.select select {
  padding-right: 2rem;
}
form .input-wrap.select:before {
  display: none !important;
}
form .input-wrap.select:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
form .input-wrap.search:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMy4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDE2IDIwOGMwIDQ1LjktMTQuOSA4OC4zLTQwIDEyMi43TDUwMi42IDQ1Ny40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zcy0zMi44IDEyLjUtNDUuMyAwTDMzMC43IDM3NmMtMzQuNCAyNS4yLTc2LjggNDAtMTIyLjcgNDBDOTMuMSA0MTYgMCAzMjIuOSAwIDIwOFM5My4xIDAgMjA4IDBTNDE2IDkzLjEgNDE2IDIwOHpNMjA4IDM1MmExNDQgMTQ0IDAgMSAwIDAtMjg4IDE0NCAxNDQgMCAxIDAgMCAyODh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMy4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDE2IDIwOGMwIDQ1LjktMTQuOSA4OC4zLTQwIDEyMi43TDUwMi42IDQ1Ny40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zcy0zMi44IDEyLjUtNDUuMyAwTDMzMC43IDM3NmMtMzQuNCAyNS4yLTc2LjggNDAtMTIyLjcgNDBDOTMuMSA0MTYgMCAzMjIuOSAwIDIwOFM5My4xIDAgMjA4IDBTNDE2IDkzLjEgNDE2IDIwOHpNMjA4IDM1MmExNDQgMTQ0IDAgMSAwIDAtMjg4IDE0NCAxNDQgMCAxIDAgMCAyODh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
form .input-wrap.percentage:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzc0LjYgNzMuMzljLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBsLTMyMCAzMjBjLTEyLjUgMTIuNS0xMi41IDMyLjc1IDAgNDUuMjVDMTUuNjMgNDQ0LjkgMjMuODEgNDQ4IDMyIDQ0OHMxNi4zOC0zLjEyNSAyMi42Mi05LjM3NWwzMjAtMzIwQzM4Ny4xIDEwNi4xIDM4Ny4xIDg1Ljg5IDM3NC42IDczLjM5ek02NCAxOTJjMzUuMyAwIDY0LTI4LjcyIDY0LTY0Uzk5LjMgNjQuMDEgNjQgNjQuMDFTMCA5Mi43MyAwIDEyOFMyOC43IDE5MiA2NCAxOTJ6TTMyMCAzMjBjLTM1LjMgMC02NCAyOC43Mi02NCA2NHMyOC43IDY0IDY0IDY0czY0LTI4LjcyIDY0LTY0UzM1NS4zIDMyMCAzMjAgMzIweiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzc0LjYgNzMuMzljLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBsLTMyMCAzMjBjLTEyLjUgMTIuNS0xMi41IDMyLjc1IDAgNDUuMjVDMTUuNjMgNDQ0LjkgMjMuODEgNDQ4IDMyIDQ0OHMxNi4zOC0zLjEyNSAyMi42Mi05LjM3NWwzMjAtMzIwQzM4Ny4xIDEwNi4xIDM4Ny4xIDg1Ljg5IDM3NC42IDczLjM5ek02NCAxOTJjMzUuMyAwIDY0LTI4LjcyIDY0LTY0Uzk5LjMgNjQuMDEgNjQgNjQuMDFTMCA5Mi43MyAwIDEyOFMyOC43IDE5MiA2NCAxOTJ6TTMyMCAzMjBjLTM1LjMgMC02NCAyOC43Mi02NCA2NHMyOC43IDY0IDY0IDY0czY0LTI4LjcyIDY0LTY0UzM1NS4zIDMyMCAzMjAgMzIweiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
form .input-wrap.price:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNjQgMjQwQzQ2LjMzIDI0MCAzMiAyMjUuNyAzMiAyMDhDMzIgMTkwLjMgNDYuMzMgMTc2IDY0IDE3Nkg5Mi4yOUMxMjEuOSA5Mi4xMSAyMDEuMSAzMiAyOTYgMzJIMzIwQzMzNy43IDMyIDM1MiA0Ni4zMyAzNTIgNjRDMzUyIDgxLjY3IDMzNy43IDk2IDMyMCA5NkgyOTZDMjM4LjEgOTYgMTg3LjggMTI4LjQgMTYyLjEgMTc2SDI4OEMzMDUuNyAxNzYgMzIwIDE5MC4zIDMyMCAyMDhDMzIwIDIyNS43IDMwNS43IDI0MCAyODggMjQwSDE0NC4yQzE0NC4xIDI0Mi42IDE0NCAyNDUuMyAxNDQgMjQ4VjI2NEMxNDQgMjY2LjcgMTQ0LjEgMjY5LjQgMTQ0LjIgMjcySDI4OEMzMDUuNyAyNzIgMzIwIDI4Ni4zIDMyMCAzMDRDMzIwIDMyMS43IDMwNS43IDMzNiAyODggMzM2SDE2Mi4xQzE4Ny44IDM4My42IDIzOC4xIDQxNiAyOTYgNDE2SDMyMEMzMzcuNyA0MTYgMzUyIDQzMC4zIDM1MiA0NDhDMzUyIDQ2NS43IDMzNy43IDQ4MCAzMjAgNDgwSDI5NkMyMDEuMSA0ODAgMTIxLjkgNDE5LjkgOTIuMjkgMzM2SDY0QzQ2LjMzIDMzNiAzMiAzMjEuNyAzMiAzMDRDMzIgMjg2LjMgNDYuMzMgMjcyIDY0IDI3Mkg4MC4xNUM4MC4wNSAyNjkuMyA4MCAyNjYuNyA4MCAyNjRWMjQ4QzgwIDI0NS4zIDgwLjA1IDI0Mi43IDgwLjE1IDI0MEg2NHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNjQgMjQwQzQ2LjMzIDI0MCAzMiAyMjUuNyAzMiAyMDhDMzIgMTkwLjMgNDYuMzMgMTc2IDY0IDE3Nkg5Mi4yOUMxMjEuOSA5Mi4xMSAyMDEuMSAzMiAyOTYgMzJIMzIwQzMzNy43IDMyIDM1MiA0Ni4zMyAzNTIgNjRDMzUyIDgxLjY3IDMzNy43IDk2IDMyMCA5NkgyOTZDMjM4LjEgOTYgMTg3LjggMTI4LjQgMTYyLjEgMTc2SDI4OEMzMDUuNyAxNzYgMzIwIDE5MC4zIDMyMCAyMDhDMzIwIDIyNS43IDMwNS43IDI0MCAyODggMjQwSDE0NC4yQzE0NC4xIDI0Mi42IDE0NCAyNDUuMyAxNDQgMjQ4VjI2NEMxNDQgMjY2LjcgMTQ0LjEgMjY5LjQgMTQ0LjIgMjcySDI4OEMzMDUuNyAyNzIgMzIwIDI4Ni4zIDMyMCAzMDRDMzIwIDMyMS43IDMwNS43IDMzNiAyODggMzM2SDE2Mi4xQzE4Ny44IDM4My42IDIzOC4xIDQxNiAyOTYgNDE2SDMyMEMzMzcuNyA0MTYgMzUyIDQzMC4zIDM1MiA0NDhDMzUyIDQ2NS43IDMzNy43IDQ4MCAzMjAgNDgwSDI5NkMyMDEuMSA0ODAgMTIxLjkgNDE5LjkgOTIuMjkgMzM2SDY0QzQ2LjMzIDMzNiAzMiAzMjEuNyAzMiAzMDRDMzIgMjg2LjMgNDYuMzMgMjcyIDY0IDI3Mkg4MC4xNUM4MC4wNSAyNjkuMyA4MCAyNjYuNyA4MCAyNjRWMjQ4QzgwIDI0NS4zIDgwLjA1IDI0Mi43IDgwLjE1IDI0MEg2NHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
form .input-wrap.date {
  cursor: pointer;
}
form .input-wrap.date:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTYwIDMyVjY0SDI4OFYzMkMyODggMTQuMzMgMzAyLjMgMCAzMjAgMEMzMzcuNyAwIDM1MiAxNC4zMyAzNTIgMzJWNjRINDAwQzQyNi41IDY0IDQ0OCA4NS40OSA0NDggMTEyVjE2MEgwVjExMkMwIDg1LjQ5IDIxLjQ5IDY0IDQ4IDY0SDk2VjMyQzk2IDE0LjMzIDExMC4zIDAgMTI4IDBDMTQ1LjcgMCAxNjAgMTQuMzMgMTYwIDMyek0wIDE5Mkg0NDhWNDY0QzQ0OCA0OTAuNSA0MjYuNSA1MTIgNDAwIDUxMkg0OEMyMS40OSA1MTIgMCA0OTAuNSAwIDQ2NFYxOTJ6TTY0IDMwNEM2NCAzMTIuOCA3MS4xNiAzMjAgODAgMzIwSDExMkMxMjAuOCAzMjAgMTI4IDMxMi44IDEyOCAzMDRWMjcyQzEyOCAyNjMuMiAxMjAuOCAyNTYgMTEyIDI1Nkg4MEM3MS4xNiAyNTYgNjQgMjYzLjIgNjQgMjcyVjMwNHpNMTkyIDMwNEMxOTIgMzEyLjggMTk5LjIgMzIwIDIwOCAzMjBIMjQwQzI0OC44IDMyMCAyNTYgMzEyLjggMjU2IDMwNFYyNzJDMjU2IDI2My4yIDI0OC44IDI1NiAyNDAgMjU2SDIwOEMxOTkuMiAyNTYgMTkyIDI2My4yIDE5MiAyNzJWMzA0ek0zMzYgMjU2QzMyNy4yIDI1NiAzMjAgMjYzLjIgMzIwIDI3MlYzMDRDMzIwIDMxMi44IDMyNy4yIDMyMCAzMzYgMzIwSDM2OEMzNzYuOCAzMjAgMzg0IDMxMi44IDM4NCAzMDRWMjcyQzM4NCAyNjMuMiAzNzYuOCAyNTYgMzY4IDI1NkgzMzZ6TTY0IDQzMkM2NCA0NDAuOCA3MS4xNiA0NDggODAgNDQ4SDExMkMxMjAuOCA0NDggMTI4IDQ0MC44IDEyOCA0MzJWNDAwQzEyOCAzOTEuMiAxMjAuOCAzODQgMTEyIDM4NEg4MEM3MS4xNiAzODQgNjQgMzkxLjIgNjQgNDAwVjQzMnpNMjA4IDM4NEMxOTkuMiAzODQgMTkyIDM5MS4yIDE5MiA0MDBWNDMyQzE5MiA0NDAuOCAxOTkuMiA0NDggMjA4IDQ0OEgyNDBDMjQ4LjggNDQ4IDI1NiA0NDAuOCAyNTYgNDMyVjQwMEMyNTYgMzkxLjIgMjQ4LjggMzg0IDI0MCAzODRIMjA4ek0zMjAgNDMyQzMyMCA0NDAuOCAzMjcuMiA0NDggMzM2IDQ0OEgzNjhDMzc2LjggNDQ4IDM4NCA0NDAuOCAzODQgNDMyVjQwMEMzODQgMzkxLjIgMzc2LjggMzg0IDM2OCAzODRIMzM2QzMyNy4yIDM4NCAzMjAgMzkxLjIgMzIwIDQwMFY0MzJ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTYwIDMyVjY0SDI4OFYzMkMyODggMTQuMzMgMzAyLjMgMCAzMjAgMEMzMzcuNyAwIDM1MiAxNC4zMyAzNTIgMzJWNjRINDAwQzQyNi41IDY0IDQ0OCA4NS40OSA0NDggMTEyVjE2MEgwVjExMkMwIDg1LjQ5IDIxLjQ5IDY0IDQ4IDY0SDk2VjMyQzk2IDE0LjMzIDExMC4zIDAgMTI4IDBDMTQ1LjcgMCAxNjAgMTQuMzMgMTYwIDMyek0wIDE5Mkg0NDhWNDY0QzQ0OCA0OTAuNSA0MjYuNSA1MTIgNDAwIDUxMkg0OEMyMS40OSA1MTIgMCA0OTAuNSAwIDQ2NFYxOTJ6TTY0IDMwNEM2NCAzMTIuOCA3MS4xNiAzMjAgODAgMzIwSDExMkMxMjAuOCAzMjAgMTI4IDMxMi44IDEyOCAzMDRWMjcyQzEyOCAyNjMuMiAxMjAuOCAyNTYgMTEyIDI1Nkg4MEM3MS4xNiAyNTYgNjQgMjYzLjIgNjQgMjcyVjMwNHpNMTkyIDMwNEMxOTIgMzEyLjggMTk5LjIgMzIwIDIwOCAzMjBIMjQwQzI0OC44IDMyMCAyNTYgMzEyLjggMjU2IDMwNFYyNzJDMjU2IDI2My4yIDI0OC44IDI1NiAyNDAgMjU2SDIwOEMxOTkuMiAyNTYgMTkyIDI2My4yIDE5MiAyNzJWMzA0ek0zMzYgMjU2QzMyNy4yIDI1NiAzMjAgMjYzLjIgMzIwIDI3MlYzMDRDMzIwIDMxMi44IDMyNy4yIDMyMCAzMzYgMzIwSDM2OEMzNzYuOCAzMjAgMzg0IDMxMi44IDM4NCAzMDRWMjcyQzM4NCAyNjMuMiAzNzYuOCAyNTYgMzY4IDI1NkgzMzZ6TTY0IDQzMkM2NCA0NDAuOCA3MS4xNiA0NDggODAgNDQ4SDExMkMxMjAuOCA0NDggMTI4IDQ0MC44IDEyOCA0MzJWNDAwQzEyOCAzOTEuMiAxMjAuOCAzODQgMTEyIDM4NEg4MEM3MS4xNiAzODQgNjQgMzkxLjIgNjQgNDAwVjQzMnpNMjA4IDM4NEMxOTkuMiAzODQgMTkyIDM5MS4yIDE5MiA0MDBWNDMyQzE5MiA0NDAuOCAxOTkuMiA0NDggMjA4IDQ0OEgyNDBDMjQ4LjggNDQ4IDI1NiA0NDAuOCAyNTYgNDMyVjQwMEMyNTYgMzkxLjIgMjQ4LjggMzg0IDI0MCAzODRIMjA4ek0zMjAgNDMyQzMyMCA0NDAuOCAzMjcuMiA0NDggMzM2IDQ0OEgzNjhDMzc2LjggNDQ4IDM4NCA0NDAuOCAzODQgNDMyVjQwMEMzODQgMzkxLjIgMzc2LjggMzg0IDM2OCAzODRIMzM2QzMyNy4yIDM4NCAzMjAgMzkxLjIgMzIwIDQwMFY0MzJ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
form .input-wrap:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  background-color: #7d7474;
  font-size: 0.8rem;
  pointer-events: none;
}
form .input-wrap[data-prefix]:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  color: #7d7474;
  font-size: 0.8rem;
  pointer-events: none;
  content: attr(data-prefix);
  font-weight: 600;
}
form .input-wrap.error input[type=text],
form .input-wrap.error input[type=number],
form .input-wrap.error input[type=password],
form .input-wrap.error input[type=email] {
  border-color: #f87676;
}
form .input-wrap.error span.error {
  color: #f87676;
  margin-top: 0.5em;
}
form .input-wrap[data-desc] input {
  padding-left: calc(1rem + var(--value-offset, 2.1em));
}
form .input-wrap[data-desc]:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  color: #7d7474;
  font-size: 0.9rem;
  pointer-events: none;
  content: attr(data-desc);
}
form .input-wrap select {
  cursor: pointer;
  appearance: none;
}
form .input-wrap > input:placeholder-shown + label,
form .input-wrap > textarea:placeholder-shown + label,
form .input-wrap > select:placeholder-shown + label,
form .input-wrap > .control + label {
  visibility: hidden;
  z-index: -1;
  transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
form .input-wrap .control.filled + label {
  visibility: visible;
  z-index: 0;
  opacity: 1;
  transition: 0.2s ease-in-out transform;
}

@media only screen and (max-width: 768px) {
  form.default-form .row .input-wrap,
  form.default-form .checkbox-wrap .checkbox {
    margin-bottom: 1.5rem;
  }
  form.default-form .row {
    margin: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 430px) {
  form .input-wrap {
    border: none;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  filter: none;
  box-shadow: 0 0 0px 1000px #ffffff inset !important;
  color-scheme: light;
}

.chip {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  border-radius: 0.5rem;
  display: flex;
  border: 1px solid #d9dade;
  padding: 0.25rem 0.5rem;
  align-items: center;
  cursor: pointer;
}
.chip span {
  margin: 0 !important;
}
.chip .icon {
  color: #4F5055;
}
.chip .icon .profile-image {
  width: 1.75rem;
}
.chip *:not(:last-child) {
  border-right: 0.5rem solid transparent;
}
.chip:hover {
  background: #fff;
  border-color: #bebfc6;
}
.chip.inverted {
  color: #C1C1C3;
  background: none;
}
.chip.inverted:hover {
  background: #24252A;
}
.chip.inverted svg {
  color: #C1C1C3;
}

input[type=text].hidden {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #393939;
  width: 100%;
  display: block;
  padding: 0;
  border: none;
  border: 2px solid transparent;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  resize: none;
}
input[type=text].hidden:focus, input[type=text].hidden:active, input[type=text].hidden:focus:hover, input[type=text].hidden:active:hover {
  border-color: #d6a95a;
  box-shadow: 0 0px 4rem rgba(214, 169, 90, 0.08);
}
input[type=text].hidden:hover {
  border-color: #bebfc6;
}
input[type=text].hidden:disabled {
  border-style: dotted;
}

.ghost-text {
  display: block;
  position: relative;
  overflow: hidden;
  height: 1em;
}
.ghost-text .inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}

.hover-content {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #393939;
  position: absolute;
  background: #f8f7fb;
  border-radius: 1em;
  z-index: 800;
  padding: 1em;
  opacity: 0;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  transition-delay: 0.1s;
  width: max-content;
  max-width: 50em;
  transform: scale(0.9);
  text-align: left;
  pointer-events: none;
  left: 50%;
  transform: translateX(-50%);
}
.hover-content.emphasis {
  font-weight: 500;
}
.hover-content.left {
  right: 0;
}
.hover-content ul {
  list-style: none;
  padding: 0;
}
.hover-content h4 {
  font-size: 1.2em;
  margin-top: 0;
}

*:hover > .hover-content {
  opacity: 1;
  display: block;
}

@media (hover: none) {
  .hover-content {
    display: none;
  }
}
.empty-placeholder {
  max-width: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 2rem auto;
}
.empty-placeholder .icon-wrap {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: #dbdbdc;
  position: relative;
  margin-bottom: 1rem;
}
.empty-placeholder .icon-wrap svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #C1C1C3;
  font-size: 4rem;
}
.empty-placeholder h3, .empty-placeholder h3 .accordion-btn, h3 .empty-placeholder .accordion-btn {
  font-size: 1rem;
  display: block;
  text-align: center;
}

.table-count-selector {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

.datatable-footer-inner {
  height: auto !important;
}
.datatable-footer-inner .page-count {
  display: none !important;
}
.datatable-footer-inner .datatable-pager {
  flex: 0 0 100%;
  margin-bottom: 1rem;
}
.datatable-footer-inner .datatable-pager li:not(:last-of-type) {
  margin-right: 0.25rem !important;
}
.datatable-footer-inner .datatable-pager li.disabled a svg:after {
  color: #a29b9b;
}
.datatable-footer-inner .datatable-pager .datatable-icon-prev:after,
.datatable-footer-inner .datatable-pager .datatable-icon-left:after,
.datatable-footer-inner .datatable-pager .datatable-icon-right:after,
.datatable-footer-inner .datatable-pager .datatable-icon-skip:after {
  background-color: #484343;
  font-style: normal;
}
.datatable-footer-inner .datatable-pager .datatable-icon-left:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQ4MGMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNWwxOTItMTkyYzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1TDc3LjI1IDI1NmwxNjkuNCAxNjkuNGMxMi41IDEyLjUgMTIuNSAzMi43NSAwIDQ1LjI1QzI0MC40IDQ3Ni45IDIzMi4yIDQ4MCAyMjQgNDgweiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQ4MGMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNWwxOTItMTkyYzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1TDc3LjI1IDI1NmwxNjkuNCAxNjkuNGMxMi41IDEyLjUgMTIuNSAzMi43NSAwIDQ1LjI1QzI0MC40IDQ3Ni45IDIzMi4yIDQ4MCAyMjQgNDgweiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.datatable-footer-inner .datatable-pager .datatable-icon-prev:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNzcuMjUgMjU2bDE2OS40LTE2OS40YzEyLjUtMTIuNSAxMi41LTMyLjc1IDAtNDUuMjVzLTMyLjc1LTEyLjUtNDUuMjUgMGwtMTkyIDE5MmMtMTIuNSAxMi41LTEyLjUgMzIuNzUgMCA0NS4yNWwxOTIgMTkyQzIwNy42IDQ3Ni45IDIxNS44IDQ4MCAyMjQgNDgwczE2LjM4LTMuMTI1IDIyLjYyLTkuMzc1YzEyLjUtMTIuNSAxMi41LTMyLjc1IDAtNDUuMjVMNzcuMjUgMjU2ek0yNjkuMyAyNTZsMTY5LjQtMTY5LjRjMTIuNS0xMi41IDEyLjUtMzIuNzUgMC00NS4yNXMtMzIuNzUtMTIuNS00NS4yNSAwbC0xOTIgMTkyYy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1bDE5MiAxOTJDMzk5LjYgNDc2LjkgNDA3LjggNDgwIDQxNiA0ODBzMTYuMzgtMy4xMjUgMjIuNjItOS4zNzVjMTIuNS0xMi41IDEyLjUtMzIuNzUgMC00NS4yNUwyNjkuMyAyNTZ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNzcuMjUgMjU2bDE2OS40LTE2OS40YzEyLjUtMTIuNSAxMi41LTMyLjc1IDAtNDUuMjVzLTMyLjc1LTEyLjUtNDUuMjUgMGwtMTkyIDE5MmMtMTIuNSAxMi41LTEyLjUgMzIuNzUgMCA0NS4yNWwxOTIgMTkyQzIwNy42IDQ3Ni45IDIxNS44IDQ4MCAyMjQgNDgwczE2LjM4LTMuMTI1IDIyLjYyLTkuMzc1YzEyLjUtMTIuNSAxMi41LTMyLjc1IDAtNDUuMjVMNzcuMjUgMjU2ek0yNjkuMyAyNTZsMTY5LjQtMTY5LjRjMTIuNS0xMi41IDEyLjUtMzIuNzUgMC00NS4yNXMtMzIuNzUtMTIuNS00NS4yNSAwbC0xOTIgMTkyYy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1bDE5MiAxOTJDMzk5LjYgNDc2LjkgNDA3LjggNDgwIDQxNiA0ODBzMTYuMzgtMy4xMjUgMjIuNjItOS4zNzVjMTIuNS0xMi41IDEyLjUtMzIuNzUgMC00NS4yNUwyNjkuMyAyNTZ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.datatable-footer-inner .datatable-pager .datatable-icon-right:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNOTYgNDgwYy04LjE4OCAwLTE2LjM4LTMuMTI1LTIyLjYyLTkuMzc1Yy0xMi41LTEyLjUtMTIuNS0zMi43NSAwLTQ1LjI1TDI0Mi44IDI1Nkw3My4zOCA4Ni42M2MtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBsMTkyIDE5MmMxMi41IDEyLjUgMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzExMi40IDQ3Ni45IDEwNC4yIDQ4MCA5NiA0ODB6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNOTYgNDgwYy04LjE4OCAwLTE2LjM4LTMuMTI1LTIyLjYyLTkuMzc1Yy0xMi41LTEyLjUtMTIuNS0zMi43NSAwLTQ1LjI1TDI0Mi44IDI1Nkw3My4zOCA4Ni42M2MtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBsMTkyIDE5MmMxMi41IDEyLjUgMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzExMi40IDQ3Ni45IDEwNC4yIDQ4MCA5NiA0ODB6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.datatable-footer-inner .datatable-pager .datatable-icon-skip:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjQ2LjYgMjMzLjRsLTE5Mi0xOTJjLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBzLTEyLjUgMzIuNzUgMCA0NS4yNUwxNzguOCAyNTZsLTE2OS40IDE2OS40Yy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1QzE1LjYzIDQ3Ni45IDIzLjgxIDQ4MCAzMiA0ODBzMTYuMzgtMy4xMjUgMjIuNjItOS4zNzVsMTkyLTE5MkMyNTkuMSAyNjYuMSAyNTkuMSAyNDUuOSAyNDYuNiAyMzMuNHpNNDM4LjYgMjMzLjRsLTE5Mi0xOTJjLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBzLTEyLjUgMzIuNzUgMCA0NS4yNUwzNzAuOCAyNTZsLTE2OS40IDE2OS40Yy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1QzIwNy42IDQ3Ni45IDIxNS44IDQ4MCAyMjQgNDgwczE2LjM4LTMuMTI1IDIyLjYyLTkuMzc1bDE5Mi0xOTJDNDUxLjEgMjY2LjEgNDUxLjEgMjQ1LjkgNDM4LjYgMjMzLjR6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjQ2LjYgMjMzLjRsLTE5Mi0xOTJjLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBzLTEyLjUgMzIuNzUgMCA0NS4yNUwxNzguOCAyNTZsLTE2OS40IDE2OS40Yy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1QzE1LjYzIDQ3Ni45IDIzLjgxIDQ4MCAzMiA0ODBzMTYuMzgtMy4xMjUgMjIuNjItOS4zNzVsMTkyLTE5MkMyNTkuMSAyNjYuMSAyNTkuMSAyNDUuOSAyNDYuNiAyMzMuNHpNNDM4LjYgMjMzLjRsLTE5Mi0xOTJjLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBzLTEyLjUgMzIuNzUgMCA0NS4yNUwzNzAuOCAyNTZsLTE2OS40IDE2OS40Yy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1QzIwNy42IDQ3Ni45IDIxNS44IDQ4MCAyMjQgNDgwczE2LjM4LTMuMTI1IDIyLjYyLTkuMzc1bDE5Mi0xOTJDNDUxLjEgMjY2LjEgNDUxLjEgMjQ1LjkgNDM4LjYgMjMzLjR6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}

.ng-table-pager,
.datatable-pager,
pagination-controls {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  flex-direction: column-reverse;
  align-items: center;
}
.ng-table-pager .ng-table-counts,
.datatable-pager .ng-table-counts,
pagination-controls .ng-table-counts {
  font-size: 1em;
  border-radius: 0.8em;
  border: 1px solid #E6E6E7;
  overflow: hidden;
}
.ng-table-pager .ng-table-counts button,
.datatable-pager .ng-table-counts button,
pagination-controls .ng-table-counts button {
  border: none;
  background: none;
  border-right: 1px solid #E6E6E7;
  border-radius: 0;
  font-size: 0.8em;
  font-weight: 600;
  color: #484343;
  padding: 1em;
  line-height: 1.5em;
  margin-left: 0 !important;
}
.ng-table-pager .ng-table-counts button:last-child,
.datatable-pager .ng-table-counts button:last-child,
pagination-controls .ng-table-counts button:last-child {
  border-right: none;
}
.ng-table-pager ul.ng-table-pagination.pagination,
.ng-table-pager ul.pager,
.ng-table-pager ul.ngx-pagination,
.datatable-pager ul.ng-table-pagination.pagination,
.datatable-pager ul.pager,
.datatable-pager ul.ngx-pagination,
pagination-controls ul.ng-table-pagination.pagination,
pagination-controls ul.pager,
pagination-controls ul.ngx-pagination {
  font-size: 1em;
  overflow: hidden;
  display: flex;
  list-style: none;
  padding: 0;
  margin-top: 2rem;
}
.ng-table-pager ul.ng-table-pagination.pagination li,
.ng-table-pager ul.pager li,
.ng-table-pager ul.ngx-pagination li,
.datatable-pager ul.ng-table-pagination.pagination li,
.datatable-pager ul.pager li,
.datatable-pager ul.ngx-pagination li,
pagination-controls ul.ng-table-pagination.pagination li,
pagination-controls ul.pager li,
pagination-controls ul.ngx-pagination li {
  border-radius: 2rem;
}
.ng-table-pager ul.ng-table-pagination.pagination li a, .ng-table-pager ul.ng-table-pagination.pagination li.current,
.ng-table-pager ul.pager li a,
.ng-table-pager ul.pager li.current,
.ng-table-pager ul.ngx-pagination li a,
.ng-table-pager ul.ngx-pagination li.current,
.datatable-pager ul.ng-table-pagination.pagination li a,
.datatable-pager ul.ng-table-pagination.pagination li.current,
.datatable-pager ul.pager li a,
.datatable-pager ul.pager li.current,
.datatable-pager ul.ngx-pagination li a,
.datatable-pager ul.ngx-pagination li.current,
pagination-controls ul.ng-table-pagination.pagination li a,
pagination-controls ul.ng-table-pagination.pagination li.current,
pagination-controls ul.pager li a,
pagination-controls ul.pager li.current,
pagination-controls ul.ngx-pagination li a,
pagination-controls ul.ngx-pagination li.current {
  border-radius: 0;
  font-size: 0.8em;
  font-weight: 600;
  color: #484343;
  padding: 1em !important;
  line-height: 1.5em;
  border: none !important;
  margin-left: 0 !important;
  transition: all 0.15s ease-in-out;
  padding: 0.8em 1.2em;
  display: block;
  text-decoration: none;
}
.ng-table-pager ul.ng-table-pagination.pagination li a:hover, .ng-table-pager ul.ng-table-pagination.pagination li.current:hover,
.ng-table-pager ul.pager li a:hover,
.ng-table-pager ul.pager li.current:hover,
.ng-table-pager ul.ngx-pagination li a:hover,
.ng-table-pager ul.ngx-pagination li.current:hover,
.datatable-pager ul.ng-table-pagination.pagination li a:hover,
.datatable-pager ul.ng-table-pagination.pagination li.current:hover,
.datatable-pager ul.pager li a:hover,
.datatable-pager ul.pager li.current:hover,
.datatable-pager ul.ngx-pagination li a:hover,
.datatable-pager ul.ngx-pagination li.current:hover,
pagination-controls ul.ng-table-pagination.pagination li a:hover,
pagination-controls ul.ng-table-pagination.pagination li.current:hover,
pagination-controls ul.pager li a:hover,
pagination-controls ul.pager li.current:hover,
pagination-controls ul.ngx-pagination li a:hover,
pagination-controls ul.ngx-pagination li.current:hover {
  background: none;
}
.ng-table-pager ul.ng-table-pagination.pagination li.current,
.ng-table-pager ul.pager li.current,
.ng-table-pager ul.ngx-pagination li.current,
.datatable-pager ul.ng-table-pagination.pagination li.current,
.datatable-pager ul.pager li.current,
.datatable-pager ul.ngx-pagination li.current,
pagination-controls ul.ng-table-pagination.pagination li.current,
pagination-controls ul.pager li.current,
pagination-controls ul.ngx-pagination li.current {
  cursor: default;
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  border-radius: 2rem;
}
.ng-table-pager ul.ng-table-pagination.pagination li.current:hover,
.ng-table-pager ul.pager li.current:hover,
.ng-table-pager ul.ngx-pagination li.current:hover,
.datatable-pager ul.ng-table-pagination.pagination li.current:hover,
.datatable-pager ul.pager li.current:hover,
.datatable-pager ul.ngx-pagination li.current:hover,
pagination-controls ul.ng-table-pagination.pagination li.current:hover,
pagination-controls ul.pager li.current:hover,
pagination-controls ul.ngx-pagination li.current:hover {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
}
.ng-table-pager ul.ng-table-pagination.pagination li:not(:last-child),
.ng-table-pager ul.pager li:not(:last-child),
.ng-table-pager ul.ngx-pagination li:not(:last-child),
.datatable-pager ul.ng-table-pagination.pagination li:not(:last-child),
.datatable-pager ul.pager li:not(:last-child),
.datatable-pager ul.ngx-pagination li:not(:last-child),
pagination-controls ul.ng-table-pagination.pagination li:not(:last-child),
pagination-controls ul.pager li:not(:last-child),
pagination-controls ul.ngx-pagination li:not(:last-child) {
  margin-right: 0.25rem;
}
.ng-table-pager ul.ng-table-pagination.pagination li.disabled,
.ng-table-pager ul.pager li.disabled,
.ng-table-pager ul.ngx-pagination li.disabled,
.datatable-pager ul.ng-table-pagination.pagination li.disabled,
.datatable-pager ul.pager li.disabled,
.datatable-pager ul.ngx-pagination li.disabled,
pagination-controls ul.ng-table-pagination.pagination li.disabled,
pagination-controls ul.pager li.disabled,
pagination-controls ul.ngx-pagination li.disabled {
  cursor: default;
}
.ng-table-pager ul.ng-table-pagination.pagination li.disabled a,
.ng-table-pager ul.pager li.disabled a,
.ng-table-pager ul.ngx-pagination li.disabled a,
.datatable-pager ul.ng-table-pagination.pagination li.disabled a,
.datatable-pager ul.pager li.disabled a,
.datatable-pager ul.ngx-pagination li.disabled a,
pagination-controls ul.ng-table-pagination.pagination li.disabled a,
pagination-controls ul.pager li.disabled a,
pagination-controls ul.ngx-pagination li.disabled a {
  color: #a29b9b;
}
.ng-table-pager ul.ng-table-pagination.pagination li.disabled:hover,
.ng-table-pager ul.pager li.disabled:hover,
.ng-table-pager ul.ngx-pagination li.disabled:hover,
.datatable-pager ul.ng-table-pagination.pagination li.disabled:hover,
.datatable-pager ul.pager li.disabled:hover,
.datatable-pager ul.ngx-pagination li.disabled:hover,
pagination-controls ul.ng-table-pagination.pagination li.disabled:hover,
pagination-controls ul.pager li.disabled:hover,
pagination-controls ul.ngx-pagination li.disabled:hover {
  background: none;
}
.ng-table-pager ul.ng-table-pagination.pagination li:hover,
.ng-table-pager ul.pager li:hover,
.ng-table-pager ul.ngx-pagination li:hover,
.datatable-pager ul.ng-table-pagination.pagination li:hover,
.datatable-pager ul.pager li:hover,
.datatable-pager ul.ngx-pagination li:hover,
pagination-controls ul.ng-table-pagination.pagination li:hover,
pagination-controls ul.pager li:hover,
pagination-controls ul.ngx-pagination li:hover {
  background: #C1C1C3;
}
.ng-table-pager ul.ng-table-pagination.pagination li.pagination-previous:before, .ng-table-pager ul.ng-table-pagination.pagination li.pagination-next:before,
.ng-table-pager ul.pager li.pagination-previous:before,
.ng-table-pager ul.pager li.pagination-next:before,
.ng-table-pager ul.ngx-pagination li.pagination-previous:before,
.ng-table-pager ul.ngx-pagination li.pagination-next:before,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-previous:before,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-next:before,
.datatable-pager ul.pager li.pagination-previous:before,
.datatable-pager ul.pager li.pagination-next:before,
.datatable-pager ul.ngx-pagination li.pagination-previous:before,
.datatable-pager ul.ngx-pagination li.pagination-next:before,
pagination-controls ul.ng-table-pagination.pagination li.pagination-previous:before,
pagination-controls ul.ng-table-pagination.pagination li.pagination-next:before,
pagination-controls ul.pager li.pagination-previous:before,
pagination-controls ul.pager li.pagination-next:before,
pagination-controls ul.ngx-pagination li.pagination-previous:before,
pagination-controls ul.ngx-pagination li.pagination-next:before {
  display: none !important;
}
.ng-table-pager ul.ng-table-pagination.pagination li.pagination-previous span, .ng-table-pager ul.ng-table-pagination.pagination li.pagination-next span,
.ng-table-pager ul.pager li.pagination-previous span,
.ng-table-pager ul.pager li.pagination-next span,
.ng-table-pager ul.ngx-pagination li.pagination-previous span,
.ng-table-pager ul.ngx-pagination li.pagination-next span,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-previous span,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-next span,
.datatable-pager ul.pager li.pagination-previous span,
.datatable-pager ul.pager li.pagination-next span,
.datatable-pager ul.ngx-pagination li.pagination-previous span,
.datatable-pager ul.ngx-pagination li.pagination-next span,
pagination-controls ul.ng-table-pagination.pagination li.pagination-previous span,
pagination-controls ul.ng-table-pagination.pagination li.pagination-next span,
pagination-controls ul.pager li.pagination-previous span,
pagination-controls ul.pager li.pagination-next span,
pagination-controls ul.ngx-pagination li.pagination-previous span,
pagination-controls ul.ngx-pagination li.pagination-next span {
  display: none;
}
.ng-table-pager ul.ng-table-pagination.pagination li.pagination-previous a:after, .ng-table-pager ul.ng-table-pagination.pagination li.pagination-next a:after,
.ng-table-pager ul.pager li.pagination-previous a:after,
.ng-table-pager ul.pager li.pagination-next a:after,
.ng-table-pager ul.ngx-pagination li.pagination-previous a:after,
.ng-table-pager ul.ngx-pagination li.pagination-next a:after,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-previous a:after,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-next a:after,
.datatable-pager ul.pager li.pagination-previous a:after,
.datatable-pager ul.pager li.pagination-next a:after,
.datatable-pager ul.ngx-pagination li.pagination-previous a:after,
.datatable-pager ul.ngx-pagination li.pagination-next a:after,
pagination-controls ul.ng-table-pagination.pagination li.pagination-previous a:after,
pagination-controls ul.ng-table-pagination.pagination li.pagination-next a:after,
pagination-controls ul.pager li.pagination-previous a:after,
pagination-controls ul.pager li.pagination-next a:after,
pagination-controls ul.ngx-pagination li.pagination-previous a:after,
pagination-controls ul.ngx-pagination li.pagination-next a:after {
  margin: 0;
}
.ng-table-pager ul.ng-table-pagination.pagination li.active,
.ng-table-pager ul.pager li.active,
.ng-table-pager ul.ngx-pagination li.active,
.datatable-pager ul.ng-table-pagination.pagination li.active,
.datatable-pager ul.pager li.active,
.datatable-pager ul.ngx-pagination li.active,
pagination-controls ul.ng-table-pagination.pagination li.active,
pagination-controls ul.pager li.active,
pagination-controls ul.ngx-pagination li.active {
  cursor: default;
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}

.table-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 600;
  background: rgba(0, 0, 0, 0.6);
}
.table-preloader span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center !important;
  width: 100% !important;
  color: #fff;
}
.table-preloader span:before {
  content: "";
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  border: 5px solid;
  border-left-color: transparent;
  border-radius: 50%;
  top: -200%;
  left: 50%;
  animation: spin-left 4s linear infinite;
}

.ghost-row td {
  position: relative;
  overflow: hidden;
  cursor: default;
  height: 4.5rem;
}
.ghost-row td:hover {
  background: #fff !important;
}
.ghost-row td:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}

@media only screen and (max-width: 428px) {
  .ng-table-pager ul.ng-table-pagination.pagination {
    justify-content: space-evenly;
    width: 100%;
    border: none;
  }
  .ng-table-pager ul.ng-table-pagination.pagination li {
    display: none;
    border: none !important;
  }
  .ng-table-pager ul.ng-table-pagination.pagination li a {
    background: #1E1F23;
    color: #fff;
    padding: 0.6em 1.75em;
    border-radius: 1em;
  }
  .ng-table-pager ul.ng-table-pagination.pagination li:first-child,
  .ng-table-pager ul.ng-table-pagination.pagination li:last-child {
    display: inline-block;
  }
}
@keyframes spin-left {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**
 * Basic Styles
 **/
.ab-table table {
  border-spacing: 0px;
  width: 100%;
}

/** Fix ng-datatable not being 100% width all the time*/
.datatable-header-inner {
  width: 100% !important;
}

.datatable-scroll {
  display: inherit !important;
}

.datatable-row-center {
  width: 100% !important;
}

.datatable-body-row {
  width: 100% !important;
}

/** Fix overflow **/
.ngx-datatable .datatable-body {
  overflow: inherit !important;
}

/**
 * Table header
 **/
.ab-table thead .ng-table-sort-header th,
.ab-table thead .datatable-header-cell,
.datatable-header .ng-table-sort-header th,
.datatable-header .datatable-header-cell {
  border: 0;
  padding: 1rem 0.5rem;
  text-align: left;
}
.ab-table thead .ng-table-sort-header th span,
.ab-table thead .datatable-header-cell span,
.datatable-header .ng-table-sort-header th span,
.datatable-header .datatable-header-cell span {
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-block;
}
.ab-table thead .ng-table-sort-header th.sortable.sort-asc, .ab-table thead .ng-table-sort-header th.sortable.sort-desc,
.ab-table thead .datatable-header-cell.sortable.sort-asc,
.ab-table thead .datatable-header-cell.sortable.sort-desc,
.datatable-header .ng-table-sort-header th.sortable.sort-asc,
.datatable-header .ng-table-sort-header th.sortable.sort-desc,
.datatable-header .datatable-header-cell.sortable.sort-asc,
.datatable-header .datatable-header-cell.sortable.sort-desc {
  background-color: #f8f7fb;
}
.ab-table thead .ng-table-sort-header th.sortable.sort-asc span, .ab-table thead .ng-table-sort-header th.sortable.sort-desc span,
.ab-table thead .datatable-header-cell.sortable.sort-asc span,
.ab-table thead .datatable-header-cell.sortable.sort-desc span,
.datatable-header .ng-table-sort-header th.sortable.sort-asc span,
.datatable-header .ng-table-sort-header th.sortable.sort-desc span,
.datatable-header .datatable-header-cell.sortable.sort-asc span,
.datatable-header .datatable-header-cell.sortable.sort-desc span {
  color: #3b3737;
}
.ab-table thead .ng-table-sort-header th.sortable,
.ab-table thead .datatable-header-cell.sortable,
.datatable-header .ng-table-sort-header th.sortable,
.datatable-header .datatable-header-cell.sortable {
  cursor: pointer;
}

.datatable-header {
  height: auto !important;
}

.sort-btn:after {
  margin-left: 0.25rem;
  background-color: #C1C1C3;
}
.sort-btn.datatable-icon-sort-unset:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjcuNjYgMjI0aDI2NC43YzI0LjYgMCAzNi44OS0yOS43OCAxOS41NC00Ny4xMmwtMTMyLjMtMTM2LjhjLTUuNDA2LTUuNDA2LTEyLjQ3LTguMTA3LTE5LjUzLTguMTA3Yy03LjA1NSAwLTE0LjA5IDIuNzAxLTE5LjQ1IDguMTA3TDguMTE5IDE3Ni45Qy05LjIyOSAxOTQuMiAzLjA1NSAyMjQgMjcuNjYgMjI0ek0yOTIuMyAyODhIMjcuNjZjLTI0LjYgMC0zNi44OSAyOS43Ny0xOS41NCA0Ny4xMmwxMzIuNSAxMzYuOEMxNDUuOSA0NzcuMyAxNTIuMSA0ODAgMTYwIDQ4MGM3LjA1MyAwIDE0LjEyLTIuNzAzIDE5LjUzLTguMTA5bDEzMi4zLTEzNi44QzMyOS4yIDMxNy44IDMxNi45IDI4OCAyOTIuMyAyODh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjcuNjYgMjI0aDI2NC43YzI0LjYgMCAzNi44OS0yOS43OCAxOS41NC00Ny4xMmwtMTMyLjMtMTM2LjhjLTUuNDA2LTUuNDA2LTEyLjQ3LTguMTA3LTE5LjUzLTguMTA3Yy03LjA1NSAwLTE0LjA5IDIuNzAxLTE5LjQ1IDguMTA3TDguMTE5IDE3Ni45Qy05LjIyOSAxOTQuMiAzLjA1NSAyMjQgMjcuNjYgMjI0ek0yOTIuMyAyODhIMjcuNjZjLTI0LjYgMC0zNi44OSAyOS43Ny0xOS41NCA0Ny4xMmwxMzIuNSAxMzYuOEMxNDUuOSA0NzcuMyAxNTIuMSA0ODAgMTYwIDQ4MGM3LjA1MyAwIDE0LjEyLTIuNzAzIDE5LjUzLTguMTA5bDEzMi4zLTEzNi44QzMyOS4yIDMxNy44IDMxNi45IDI4OCAyOTIuMyAyODh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.sort-btn.datatable-icon-down:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzExLjkgMzM1LjFsLTEzMi40IDEzNi44QzE3NC4xIDQ3Ny4zIDE2Ny4xIDQ4MCAxNjAgNDgwYy03LjA1NSAwLTE0LjEyLTIuNzAyLTE5LjQ3LTguMTA5bC0xMzIuNC0xMzYuOEMtOS4yMjkgMzE3LjggMy4wNTUgMjg4IDI3LjY2IDI4OGgyNjQuN0MzMTYuOSAyODggMzI5LjIgMzE3LjggMzExLjkgMzM1LjF6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzExLjkgMzM1LjFsLTEzMi40IDEzNi44QzE3NC4xIDQ3Ny4zIDE2Ny4xIDQ4MCAxNjAgNDgwYy03LjA1NSAwLTE0LjEyLTIuNzAyLTE5LjQ3LTguMTA5bC0xMzIuNC0xMzYuOEMtOS4yMjkgMzE3LjggMy4wNTUgMjg4IDI3LjY2IDI4OGgyNjQuN0MzMTYuOSAyODggMzI5LjIgMzE3LjggMzExLjkgMzM1LjF6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.sort-btn.datatable-icon-up:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjcuNjYgMjI0aDI2NC43YzI0LjYgMCAzNi44OS0yOS43OCAxOS41NC00Ny4xMmwtMTMyLjMtMTM2LjhjLTUuNDA2LTUuNDA2LTEyLjQ3LTguMTA3LTE5LjUzLTguMTA3Yy03LjA1NSAwLTE0LjA5IDIuNzAxLTE5LjQ1IDguMTA3TDguMTE5IDE3Ni45Qy05LjIyOSAxOTQuMiAzLjA1NSAyMjQgMjcuNjYgMjI0eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjcuNjYgMjI0aDI2NC43YzI0LjYgMCAzNi44OS0yOS43OCAxOS41NC00Ny4xMmwtMTMyLjMtMTM2LjhjLTUuNDA2LTUuNDA2LTEyLjQ3LTguMTA3LTE5LjUzLTguMTA3Yy03LjA1NSAwLTE0LjA5IDIuNzAxLTE5LjQ1IDguMTA3TDguMTE5IDE3Ni45Qy05LjIyOSAxOTQuMiAzLjA1NSAyMjQgMjcuNjYgMjI0eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}

/**
 * Single Row Styles
 * Border radius and background
 **/
.ab-table tr,
.datatable-body-row {
  position: relative;
}
.ab-table tr td:first-child,
.ab-table tr .datatable-body-cell:first-child,
.datatable-body-row td:first-child,
.datatable-body-row .datatable-body-cell:first-child {
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
.ab-table tr td:last-child,
.ab-table tr .datatable-body-cell:last-child,
.datatable-body-row td:last-child,
.datatable-body-row .datatable-body-cell:last-child {
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.ab-table tr td,
.ab-table tr .datatable-body-cell,
.datatable-body-row td,
.datatable-body-row .datatable-body-cell {
  border: 0;
  background-color: #fff;
  padding: 1rem 0.5rem;
}

/**
 * Cell content
 **/
.ab-table td > span,
.datatable-body-cell .datatable-body-cell-label > span {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  position: relative;
}
.ab-table td > span.emphasis,
.datatable-body-cell .datatable-body-cell-label > span.emphasis {
  font-weight: 500;
}
.ab-table td > span.emphasis,
.datatable-body-cell .datatable-body-cell-label > span.emphasis {
  font-weight: 500;
}
.ab-table td .stacked,
.datatable-body-cell .datatable-body-cell-label .stacked {
  display: flex;
  flex-direction: column;
}
.ab-table td .stacked span,
.datatable-body-cell .datatable-body-cell-label .stacked span {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: block;
}
.ab-table td .stacked span.emphasis,
.datatable-body-cell .datatable-body-cell-label .stacked span.emphasis {
  font-weight: 500;
}
.ab-table td .stacked > :not(:last-child),
.datatable-body-cell .datatable-body-cell-label .stacked > :not(:last-child) {
  margin-bottom: 0.1rem;
}

/**
 * Cell Icon
 **/
.ab-table td,
.datatable-body-cell {
  overflow: visible !important;
  position: relative;
}
.ab-table td span:has(svg.cell-icon),
.datatable-body-cell span:has(svg.cell-icon) {
  display: flex !important;
  align-items: center;
}
.ab-table td svg.cell-icon,
.datatable-body-cell svg.cell-icon {
  font-size: 0.75em;
  margin-left: 0.2rem;
  color: #6E6F73;
}

/**
 * Spacer
 **/
.ab-table .spacer {
  height: 0.5rem;
}

.ngx-datatable .datatable-body-row .datatable-body-cell,
.ngx-datatable .datatable-body-row .datatable-header-cell {
  overflow: hidden;
  margin-bottom: 0.5rem;
  display: inline-flex;
  align-items: center;
}

/**
 * Filter chips
 **/
.table-filter-chips {
  display: flex;
  padding: 1rem 0 1rem 1rem;
}
.table-filter-chips .chips {
  display: flex;
  overflow-x: auto;
}
.table-filter-chips .chip {
  margin-right: 0.5rem;
}

@media (hover: hover) {
  .ab-table tr.link:hover td,
  .ab-table tr .datatable-body-row:hover .datatable-body-cell,
  .ngx-datatable.has-links.link:hover td,
  .ngx-datatable.has-links .datatable-body-row:hover .datatable-body-cell {
    cursor: pointer;
    background-color: #E6E6E7;
  }
}
.ab-table .mobile-title,
.ab-table .datatable-row-left,
.ab-table .datatable-row-right {
  display: none !important;
}

@media only screen and (max-width: 1200px) {
  .table-filter-chips {
    padding: 0;
  }
  .ab-table {
    display: block;
  }
  .ab-table thead,
  .ab-table .ngx-datatable .datatable-header {
    display: none;
  }
  .ab-table tbody,
  .ab-table .ngx-datatable .datatable-body {
    display: block;
  }
  .ab-table tbody tr,
  .ab-table tbody .datatable-row-group,
  .ab-table .ngx-datatable .datatable-body tr,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group {
    background: #fff;
    border-radius: 1.5rem;
    box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
    padding: 0.75rem;
    margin: 0 0 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
  }
  .ab-table tbody tr.spacer,
  .ab-table tbody .datatable-row-group.spacer,
  .ab-table .ngx-datatable .datatable-body tr.spacer,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group.spacer {
    display: none;
  }
  .ab-table tbody tr td,
  .ab-table tbody tr .datatable-body-cell,
  .ab-table tbody .datatable-row-group td,
  .ab-table tbody .datatable-row-group .datatable-body-cell,
  .ab-table .ngx-datatable .datatable-body tr td,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell {
    display: block;
    position: relative;
    height: auto;
    padding: 0.5em 0.75em;
    border-radius: 0 !important;
    width: 50% !important;
  }
  .ab-table tbody tr td.mobile-column-wrap,
  .ab-table tbody tr .datatable-body-cell.mobile-column-wrap,
  .ab-table tbody .datatable-row-group td.mobile-column-wrap,
  .ab-table tbody .datatable-row-group .datatable-body-cell.mobile-column-wrap,
  .ab-table .ngx-datatable .datatable-body tr td.mobile-column-wrap,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell.mobile-column-wrap,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td.mobile-column-wrap,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell.mobile-column-wrap {
    width: 100% !important;
    padding: 0;
  }
  .ab-table tbody tr td.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table tbody tr .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table tbody .datatable-row-group td.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table tbody .datatable-row-group .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table .ngx-datatable .datatable-body tr td.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column {
    display: block;
    position: relative;
    height: auto;
    padding: 0.5em 0.75em;
    border-radius: 0 !important;
    width: 50% !important;
  }
  .ab-table tbody tr td.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table tbody tr .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table tbody .datatable-row-group td.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table tbody .datatable-row-group .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table .ngx-datatable .datatable-body tr td.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column.full-width {
    width: 100% !important;
  }
  .ab-table tbody tr td.full-width,
  .ab-table tbody tr .datatable-body-cell.full-width,
  .ab-table tbody .datatable-row-group td.full-width,
  .ab-table tbody .datatable-row-group .datatable-body-cell.full-width,
  .ab-table .ngx-datatable .datatable-body tr td.full-width,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell.full-width,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td.full-width,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell.full-width {
    width: 100% !important;
  }
  .ab-table tbody tr td .stacked,
  .ab-table tbody tr .datatable-body-cell .stacked,
  .ab-table tbody .datatable-row-group td .stacked,
  .ab-table tbody .datatable-row-group .datatable-body-cell .stacked,
  .ab-table .ngx-datatable .datatable-body tr td .stacked,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell .stacked,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td .stacked,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell .stacked {
    display: block;
  }
  .ab-table tbody tr td .stacked > :not(:last-child),
  .ab-table tbody tr .datatable-body-cell .stacked > :not(:last-child),
  .ab-table tbody .datatable-row-group td .stacked > :not(:last-child),
  .ab-table tbody .datatable-row-group .datatable-body-cell .stacked > :not(:last-child),
  .ab-table .ngx-datatable .datatable-body tr td .stacked > :not(:last-child),
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell .stacked > :not(:last-child),
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td .stacked > :not(:last-child),
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell .stacked > :not(:last-child) {
    margin-bottom: 0;
  }
  .ab-table tbody tr td:last-child,
  .ab-table tbody tr .datatable-body-cell:last-child,
  .ab-table tbody .datatable-row-group td:last-child,
  .ab-table tbody .datatable-row-group .datatable-body-cell:last-child,
  .ab-table .ngx-datatable .datatable-body tr td:last-child,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell:last-child,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td:last-child,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell:last-child {
    border-bottom: none;
  }
  .ab-table tbody tr td:before,
  .ab-table tbody tr .datatable-body-cell:before,
  .ab-table tbody .datatable-row-group td:before,
  .ab-table tbody .datatable-row-group .datatable-body-cell:before,
  .ab-table .ngx-datatable .datatable-body tr td:before,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell:before,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td:before,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell:before {
    display: block;
    content: attr(data-title-text);
    text-align: left;
    font-weight: 700;
  }
  .ab-table tbody tr td.cl-btn,
  .ab-table tbody tr .datatable-body-cell.cl-btn,
  .ab-table tbody .datatable-row-group td.cl-btn,
  .ab-table tbody .datatable-row-group .datatable-body-cell.cl-btn,
  .ab-table .ngx-datatable .datatable-body tr td.cl-btn,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell.cl-btn,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td.cl-btn,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell.cl-btn {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
.mobile-table-title {
  padding: 0.25rem;
}
.mobile-table-title span.title {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
  display: block;
  margin-bottom: 0.25rem;
}
.mobile-table-title span.subtitle {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: block;
  color: #6c6c6c;
}
.mobile-table-title span.subtitle.emphasis {
  font-weight: 500;
}

.mobile-table-stats {
  margin-top: 1rem;
  padding: 0 0.25rem;
}
.mobile-table-stats .mobile-table-stat span {
  display: block;
}
.mobile-table-stats .mobile-table-stat span:first-child {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #6c6c6c;
}
@media only screen and (max-width: 430px) {
  .ab-table table tbody tr td {
    width: 100%;
  }
}
.warning-box {
  max-width: 30rem;
  background: #faf4e9;
  box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
}
.warning-box .row {
  padding: 1rem !important;
  margin: 0 !important;
  align-items: center;
}
.warning-box.success {
  background: #e8f4ea;
}
.warning-box.success .icon-wrap .inner {
  background: linear-gradient(337deg, #00a458 0%, #b6d747 100%);
}
.warning-box .icon-wrap .inner {
  width: 100%;
  padding-bottom: 100%;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  position: relative;
  border-radius: 50%;
}
.warning-box .icon-wrap .inner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  color: #fff;
}
.warning-box .text-wrap h5 {
  margin: 0;
  font-size: 1rem;
  padding: 0;
}
.warning-box .text-wrap .detail {
  color: #6c6c6c;
  font-size: 0.85rem;
  margin-top: 0.5rem;
  display: block;
}

.progress-wrap {
  max-width: 20rem;
}
.progress-wrap span {
  display: block;
  text-align: center;
}

.progress {
  position: relative;
  height: 0.25rem;
  display: block;
  width: 100%;
  background-color: #efdec0;
  border-radius: 2px;
  background-clip: padding-box;
  margin: 0.5rem 0 1rem 0;
  overflow-x: hidden;
}
.progress .indeterminate {
  background-color: #d6a95a;
}
.progress .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress .indeterminate:after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
.chart-wrap {
  height: 40vh;
  width: 100%;
  position: relative;
}
.chart-wrap.ghost {
  overflow: hidden;
  border-radius: 1.5rem;
}
.chart-wrap.ghost:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}

.customer-component .selection {
  position: relative;
}
.customer-component .selection input {
  pointer-events: none;
}
.customer-component .selection:hover input {
  border-color: #bebfc6 !important;
}
.customer-component .selection .scrim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.customer-component .selection .btn-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 2rem;
  pointer-events: none;
}
.customer-component .selection .btn-wrap .remove-button {
  pointer-events: all;
}

.customer-overlay {
  /** Make list and placeholder same height to prevent height changes */
}
.customer-overlay .customer span {
  display: block;
}
.customer-overlay .customer span.item-title {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.customer-overlay .customer .spacer {
  height: 0.75rem;
}
.customer-overlay .overlay_inner ul,
.customer-overlay .placeholder {
  height: max(15rem, 60vh) !important;
}
.customer-overlay .overlay_inner ul li {
  padding: 0.75rem 0.5rem;
}
.customer-overlay .overlay_inner ul li.add-customer {
  padding: 1rem 0.5rem;
  font-weight: 700;
  color: #d9bc6c;
}
.customer-overlay .placeholder {
  text-align: center;
  padding: 3rem 0;
}
.customer-overlay .placeholder span {
  display: block;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

.opportunity h3, .opportunity h3 .accordion-btn, h3 .opportunity .accordion-btn {
  margin: 0;
  margin-bottom: 1rem;
  line-height: 1.3em;
}
.opportunity .stat {
  display: flex;
  align-items: center;
  color: #6c6c6c;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}
.opportunity .stat svg {
  color: #6E6F73;
  margin-right: 0.5rem;
}
.opportunity .progress-tags span {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 0.85rem;
  margin-top: 0.25rem;
}

.sidesheet {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 800;
}
.sidesheet .inner {
  position: absolute;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
  padding: 2.25rem 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 30rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sidesheet .sidesheet-title {
  padding: 0 2.25rem;
}
.sidesheet .sidesheet-title h2 {
  margin: 0;
}
.sidesheet .sidesheet-title button {
  font-size: 1.2rem;
}
.sidesheet .sidesheet-actions {
  margin-top: 2.25rem;
  border-top: 1px solid #E6E6E7;
  padding: 2.25rem 2.25rem 0;
}
.sidesheet .sidesheet-content {
  flex-grow: 1;
  padding: 0 2.25rem;
  overflow-y: auto;
  margin-top: 1rem;
}
.sidesheet .scrim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

@media only screen and (max-width: 30rem) {
  .sidesheet .inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.sticky-sub-nav {
  position: sticky;
  top: 2rem;
}

ul.sub-nav {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 1rem;
  width: auto;
  background: #2B2C31;
}
ul.sub-nav li:not(.divider) {
  font-weight: 800;
  font-size: 0.85rem;
  background: none;
  color: #9da6a8;
  display: inline-block;
  letter-spacing: 0;
  border-radius: 0;
  border-left: 2px solid transparent;
  padding: 0.5rem 0.6rem;
  flex: 1;
  cursor: pointer;
}
ul.sub-nav li:not(.divider).active {
  border-color: #d6a95a;
  color: #d6a95a;
}
ul.sub-nav li:not(.divider):not(:last-child) {
  margin-bottom: 0.75rem;
}
ul.sub-nav li.divider {
  display: block;
  height: 1px;
  border-top: 1px solid #3c3d45;
  margin: 0 0 0.75rem;
}

@media only screen and (max-width: 1000px) {
  ul.sub-nav {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    position: sticky;
    top: 0;
  }
  ul.sub-nav li:not(.divider) {
    border-left: none;
    border-bottom: 2px solid transparent;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  ul.sub-nav li:not(.divider):not(:last-child) {
    margin-bottom: 0;
  }
  /** We stick the sub nav right under the top nav on mobile **/
  .sticky-sub-nav {
    top: 0;
    z-index: 100;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-onboarding {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 850;
  background: #f8f7fb;
}
.ab-onboarding .inner {
  padding: 1rem 0.5rem;
}
.ab-onboarding .inner svg {
  max-width: min(90vw, 30rem);
  margin: 2rem auto;
  display: block;
  height: auto;
}
.ab-onboarding .inner h1 {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
  text-align: center;
  margin: 2rem auto 1rem;
  display: block;
}
.ab-onboarding .inner p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #6c6c6c;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.ab-onboarding .inner .btn-wrap {
  margin: 2rem;
  justify-content: center;
}

.image-preview {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-preview .image-count {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #6c6c6c;
  display: block;
  margin-left: 0.25rem;
}
.image-preview svg {
  color: #6E6F73;
}
.image-preview .image-preview-container {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%) scale(0.9);
  pointer-events: none;
  z-index: 800;
  padding: 1rem;
  background: #f8f7fb;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  border-radius: 1.5rem;
  width: 100vw;
  max-width: 25rem;
  aspect-ratio: 3/2;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
  opacity: 0;
}
.image-preview .image-preview-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  display: block;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border-radius: 1rem;
}
.image-preview:hover .image-preview-container {
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

.building-block {
  padding: 0.5rem;
  margin-top: 2rem;
  border: 2px dashed transparent;
  border-radius: 0.5rem;
  position: relative;
  border: 2px dashed #d9dade;
  cursor: default;
}
.building-block.action {
  cursor: pointer;
}
.building-block.action:hover {
  border-color: #bebfc6;
}
.building-block > .btn-wrap {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  margin: 0;
  display: none;
}
.building-block > .btn-wrap button:not(:last-child) {
  margin-right: 0.25rem;
}
.building-block span.block-type {
  display: block;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  left: -2px;
  background: #E6E6E7;
  padding: 0.25rem 1rem;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  opacity: 0;
  transition: all 0.1s ease-in-out;
}
.building-block:hover:not(:has(.building-block:hover)) {
  border-top-left-radius: 0;
}
.building-block:hover:not(:has(.building-block:hover)) > span.block-type, .building-block:hover:not(:has(.building-block:hover)) > .btn-wrap {
  display: flex;
  visibility: visible;
  opacity: 1;
}
.building-block.active {
  border-color: #d6a95a !important;
}
.building-block.active > span.block-type {
  background: #d6a95a;
  display: block;
}
.building-block .address-block,
.building-block .vehicle-block,
.building-block .siganture-block,
.building-block .options-block {
  background: #eeeeee;
}
.building-block .address-block span,
.building-block .vehicle-block span,
.building-block .siganture-block span,
.building-block .options-block span {
  display: block;
}
.building-block .address-block span.title-sm,
.building-block .vehicle-block span.title-sm,
.building-block .siganture-block span.title-sm,
.building-block .options-block span.title-sm {
  margin-bottom: 0.25rem;
}
.building-block .address-block .row:not(:last-of-type),
.building-block .vehicle-block .row:not(:last-of-type),
.building-block .siganture-block .row:not(:last-of-type),
.building-block .options-block .row:not(:last-of-type) {
  margin-bottom: 1.5rem;
}
.building-block .siganture-block {
  max-width: 25rem;
}
.building-block .siganture-block span {
  margin-top: 3rem;
}
.building-block .spacer-block {
  margin: 2rem 0;
  height: 2px;
  background: #E6E6E7;
}
.building-block .page-break-block span {
  display: block;
  text-align: center;
  margin: 1rem 0;
}

.blocks-preview {
  background: #fff;
  padding: 1rem;
  border: 1px solid #E6E6E7;
  max-width: 60rem;
  margin: 0 auto;
  box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
}
.blocks-preview .template-background.header {
  margin-bottom: 5rem;
}
.blocks-preview .template-background.footer {
  margin-top: 5rem;
}
.blocks-preview .template-background img {
  width: 100%;
  opacity: 0.15;
}
.blocks-preview .building-block {
  margin-bottom: 2rem;
}

.blocks-preview-wrap .preview-title {
  display: block;
  text-align: center;
}

.video-container .thumbnail-wrap {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
}
.video-container .thumbnail-wrap svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4rem;
  color: #fff;
  z-index: 10;
}
.video-container .thumbnail-wrap img {
  display: block;
  width: 100%;
  transition: all 0.15s ease-in-out;
}
.video-container .thumbnail-wrap:hover img {
  transform: scale(1.05);
}
.video-container .thumbnail-wrap:hover:after {
  opacity: 0.6;
}
.video-container .thumbnail-wrap:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #000;
  opacity: 0.5;
  transition: all 0.15s ease-in-out;
}
.video-container span.title {
  display: block;
  margin: 1rem 0 0.25rem;
}
.video-container span.subtitle {
  color: #6c6c6c;
}

.backdrop {
  position: sticky;
  top: 0;
  padding: 0.5rem 1rem;
  max-height: calc(100vh - 62px * 4);
  overflow: hidden auto;
}

.backdrop-content {
  min-height: calc(100vh - 6rem);
  background: #f8f7fb;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  padding: 0.5rem;
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  z-index: 1;
  position: relative;
}

@media only screen and (max-width: 1200px) {
  .backdrop {
    padding-top: 4.5rem;
    position: relative;
  }
}
.backdrop-filter.ng-hide {
  max-height: 0;
  opacity: 0;
}

.backdrop-filter-wrap {
  width: 100%;
  margin-top: 0.5rem;
}

.backdrop-filter {
  padding: 1rem 0;
  max-height: 100vh;
  opacity: 1;
  transition: all ease-in-out 0.25s;
  clear: both;
}
.backdrop-filter h2 {
  display: table;
  white-space: nowrap;
  color: #9da6a8;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.backdrop-filter h2:after, .backdrop-filter h2:before {
  border-top: 1px solid #24252A;
  content: "";
  display: table-cell;
  position: relative;
  top: 1em;
  width: 45%;
}
.backdrop-filter h2:before {
  right: 1.5%;
}
.backdrop-filter h2:after {
  left: 1.5%;
}
.backdrop-filter .filter {
  width: 100%;
  background-color: #24252A;
  border-radius: 5px;
  color: #9da6a8;
  font-size: 0.9rem;
  position: relative;
  margin-top: 0.5em;
}
.backdrop-filter .filter:hover {
  background: #18191c;
}
.backdrop-filter .filter:hover .input-description {
  background: #18191c;
}
.backdrop-filter .filter label {
  display: none;
}
.backdrop-filter .filter.select:before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2em;
  font-size: 1em;
  background-color: #9da6a8;
  z-index: 1;
  pointer-events: none;
}
.backdrop-filter .filter.date:before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTYwIDMyVjY0SDI4OFYzMkMyODggMTQuMzMgMzAyLjMgMCAzMjAgMEMzMzcuNyAwIDM1MiAxNC4zMyAzNTIgMzJWNjRINDAwQzQyNi41IDY0IDQ0OCA4NS40OSA0NDggMTEyVjE2MEgwVjExMkMwIDg1LjQ5IDIxLjQ5IDY0IDQ4IDY0SDk2VjMyQzk2IDE0LjMzIDExMC4zIDAgMTI4IDBDMTQ1LjcgMCAxNjAgMTQuMzMgMTYwIDMyek0wIDE5Mkg0NDhWNDY0QzQ0OCA0OTAuNSA0MjYuNSA1MTIgNDAwIDUxMkg0OEMyMS40OSA1MTIgMCA0OTAuNSAwIDQ2NFYxOTJ6TTY0IDMwNEM2NCAzMTIuOCA3MS4xNiAzMjAgODAgMzIwSDExMkMxMjAuOCAzMjAgMTI4IDMxMi44IDEyOCAzMDRWMjcyQzEyOCAyNjMuMiAxMjAuOCAyNTYgMTEyIDI1Nkg4MEM3MS4xNiAyNTYgNjQgMjYzLjIgNjQgMjcyVjMwNHpNMTkyIDMwNEMxOTIgMzEyLjggMTk5LjIgMzIwIDIwOCAzMjBIMjQwQzI0OC44IDMyMCAyNTYgMzEyLjggMjU2IDMwNFYyNzJDMjU2IDI2My4yIDI0OC44IDI1NiAyNDAgMjU2SDIwOEMxOTkuMiAyNTYgMTkyIDI2My4yIDE5MiAyNzJWMzA0ek0zMzYgMjU2QzMyNy4yIDI1NiAzMjAgMjYzLjIgMzIwIDI3MlYzMDRDMzIwIDMxMi44IDMyNy4yIDMyMCAzMzYgMzIwSDM2OEMzNzYuOCAzMjAgMzg0IDMxMi44IDM4NCAzMDRWMjcyQzM4NCAyNjMuMiAzNzYuOCAyNTYgMzY4IDI1NkgzMzZ6TTY0IDQzMkM2NCA0NDAuOCA3MS4xNiA0NDggODAgNDQ4SDExMkMxMjAuOCA0NDggMTI4IDQ0MC44IDEyOCA0MzJWNDAwQzEyOCAzOTEuMiAxMjAuOCAzODQgMTEyIDM4NEg4MEM3MS4xNiAzODQgNjQgMzkxLjIgNjQgNDAwVjQzMnpNMjA4IDM4NEMxOTkuMiAzODQgMTkyIDM5MS4yIDE5MiA0MDBWNDMyQzE5MiA0NDAuOCAxOTkuMiA0NDggMjA4IDQ0OEgyNDBDMjQ4LjggNDQ4IDI1NiA0NDAuOCAyNTYgNDMyVjQwMEMyNTYgMzkxLjIgMjQ4LjggMzg0IDI0MCAzODRIMjA4ek0zMjAgNDMyQzMyMCA0NDAuOCAzMjcuMiA0NDggMzM2IDQ0OEgzNjhDMzc2LjggNDQ4IDM4NCA0NDAuOCAzODQgNDMyVjQwMEMzODQgMzkxLjIgMzc2LjggMzg0IDM2OCAzODRIMzM2QzMyNy4yIDM4NCAzMjAgMzkxLjIgMzIwIDQwMFY0MzJ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTYwIDMyVjY0SDI4OFYzMkMyODggMTQuMzMgMzAyLjMgMCAzMjAgMEMzMzcuNyAwIDM1MiAxNC4zMyAzNTIgMzJWNjRINDAwQzQyNi41IDY0IDQ0OCA4NS40OSA0NDggMTEyVjE2MEgwVjExMkMwIDg1LjQ5IDIxLjQ5IDY0IDQ4IDY0SDk2VjMyQzk2IDE0LjMzIDExMC4zIDAgMTI4IDBDMTQ1LjcgMCAxNjAgMTQuMzMgMTYwIDMyek0wIDE5Mkg0NDhWNDY0QzQ0OCA0OTAuNSA0MjYuNSA1MTIgNDAwIDUxMkg0OEMyMS40OSA1MTIgMCA0OTAuNSAwIDQ2NFYxOTJ6TTY0IDMwNEM2NCAzMTIuOCA3MS4xNiAzMjAgODAgMzIwSDExMkMxMjAuOCAzMjAgMTI4IDMxMi44IDEyOCAzMDRWMjcyQzEyOCAyNjMuMiAxMjAuOCAyNTYgMTEyIDI1Nkg4MEM3MS4xNiAyNTYgNjQgMjYzLjIgNjQgMjcyVjMwNHpNMTkyIDMwNEMxOTIgMzEyLjggMTk5LjIgMzIwIDIwOCAzMjBIMjQwQzI0OC44IDMyMCAyNTYgMzEyLjggMjU2IDMwNFYyNzJDMjU2IDI2My4yIDI0OC44IDI1NiAyNDAgMjU2SDIwOEMxOTkuMiAyNTYgMTkyIDI2My4yIDE5MiAyNzJWMzA0ek0zMzYgMjU2QzMyNy4yIDI1NiAzMjAgMjYzLjIgMzIwIDI3MlYzMDRDMzIwIDMxMi44IDMyNy4yIDMyMCAzMzYgMzIwSDM2OEMzNzYuOCAzMjAgMzg0IDMxMi44IDM4NCAzMDRWMjcyQzM4NCAyNjMuMiAzNzYuOCAyNTYgMzY4IDI1NkgzMzZ6TTY0IDQzMkM2NCA0NDAuOCA3MS4xNiA0NDggODAgNDQ4SDExMkMxMjAuOCA0NDggMTI4IDQ0MC44IDEyOCA0MzJWNDAwQzEyOCAzOTEuMiAxMjAuOCAzODQgMTEyIDM4NEg4MEM3MS4xNiAzODQgNjQgMzkxLjIgNjQgNDAwVjQzMnpNMjA4IDM4NEMxOTkuMiAzODQgMTkyIDM5MS4yIDE5MiA0MDBWNDMyQzE5MiA0NDAuOCAxOTkuMiA0NDggMjA4IDQ0OEgyNDBDMjQ4LjggNDQ4IDI1NiA0NDAuOCAyNTYgNDMyVjQwMEMyNTYgMzkxLjIgMjQ4LjggMzg0IDI0MCAzODRIMjA4ek0zMjAgNDMyQzMyMCA0NDAuOCAzMjcuMiA0NDggMzM2IDQ0OEgzNjhDMzc2LjggNDQ4IDM4NCA0NDAuOCAzODQgNDMyVjQwMEMzODQgMzkxLjIgMzc2LjggMzg0IDM2OCAzODRIMzM2QzMyNy4yIDM4NCAzMjAgMzkxLjIgMzIwIDQwMFY0MzJ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2em;
  font-size: 1em;
  background-color: #9da6a8;
  z-index: 1;
  pointer-events: none;
}
.backdrop-filter .filter > svg:not([data-fa-pseudo-element]) {
  font-size: 1.5em;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  transition: all 0.4s ease;
}
.backdrop-filter .filter svg.filter__icon__active,
.backdrop-filter .filter svg.active {
  color: #fff;
}
.backdrop-filter .filter .input-description {
  background-color: #24252A;
  color: #fff;
  font-weight: 600;
  left: 4rem;
  font-size: 1rem;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 0;
  width: calc(100% - 4rem);
  line-height: 1;
}
.backdrop-filter .filter .remove-button {
  margin-right: 1rem;
  color: #9da6a8;
}
.backdrop-filter .filter input,
.backdrop-filter .filter select {
  height: 100%;
  width: 100%;
  background: none;
  border: none;
  padding: 0.9em 0.5em 1em 4em;
  color: #fff;
  font-size: 1.1em;
  font-weight: 800;
  transition: all 0.4s ease;
  -webkit-appearance: none;
}
.backdrop-filter .filter select {
  height: 3.299em;
  color: #9da6a8;
  font-weight: 400;
  position: relative;
}
.backdrop-filter .filter select.filter__select__active {
  color: #fff;
  font-weight: 800;
}
.backdrop-filter .filter input::placeholder {
  color: #9da6a8;
  font-weight: 400;
}

@media only screen and (max-width: 1200px) {
  .backdrop-filter-wrap {
    max-height: 50vh;
    overflow-y: auto;
  }
  .backdrop-filter {
    display: none;
    transition: max-height 0.15s ease-in-out;
    max-height: none;
  }
  .backdrop-filter.showMobile {
    display: block;
  }
}
.backdrop-title {
  padding: 1rem 1rem;
}
.backdrop-title h1 {
  margin: 0.5rem 0 0.35rem;
  padding: 0;
  display: flex;
  justify-content: space-between;
  color: #E6E6E7;
}

.backdrop-subtitle {
  color: #C1C1C3;
  font-size: 0.9em;
  display: block;
}

@media only screen and (max-width: 1200px) {
  .backdrop-title {
    padding-top: 0;
  }
}
.backdrop-tools {
  margin: 1rem 0;
  display: flex;
  justify-content: flex-end;
}
.backdrop-tools > :not(:last-child) {
  margin-right: 1rem;
}

@media only screen and (max-width: 1200px) {
  /** On tablets and smaller we move the backdrop tools in the top navigation bar **/
  .backdrop-tools {
    position: fixed;
    top: 0;
    right: 6rem;
    height: 4.5rem;
    z-index: 50;
    margin: 0;
    width: calc(60vw - 6rem);
    background: #2B2C31;
  }
  .backdrop-tools button {
    display: flex;
    height: 4.5rem;
    padding: 0.25rem 0.5rem;
  }
  .backdrop-tools button.active {
    background: none;
    position: relative;
  }
  .backdrop-tools button.active svg {
    color: #fff;
  }
  .backdrop-tools button.active:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background: #303137;
    border-radius: 100%;
    z-index: -1;
  }
}
footer {
  background-color: #131316;
  padding: 1em;
}
footer .version {
  text-align: center;
  color: #C1C1C3;
  font-size: 0.8em;
  display: block;
}

dl {
  margin: 1rem 0;
}
dl dt {
  display: block;
  font-weight: 600;
  margin: 0 0 0.25rem;
}
dl dd {
  display: block;
  margin: 0 0 2rem;
}

.body-overflow-hide {
  overflow-y: hidden;
  padding-right: 15px;
  max-height: 100vh;
}

/** On desktop we move the main content to the right **/
.main {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  left: 90px;
  background: #2B2C31;
  border-top-left-radius: 1.5rem;
  width: auto;
}

/** On tablets and smaller we dont have to move the content, but have to move it
down to make room for the mobile top nav bar. **/
@media (max-width: 1200px) {
  .main {
    overflow: initial;
    left: 0;
    position: relative;
    border-top-left-radius: 0;
  }
}
@media only screen and (min-device-width: 431px) {
  .vmax-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 430px) {
  .vmin-mobile {
    display: none !important;
  }
}
@media only screen and (min-device-width: 769px) {
  .vmax-tablet {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .vmin-tablet {
    display: none !important;
  }
}
@media only screen and (min-device-width: 1200px) {
  .vmax-tablet-xl {
    display: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  .vmin-tablet-xl {
    display: none !important;
  }
}
@media only screen and (min-device-width: 1025px) {
  .vmax-laptop {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .vmin-laptop {
    display: none !important;
  }
}
@media only screen and (min-device-width: 1441px) {
  .vmax-desktop {
    display: none !important;
  }
}
@media only screen and (max-width: 1440px) {
  .vmin-desktop {
    display: none !important;
  }
}
.exports .filter-list span {
  display: inline-block;
  margin: 0.3em;
}

.dashboard .features {
  margin: 2rem 0 0;
}
.dashboard .features > div {
  margin-bottom: 0.75rem;
}
.dashboard .features > div span:first-of-type {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  color: #6c6c6c;
}
.dashboard .features > div span {
  display: block;
}
.dashboard .features > div span:last-of-type {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin-top: 0.25rem;
}
.dashboard .dashboard-wrap {
  display: flex;
}
.dashboard .loading-bar {
  margin: 0.5em 0;
  text-align: center;
}
.dashboard .loading-bar span {
  display: inline-block;
  font-size: 1em;
  vertical-align: middle;
  margin: 0.2em;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.link-api .missing-cars .missing-cars-table {
  margin-top: 1rem;
  max-height: 30rem;
  overflow-y: auto;
}
.link-api .missing-cars .missing-cars-table .heading {
  border-bottom: 2px solid #C1C1C3;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.link-api .missing-cars .missing-cars-table .heading span {
  color: #3b3737;
  font-weight: 600;
}
.link-api .missing-cars .missing-cars-table .row > div {
  margin: 0;
}
.link-api .missing-cars .missing-cars-table .row {
  margin: 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #E6E6E7;
}
.link-api .missing-cars .missing-cars-table .row span b {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.link-api .missing-cars .missing-cars-table .row span {
  display: block;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.login-screen {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2B2C31;
  z-index: 2147483002;
}
.login-screen .login-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 40rem;
  padding: 2rem 1rem;
}
.login-screen .login-wrap .intro {
  margin-bottom: 2rem;
}
.login-screen .login-wrap .intro h2 {
  margin-bottom: 0.25rem;
  justify-content: center;
}
.login-screen .login-wrap img {
  display: block;
  margin: 0 auto 3rem;
  max-width: 20rem;
}
.login-screen .login-wrap form {
  border-radius: 0.5rem;
  box-shadow: 0 0px 4rem rgba(214, 169, 90, 0.08);
  background: #fff;
  padding: 1rem;
}
.login-screen .login-wrap span {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #6c6c6c;
  display: block;
  text-align: center;
}
.login-screen .login-wrap span.emphasis {
  font-weight: 500;
}
.login-screen .login-wrap span.copyright {
  color: #98989B;
  margin-top: 2rem;
}
.login-screen .login-wrap .alert-box {
  animation: 0.25s ease-in-out 0s 1 materialFadeIn;
  margin-bottom: 2rem;
}
.login-screen .login-wrap .alert-box .text-wrap h4,
.login-screen .login-wrap .alert-box .text-wrap p {
  margin: 0 !important;
}

@media only screen and (max-width: 768px) {
  .login-screen .login-wrap {
    padding: 2rem 0;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.missing-codes .missing-codes-table {
  margin-top: 1rem;
}
.missing-codes .missing-codes-table .heading {
  border-bottom: 1px solid #E6E6E7;
}
.missing-codes .missing-codes-table .heading span {
  color: #3b3737;
  font-weight: 600;
}
.missing-codes .missing-codes-table .row > div {
  margin: 0;
}
.missing-codes .missing-codes-table .row {
  margin: 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #E6E6E7;
}
.missing-codes .missing-codes-table .row > * {
  display: flex;
  align-items: center;
}
.missing-codes .missing-codes-table .row span,
.missing-codes .missing-codes-table .row a {
  line-height: 1em;
  margin: 0;
  display: block;
}
.missing-codes .missing-codes-table .row span.code,
.missing-codes .missing-codes-table .row a.code {
  font-weight: 600;
}
.missing-codes .missing-codes-table a {
  color: #484343;
}

@media only screen and (max-width: 768px) {
  .missing-codes .missing-codes-table .row {
    padding: 1rem 0;
  }
  .missing-codes .btn-wrap {
    margin-top: 1rem !important;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.force-password-change {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 2147483002;
  overflow-y: auto;
}
.force-password-change .intro {
  margin-bottom: 2rem;
}
.force-password-change .intro svg {
  height: auto;
  max-width: 20rem;
  display: block;
  margin: 0 auto;
}
.force-password-change .intro h2 {
  margin-bottom: 0.25rem;
  justify-content: center;
}
.force-password-change .intro span {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: block;
  color: #6c6c6c;
  text-align: center;
}
.force-password-change .intro span.emphasis {
  font-weight: 500;
}
.force-password-change form {
  margin: 1rem auto;
}
.force-password-change form h2 {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .login-screen .login-wrap {
    padding: 2rem 0;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.frontpage .title {
  display: flex;
  align-items: center;
}
.frontpage .user-intro {
  display: flex;
  align-items: center;
  padding: 0 1em;
}
.frontpage .user-intro .profile-image {
  max-width: 5em;
}
.frontpage .user-intro .text {
  padding: 0 0 0 1em;
}
.frontpage .user-intro a.user-settings {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  color: #C1C1C3;
  text-decoration: none;
}
.frontpage .user-intro span.user-name {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
  color: #E6E6E7;
  display: block;
}
.frontpage .frontpage-row-wrap {
  padding: 0 1.5rem 1.5rem;
}
.frontpage .scroll-wrap {
  padding: 0;
}

@media only screen and (max-width: 430px) {
  .frontpage .frontpage-row-wrap {
    padding: 0;
  }
}

.ls-table.ls-table__fuel td span.car-detail {
  font-weight: 700;
}
.ls-table.ls-table__fuel .vmax-tablet .make {
  font-weight: 700;
}
.not-found-wrap {
  max-width: 20rem;
  margin: 0 auto;
}
.not-found-wrap svg {
  display: block;
  width: 100%;
  height: auto;
}
.not-found-wrap h1 {
  text-align: center;
  display: block;
}

/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.tier-warning .intro-image-wrap svg {
  height: auto;
  max-width: 20rem;
  display: block;
  margin: 0 auto;
}
.tier-warning .checklist {
  margin: 2rem 0;
}
.tier-warning .checklist .item {
  display: flex;
}
.tier-warning .checklist .item:not(:last-child) {
  margin-bottom: 0.5rem;
}
.tier-warning .checklist .item .icon {
  margin-right: 0.5rem;
  color: #d6a95a;
}
.tier-warning .checklist .item span {
  font-size: 0.9rem;
}
.trade-ins-table .make {
  font-weight: 600;
}
.user-form figure.role span {
  font-size: 1em;
}
.user-form figure.role span.role-name {
  font-weight: 600;
}
.user-table table .profile-image {
  max-width: 3em;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  .user-table table .cl-profile {
    display: flex;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.dropzone {
  border: 2px dashed #E6E6E7;
}

.image-upload-form ul[dnd-list] {
  min-height: 5rem;
  padding: 0;
  margin: 0;
}
.image-upload-form .dndDragging {
  opacity: 0.7;
}
.image-upload-form .dndPlaceholder {
  background-color: #E6E6E7;
}
.image-upload-form .itemlist {
  display: flex;
  flex-wrap: wrap;
}
.image-upload-form .itemlist > li {
  background-color: #E6E6E7;
  border: none;
  border-radius: 0.25rem;
  margin: 0.75rem 0.75rem 0 0;
  width: 13rem;
  overflow: hidden;
  cursor: pointer;
}
.image-upload-form .itemlist > li.dndDraggingSource {
  opacity: 0.5;
}
.image-upload-form .itemlist > li img {
  display: block;
  width: 100%;
}
.image-upload-form ul.trashcan {
  list-style: none;
  padding-left: 0px;
}
.image-upload-form ul.trashcan li {
  background-color: #E6E6E7;
  border: none;
  border-radius: 0.25rem;
  margin: 0.75rem 0.75rem 0 0;
  height: 10rem;
  width: 13rem;
  overflow: hidden;
  cursor: pointer;
}
.image-upload-form ul.trashcan img {
  width: 100%;
  filter: grayscale(100%);
}
.image-upload-form ul.trashcan .dndDragover img {
  width: 100%;
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.image-upload-form ul.trashcan .dndPlaceholder {
  display: none;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.online-platforms-form .statistics {
  margin: 3rem 0 !important;
}
.online-platforms-form .statistics .data-point > span {
  display: block;
  text-align: center;
}
.online-platforms-form .statistics .data-point > span:first-child {
  color: #6c6c6c;
}
.online-platforms-form .statistics .data-point > span:last-child {
  font-weight: 600;
  font-size: 1.1rem;
}
.online-platforms-form .alert-box {
  margin: 1rem 0;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.panoramicForm .panoramic-wrap {
  background-color: #E6E6E7;
  border: none;
  border-radius: 0.25rem;
  margin: 0.75rem 0.75rem 0 0;
  width: 13rem;
}
.panoramicForm .panoramic-wrap iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
  border: none;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.accordion {
  border-bottom: 1px solid #E6E6E7;
  padding: 0.5em 0;
  margin: 0.5em 0 0;
}
.accordion .accordion-toggle {
  padding: 0.5em 0;
  position: relative;
  color: #3b3737;
  cursor: pointer;
  font-weight: 600;
}
.accordion .accordion-toggle:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #3b3737;
  right: 1em;
}
.accordion .accordion-toggle.active:after {
  transform: rotate(180deg) translateY(-50%);
  top: auto;
  bottom: 50%;
}
.accordion .inner {
  overflow-y: auto;
  transition: all linear 0.5s;
  padding: 0 1em;
}
.accordion .inner.ng-hide-add, .accordion .inner.ng-hide-remove {
  max-height: 20em;
}
.accordion .inner.ng-hide {
  max-height: 0;
  opacity: 0;
}

.accordion-list .accordion:last-child {
  border-bottom: none;
}

h3 .accordion-btn {
  appearance: none;
  background: none;
  border: none;
  color: #3b3737;
  font-size: 1em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
h3 .accordion-btn:hover {
  text-decoration: underline;
}
h3 .accordion-btn svg {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #484343;
  font-size: 1rem;
  margin-right: 1rem;
}

.alert-box {
  position: relative;
  max-width: 40em;
  margin: 0 auto;
  border-radius: 0.5em;
  background-color: #fffdf5;
  overflow: hidden;
  width: 100%;
}
.alert-box.error {
  background-color: #feefef;
}
.alert-box.error .icon-wrap {
  background-color: #f87676;
}
.alert-box.error:after {
  background: linear-gradient(0deg, #feefef 0%, rgba(0, 212, 255, 0) 100%);
}
.alert-box.success {
  background-color: #a3d2ad;
}
.alert-box.success .icon-wrap {
  background-color: #51a562;
}
.alert-box.success:after {
  background: linear-gradient(0deg, #a3d2ad 0%, rgba(0, 212, 255, 0) 100%);
}
.alert-box .icon-wrap {
  background: #f8c276;
  color: #fff;
  position: relative;
  padding: 1em;
  z-index: 101;
}
.alert-box .icon-wrap svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.alert-box .text-wrap {
  padding: 1em;
  max-height: 13em;
  overflow-y: auto;
  position: relative;
}
.alert-box .text-wrap h3, .alert-box .text-wrap h3 .accordion-btn, h3 .alert-box .text-wrap .accordion-btn {
  font-size: 1em;
  margin: 0.75em 0;
}
.alert-box .text-wrap span {
  font-weight: 600;
  opacity: 0.7;
  font-size: 0.9em;
  color: #3b3737 !important;
}
.alert-box .text-wrap p {
  margin: 1em 0 0 !important;
  padding: 0 !important;
}
.alert-box:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1em;
  background: linear-gradient(0deg, #fffdf5 0%, rgba(0, 212, 255, 0) 100%);
  pointer-events: none;
  z-index: 100;
}
.alert-box .open-overlay {
  cursor: pointer;
}

.panel-form .alert-box .row {
  margin: 0;
}

@media only screen and (max-width: 430px) {
  .alert-box .text-wrap {
    max-height: 30em;
  }
}
.box-wrap {
  max-width: 60rem;
  margin: 0 auto;
}
.box-wrap.full-width {
  max-width: none;
}

.boxM {
  background: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
}

.boxL {
  background: #fff;
  width: 100%;
  box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
  padding: 2.25rem;
  border-radius: 1.5rem;
  margin: 0 0 2rem;
  position: relative;
  overflow: hidden;
}

.boxL .boxM:not(:last-of-type),
.boxNone .boxM:not(:last-of-type) {
  margin-bottom: 1rem;
}
.boxL .flag,
.boxNone .flag {
  border-top-right-radius: 1.5rem;
  position: absolute;
  right: 0;
  top: 0;
  background: #d19e46;
  color: #fff;
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
}
.boxL .intro,
.boxNone .intro {
  margin: 0 0 2rem;
}
.boxL .intro h2, .boxL .intro h3, .boxL .intro h3 .accordion-btn, h3 .boxL .intro .accordion-btn,
.boxNone .intro h2,
.boxNone .intro h3,
.boxNone .intro h3 .accordion-btn,
h3 .boxNone .intro .accordion-btn {
  margin: 0 0 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boxL .intro p,
.boxNone .intro p {
  color: #7d7474;
  line-height: 1.5em;
  font-size: 0.9rem;
}
.boxL p.subtitle,
.boxNone p.subtitle {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #6c6c6c;
  margin-bottom: 2rem;
}
.boxL p.subtitle.emphasis,
.boxNone p.subtitle.emphasis {
  font-weight: 500;
}
.boxL div.subtitle,
.boxNone div.subtitle {
  margin: 2rem 0 2rem;
}
.boxL div.subtitle h3, .boxL div.subtitle h3 .accordion-btn, h3 .boxL div.subtitle .accordion-btn,
.boxNone div.subtitle h3,
.boxNone div.subtitle h3 .accordion-btn,
h3 .boxNone div.subtitle .accordion-btn {
  margin: 0 0 1rem;
}
.boxL.ghost,
.boxNone.ghost {
  position: relative;
  overflow: hidden;
}
.boxL.ghost:before,
.boxNone.ghost:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}
.boxL.ghost h1, .boxL.ghost h2, .boxL.ghost h3, .boxL.ghost h3 .accordion-btn, h3 .boxL.ghost .accordion-btn,
.boxNone.ghost h1,
.boxNone.ghost h2,
.boxNone.ghost h3,
.boxNone.ghost h3 .accordion-btn,
h3 .boxNone.ghost .accordion-btn {
  background: #E6E6E7;
  color: #E6E6E7;
}
.boxL.ghost .ghost-block,
.boxNone.ghost .ghost-block {
  display: block;
  padding: 1rem;
  background: #E6E6E7;
  margin: 0.5rem 0;
}
.boxL.ghost .ghost-block.x2,
.boxNone.ghost .ghost-block.x2 {
  padding: 2rem;
}
.boxL.ghost .ghost-block.x3,
.boxNone.ghost .ghost-block.x3 {
  padding: 3rem;
}
.boxL.ghost .ghost-block.x4,
.boxNone.ghost .ghost-block.x4 {
  padding: 4rem;
}

dl.box-list {
  display: flex;
  flex-wrap: wrap;
}
dl.box-list dt,
dl.box-list dd {
  margin: 0 0 1.5rem;
}
dl.box-list dt {
  max-width: 20rem;
  width: 35%;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
}
dl.box-list dd {
  width: 65%;
}

.section-divider {
  height: 1rem;
  border-top: 1px solid #E6E6E7;
  margin: 2rem 0;
}

.box-divider {
  margin-top: -2rem;
  position: relative;
}
.box-divider span {
  margin-left: 2rem;
  padding-left: 2rem;
  display: flex;
  align-items: center;
  height: 100%;
  border-left: 2px solid #E6E6E7;
  min-height: 8rem;
  font-weight: 600;
  font-size: 0.9rem;
}
.box-divider span svg {
  margin-right: 1rem;
}

@media only screen and (max-width: 430px) {
  .boxL {
    background: #fff;
    width: 100%;
    box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
    padding: 2.25rem;
    border-radius: 1.5rem;
    margin: 0 0 2rem;
    padding: 1.35rem 1.125rem;
  }
}
.btn-menu {
  display: flex;
  flex-direction: column;
}
.btn-menu button {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  border: none;
  padding: 1rem 0.25rem;
  border-radius: none;
  background: none;
  color: #393939;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  font-size: 0.9rem;
  font-weight: 700;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 0;
}
.btn-menu button:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-menu button:focus:not(:active):after {
  display: block;
}
.btn-menu button.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-menu button.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-menu button.light {
  background-color: #fff;
  color: #484343;
}
.btn-menu button.danger {
  background-color: #f87676;
}
.btn-menu button.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-menu button.circle svg {
  margin: 0;
}
.btn-menu button:disabled {
  cursor: not-allowed;
}
.btn-menu button:focus {
  outline: none;
}
.btn-menu button.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-menu button svg {
  margin-right: 0.5rem;
}
.btn-menu button:hover {
  background: #E6E6E7;
}
.btn-menu button span {
  display: block;
}
.btn-menu button span:nth-child(2) {
  font-weight: 300;
  font-size: 0.8em;
  color: #6c6c6c;
}

.btn-sending {
  padding-right: 2rem !important;
  transform: scale(1);
  opacity: 0.7;
}
.btn-sending:before {
  content: "";
  position: absolute;
  right: 0.5em;
  top: 50%;
  width: 1.5em;
  height: 1.5em;
  border: 3px solid;
  border-left-color: transparent;
  border-radius: 50%;
  animation: spin-top 4s linear infinite;
}
.btn-sending:after {
  display: none;
}

.btn-lvl1 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
}
.btn-lvl1:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl1:focus:not(:active):after {
  display: block;
}
.btn-lvl1.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl1.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl1.light {
  background-color: #fff;
  color: #484343;
}
.btn-lvl1.danger {
  background-color: #f87676;
}
.btn-lvl1.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl1.circle svg {
  margin: 0;
}
.btn-lvl1:disabled {
  cursor: not-allowed;
}
.btn-lvl1:focus {
  outline: none;
}
.btn-lvl1.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl1 svg {
  margin-right: 0.5rem;
}

.btn-lvl2 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #2B2C31;
  border: 1px solid #C1C1C3;
  color: #130e05;
  border-color: #130e05;
}
.btn-lvl2:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl2:focus:not(:active):after {
  display: block;
}
.btn-lvl2.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl2.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl2.light {
  background-color: #fff;
  color: #484343;
}
.btn-lvl2.danger {
  background-color: #f87676;
}
.btn-lvl2.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl2.circle svg {
  margin: 0;
}
.btn-lvl2:disabled {
  cursor: not-allowed;
}
.btn-lvl2:focus {
  outline: none;
}
.btn-lvl2.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl2 svg {
  margin-right: 0.5rem;
}
.btn-lvl2.disabled {
  background: #eeeeee !important;
  border-color: #C1C1C3 !important;
  color: #6E6F73 !important;
  border-style: dotted;
}
.btn-lvl2.light {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}

input::file-selector-button {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #1E1F23;
}
input::file-selector-button:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
input::file-selector-button:focus:not(:active):after {
  display: block;
}
input::file-selector-button.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
input::file-selector-button.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
input::file-selector-button.light {
  background-color: #fff;
  color: #484343;
}
input::file-selector-button.danger {
  background-color: #f87676;
}
input::file-selector-button.circle {
  padding: 0.8rem;
  width: 3rem;
}
input::file-selector-button.circle svg {
  margin: 0;
}
input::file-selector-button:disabled {
  cursor: not-allowed;
}
input::file-selector-button:focus {
  outline: none;
}
input::file-selector-button.inactive {
  background: #303137;
  color: #E6E6E7;
}
input::file-selector-button svg {
  margin-right: 0.5rem;
}

.btn-lvl3 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #1E1F23;
}
.btn-lvl3:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl3:focus:not(:active):after {
  display: block;
}
.btn-lvl3.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl3.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl3.light {
  background-color: #fff;
  color: #484343;
}
.btn-lvl3.danger {
  background-color: #f87676;
}
.btn-lvl3.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl3.circle svg {
  margin: 0;
}
.btn-lvl3:disabled {
  cursor: not-allowed;
}
.btn-lvl3:focus {
  outline: none;
}
.btn-lvl3.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl3 svg {
  margin-right: 0.5rem;
}
.btn-lvl3:hover {
  background: #C1C1C3;
  color: #1E1F23;
}
.btn-lvl3.light {
  background: none;
  color: #fff;
}
.btn-lvl3.light.active {
  background: #fff;
  color: #1E1F23;
}
.btn-lvl3.light.active:hover {
  background: #e6e6e6;
  color: #1E1F23;
}

.btn-fab {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  width: 58.5px;
  height: 58.5px;
  padding: 0.5rem;
  border-radius: 1.15rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  border: none;
}
.btn-fab:hover {
  opacity: 0.9;
}
.btn-fab:hover .icon svg {
  transform: scale(1.05) translate(-50%, -50%);
}
.btn-fab svg {
  font-size: 1.4rem;
  color: #1E1F23;
}
.btn-fab.sec {
  background-color: #2B2C31;
  font-size: 1em;
}
.btn-fab:active {
  background: #1E1F23;
}

.btn-backdrop-lvl1, .btn-backdrop-lvl3, .btn-backdrop-lvl2 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 2em;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  transition: all ease-in-out 0.15s;
  color: #1E1F23;
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
}
.btn-backdrop-lvl1:after, .btn-backdrop-lvl3:after, .btn-backdrop-lvl2:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-backdrop-lvl1:focus:not(:active):after, .btn-backdrop-lvl3:focus:not(:active):after, .btn-backdrop-lvl2:focus:not(:active):after {
  display: block;
}
.btn-backdrop-lvl1 svg, .btn-backdrop-lvl3 svg, .btn-backdrop-lvl2 svg {
  font-size: 1.2rem;
  margin: 0 0.4em;
}
.btn-backdrop-lvl1:hover, .btn-backdrop-lvl3:hover, .btn-backdrop-lvl2:hover {
  opacity: 0.9;
}
.btn-backdrop-lvl1:hover span, .btn-backdrop-lvl3:hover span, .btn-backdrop-lvl2:hover span {
  opacity: 1;
}

.btn-backdrop-lvl2 {
  color: #d9bc6c;
  border: 2.4px solid #d6a95a;
  background: none;
}
.btn-backdrop-lvl2 span {
  color: #fff;
  color: #d9bc6c;
}

.btn-backdrop-lvl3 {
  color: #fff;
  border: 2.4px solid transparent;
  background: none;
}
.btn-backdrop-lvl3.small {
  font-size: 0.7rem;
}
.btn-backdrop-lvl3 span {
  color: #fff;
}
.btn-backdrop-lvl3.active {
  background-color: #fff;
  color: #2B2C31;
  text-decoration: none;
}

.btn-tgl {
  position: relative;
  width: 4em;
  height: 2em;
  border-radius: 1em;
  background: #1E1F23;
  border: none;
  display: inline-block;
  cursor: pointer;
}
.btn-tgl:before {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1.5em;
  content: "";
  display: block;
  background: #fff;
  z-index: 2;
  width: 1.5em;
  border-radius: 50%;
  transform: translateY(-50%) translateX(0.2em);
  transition: all 0.15s ease-in-out;
}
.btn-tgl.active {
  background: #d6a95a;
}
.btn-tgl.active:before {
  transform: translateY(-50%) translateX(2.2em);
}

.btn-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.btn-wrap button:not(.btn-icon),
.btn-wrap a {
  margin: 0.1em;
}
.btn-wrap button:not(.btn-icon):not(:last-child),
.btn-wrap a:not(:last-child) {
  margin-right: 0.5rem;
}
.btn-wrap.left {
  justify-content: flex-start;
}
.btn-wrap.center {
  width: 100%;
  justify-content: center;
}
.btn-wrap.v-center {
  align-items: center;
}
.btn-wrap.right {
  justify-content: flex-end;
}

.btn-icon {
  background: #fff;
  border: 1px solid #E6E6E7;
  color: #1E1F23;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
}
.btn-icon:hover {
  background: #E6E6E7;
}

@media (hover: hover) {
  .btn-backdrop:hover {
    background-color: #fff;
    color: #2B2C31;
    text-decoration: none;
  }
  .btn-backdrop:hover span {
    color: #2B2C31;
  }
  .btn-lvl1:hover {
    text-decoration: none;
    color: #fff;
    background-color: #4F5055;
  }
  .btn-lvl1.light:hover {
    background-color: #d6a95a;
  }
  .btn-lvl1.danger:hover {
    background-color: #f64545;
  }
  .btn-lvl2:hover {
    background: none;
    color: #d6a95a;
    border-color: #d6a95a;
  }
  .btn-lvl2.light:hover {
    color: #d6a95a;
    border-color: #d6a95a;
    background: none;
  }
  .btn-lvl3.light:hover {
    background: none;
    color: #d6a95a;
  }
  .btn-fab:hover {
    background-color: #d19e46;
  }
}
@media only screen and (max-width: 1024px) {
  .btn-lvl1 {
    padding: 0.8em 1.6em;
  }
}
@media only screen and (max-width: 430px) {
  .btn-wrap {
    justify-content: center;
  }
}
@keyframes spin-top {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(10);
  }
}
.color-tag {
  font-size: 0.9rem;
  display: inline-flex;
  position: relative;
  align-items: center;
}
.color-tag > * {
  margin-left: 0.2rem;
}
.color-tag .color-circle {
  font-size: 1rem;
  margin-left: 0.25rem;
}
.color-tag.OTHER .color-circle svg {
  visibility: hidden;
}
.color-tag.BEIGE .color-circle svg {
  color: #f5edd0;
}
.color-tag.BLACK .color-circle svg {
  color: #000;
}
.color-tag.BLUE .color-circle svg {
  color: #d0e7f5;
}
.color-tag.BROWN .color-circle svg {
  color: #41210f;
}
.color-tag.GOLD .color-circle svg {
  color: #d19e46;
}
.color-tag.GREEN .color-circle svg {
  color: #cbeee2;
}
.color-tag.GREY .color-circle svg {
  color: #6E6F73;
}
.color-tag.ORANGE .color-circle svg {
  color: #ffe3c1;
}
.color-tag.PURPLE .color-circle svg {
  color: #b052d8;
}
.color-tag.RED .color-circle svg {
  color: #ffe5e5;
}
.color-tag.SILVER .color-circle svg {
  color: #C1C1C3;
}
.color-tag.WHITE .color-circle svg {
  color: #fff;
}
.color-tag.YELLOW .color-circle svg {
  color: #ebda7a;
}

.backdrop-overlay-form {
  max-width: none;
  padding: 2rem 2vw;
}
.backdrop-overlay-form h3, .backdrop-overlay-form h3 .accordion-btn, h3 .backdrop-overlay-form .accordion-btn {
  margin: 0 0 1.5rem;
}
.backdrop-overlay-form h4 {
  margin: 1.5rem 0;
}
.backdrop-overlay-form span.description {
  color: #7d7474;
}
.backdrop-overlay-form .divider {
  height: 1px;
  background: #E6E6E7;
  width: 100%;
  margin: 2rem 0;
}

form.default-form h1 {
  color: #3b3737;
}
form.default-form .group {
  padding: 0.75rem 0.75rem 0.25rem;
  border: 2px solid #f3f3f3;
  border-radius: 0.5rem;
  margin-bottom: 2rem;
  position: relative;
}
form.default-form .group > .row {
  margin-bottom: 0;
  padding-bottom: 0;
}
form.default-form .group:before {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  position: absolute;
  background: #fff;
  left: 1rem;
  top: -1.25rem;
  padding: 0.5rem;
  content: attr(data-group-name);
  color: #6c6c6c;
}
form.default-form .row {
  margin: 1rem 0 0.5rem;
  padding: 0 0 0.5rem;
}
form.default-form .row.checkbox-row {
  margin: 0;
}
form.default-form span.checkbox-subtitle {
  margin: 0.5rem 0 0.3333333333rem;
  font-weight: 600;
}

@media only screen and (max-width: 430px) {
  form.default-form .row {
    margin: 0.3333333333rem 0 0.25rem;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
form .input-wrap input[type=text],
form .input-wrap input[type=number],
form .input-wrap input[type=file],
form .input-wrap input[type=password],
form .input-wrap input[type=email],
form .input-wrap textarea,
form .input-wrap select {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #393939;
  width: 100%;
  display: block;
  padding: 0;
  border: none;
  border: 2px solid #d9dade;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  resize: none;
}
form .input-wrap input[type=text]:focus, form .input-wrap input[type=text]:active, form .input-wrap input[type=text]:focus:hover, form .input-wrap input[type=text]:active:hover,
form .input-wrap input[type=number]:focus,
form .input-wrap input[type=number]:active,
form .input-wrap input[type=number]:focus:hover,
form .input-wrap input[type=number]:active:hover,
form .input-wrap input[type=file]:focus,
form .input-wrap input[type=file]:active,
form .input-wrap input[type=file]:focus:hover,
form .input-wrap input[type=file]:active:hover,
form .input-wrap input[type=password]:focus,
form .input-wrap input[type=password]:active,
form .input-wrap input[type=password]:focus:hover,
form .input-wrap input[type=password]:active:hover,
form .input-wrap input[type=email]:focus,
form .input-wrap input[type=email]:active,
form .input-wrap input[type=email]:focus:hover,
form .input-wrap input[type=email]:active:hover,
form .input-wrap textarea:focus,
form .input-wrap textarea:active,
form .input-wrap textarea:focus:hover,
form .input-wrap textarea:active:hover,
form .input-wrap select:focus,
form .input-wrap select:active,
form .input-wrap select:focus:hover,
form .input-wrap select:active:hover {
  border-color: #d6a95a;
  box-shadow: 0 0px 4rem rgba(214, 169, 90, 0.08);
}
form .input-wrap input[type=text]:hover,
form .input-wrap input[type=number]:hover,
form .input-wrap input[type=file]:hover,
form .input-wrap input[type=password]:hover,
form .input-wrap input[type=email]:hover,
form .input-wrap textarea:hover,
form .input-wrap select:hover {
  border-color: #bebfc6;
}
form .input-wrap input[type=text]:disabled,
form .input-wrap input[type=number]:disabled,
form .input-wrap input[type=file]:disabled,
form .input-wrap input[type=password]:disabled,
form .input-wrap input[type=email]:disabled,
form .input-wrap textarea:disabled,
form .input-wrap select:disabled {
  border-style: dotted;
}

.checkbox-wrap .radio,
.checkbox-wrap .checkbox,
.radio-wrap .radio,
.radio-wrap .checkbox {
  position: relative;
  padding: 0;
  border-right: 1rem solid transparent;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
}
.checkbox-wrap .radio input,
.checkbox-wrap .checkbox input,
.radio-wrap .radio input,
.radio-wrap .checkbox input {
  position: absolute;
  left: -9999999px;
}
.checkbox-wrap .radio input + label,
.checkbox-wrap .checkbox input + label,
.radio-wrap .radio input + label,
.radio-wrap .checkbox input + label {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  padding: 1rem 1rem 1rem 3rem;
  border-radius: 0.5rem;
  border: 2px solid #d9dade;
  cursor: pointer;
  display: block;
  background: #fff;
  user-select: none;
  display: flex;
  height: 100%;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.checkbox-wrap .radio input + label small,
.checkbox-wrap .checkbox input + label small,
.radio-wrap .radio input + label small,
.radio-wrap .checkbox input + label small {
  margin-left: 0.25rem;
  color: #6c6c6c;
}
.checkbox-wrap .radio input + label svg,
.checkbox-wrap .checkbox input + label svg,
.radio-wrap .radio input + label svg,
.radio-wrap .checkbox input + label svg {
  margin-left: 0.25rem;
  color: #6E6F73;
}
.checkbox-wrap .radio input + label span,
.checkbox-wrap .checkbox input + label span,
.radio-wrap .radio input + label span,
.radio-wrap .checkbox input + label span {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: block;
  color: #6c6c6c;
  width: 100%;
}
.checkbox-wrap .radio input + label span.emphasis,
.checkbox-wrap .checkbox input + label span.emphasis,
.radio-wrap .radio input + label span.emphasis,
.radio-wrap .checkbox input + label span.emphasis {
  font-weight: 500;
}
.checkbox-wrap .radio input + label:hover,
.checkbox-wrap .checkbox input + label:hover,
.radio-wrap .radio input + label:hover,
.radio-wrap .checkbox input + label:hover {
  border-color: #bebfc6;
}
.checkbox-wrap .radio input:checked + label,
.checkbox-wrap .checkbox input:checked + label,
.radio-wrap .radio input:checked + label,
.radio-wrap .checkbox input:checked + label {
  background: #fdfaf5;
  border-color: #d6a95a;
}
.checkbox-wrap .radio input:disabled + label,
.checkbox-wrap .checkbox input:disabled + label,
.radio-wrap .radio input:disabled + label,
.radio-wrap .checkbox input:disabled + label {
  cursor: not-allowed;
  border-style: dotted;
  opacity: 0.8;
}
.checkbox-wrap .radio input:disabled + label:hover,
.checkbox-wrap .checkbox input:disabled + label:hover,
.radio-wrap .radio input:disabled + label:hover,
.radio-wrap .checkbox input:disabled + label:hover {
  border-color: #d9dade;
}
.checkbox-wrap .radio input:checked:disabled + label:hover,
.checkbox-wrap .checkbox input:checked:disabled + label:hover,
.radio-wrap .radio input:checked:disabled + label:hover,
.radio-wrap .checkbox input:checked:disabled + label:hover {
  border-color: #d6a95a;
}
.checkbox-wrap .radio input + label:before,
.radio-wrap .radio input + label:before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNTEyIDI1NkM1MTIgMzk3LjQgMzk3LjQgNTEyIDI1NiA1MTJDMTE0LjYgNTEyIDAgMzk3LjQgMCAyNTZDMCAxMTQuNiAxMTQuNiAwIDI1NiAwQzM5Ny40IDAgNTEyIDExNC42IDUxMiAyNTZ6TTI1NiA0OEMxNDEuMSA0OCA0OCAxNDEuMSA0OCAyNTZDNDggMzcwLjkgMTQxLjEgNDY0IDI1NiA0NjRDMzcwLjkgNDY0IDQ2NCAzNzAuOSA0NjQgMjU2QzQ2NCAxNDEuMSAzNzAuOSA0OCAyNTYgNDh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNTEyIDI1NkM1MTIgMzk3LjQgMzk3LjQgNTEyIDI1NiA1MTJDMTE0LjYgNTEyIDAgMzk3LjQgMCAyNTZDMCAxMTQuNiAxMTQuNiAwIDI1NiAwQzM5Ny40IDAgNTEyIDExNC42IDUxMiAyNTZ6TTI1NiA0OEMxNDEuMSA0OCA0OCAxNDEuMSA0OCAyNTZDNDggMzcwLjkgMTQxLjEgNDY0IDI1NiA0NjRDMzcwLjkgNDY0IDQ2NCAzNzAuOSA0NjQgMjU2QzQ2NCAxNDEuMSAzNzAuOSA0OCAyNTYgNDh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  background-color: #d9dade;
  font-size: 1.35rem;
}
.checkbox-wrap .radio input:checked + label:before,
.radio-wrap .radio input:checked + label:before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCAyNTZDMCAxMTQuNiAxMTQuNiAwIDI1NiAwQzM5Ny40IDAgNTEyIDExNC42IDUxMiAyNTZDNTEyIDM5Ny40IDM5Ny40IDUxMiAyNTYgNTEyQzExNC42IDUxMiAwIDM5Ny40IDAgMjU2ek0yNTYgMzUyQzMwOSAzNTIgMzUyIDMwOSAzNTIgMjU2QzM1MiAyMDIuMSAzMDkgMTYwIDI1NiAxNjBDMjAyLjEgMTYwIDE2MCAyMDIuMSAxNjAgMjU2QzE2MCAzMDkgMjAyLjEgMzUyIDI1NiAzNTJ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCAyNTZDMCAxMTQuNiAxMTQuNiAwIDI1NiAwQzM5Ny40IDAgNTEyIDExNC42IDUxMiAyNTZDNTEyIDM5Ny40IDM5Ny40IDUxMiAyNTYgNTEyQzExNC42IDUxMiAwIDM5Ny40IDAgMjU2ek0yNTYgMzUyQzMwOSAzNTIgMzUyIDMwOSAzNTIgMjU2QzM1MiAyMDIuMSAzMDkgMTYwIDI1NiAxNjBDMjAyLjEgMTYwIDE2MCAyMDIuMSAxNjAgMjU2QzE2MCAzMDkgMjAyLjEgMzUyIDI1NiAzNTJ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  background-color: #d6a95a;
  box-shadow: 0 0px 4rem rgba(214, 169, 90, 0.08);
}
.checkbox-wrap .checkbox input + label:before,
.radio-wrap .checkbox input + label:before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzg0IDMyQzQxOS4zIDMyIDQ0OCA2MC42NSA0NDggOTZWNDE2QzQ0OCA0NTEuMyA0MTkuMyA0ODAgMzg0IDQ4MEg2NEMyOC42NSA0ODAgMCA0NTEuMyAwIDQxNlY5NkMwIDYwLjY1IDI4LjY1IDMyIDY0IDMySDM4NHpNMzg0IDgwSDY0QzU1LjE2IDgwIDQ4IDg3LjE2IDQ4IDk2VjQxNkM0OCA0MjQuOCA1NS4xNiA0MzIgNjQgNDMySDM4NEMzOTIuOCA0MzIgNDAwIDQyNC44IDQwMCA0MTZWOTZDNDAwIDg3LjE2IDM5Mi44IDgwIDM4NCA4MHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzg0IDMyQzQxOS4zIDMyIDQ0OCA2MC42NSA0NDggOTZWNDE2QzQ0OCA0NTEuMyA0MTkuMyA0ODAgMzg0IDQ4MEg2NEMyOC42NSA0ODAgMCA0NTEuMyAwIDQxNlY5NkMwIDYwLjY1IDI4LjY1IDMyIDY0IDMySDM4NHpNMzg0IDgwSDY0QzU1LjE2IDgwIDQ4IDg3LjE2IDQ4IDk2VjQxNkM0OCA0MjQuOCA1NS4xNiA0MzIgNjQgNDMySDM4NEMzOTIuOCA0MzIgNDAwIDQyNC44IDQwMCA0MTZWOTZDNDAwIDg3LjE2IDM5Mi44IDgwIDM4NCA4MHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  background-color: #d9dade;
  font-size: 1.35rem;
}
.checkbox-wrap .checkbox input:checked + label:before,
.radio-wrap .checkbox input:checked + label:before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzg0IDMyQzQxOS4zIDMyIDQ0OCA2MC42NSA0NDggOTZWNDE2QzQ0OCA0NTEuMyA0MTkuMyA0ODAgMzg0IDQ4MEg2NEMyOC42NSA0ODAgMCA0NTEuMyAwIDQxNlY5NkMwIDYwLjY1IDI4LjY1IDMyIDY0IDMySDM4NHpNMzM5LjggMjExLjhDMzUwLjcgMjAwLjkgMzUwLjcgMTgzLjEgMzM5LjggMTcyLjJDMzI4LjkgMTYxLjMgMzExLjEgMTYxLjMgMzAwLjIgMTcyLjJMMTkyIDI4MC40TDE0Ny44IDIzNi4yQzEzNi45IDIyNS4zIDExOS4xIDIyNS4zIDEwOC4yIDIzNi4yQzk3LjI3IDI0Ny4xIDk3LjI3IDI2NC45IDEwOC4yIDI3NS44TDE3Mi4yIDMzOS44QzE4My4xIDM1MC43IDIwMC45IDM1MC43IDIxMS44IDMzOS44TDMzOS44IDIxMS44eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzg0IDMyQzQxOS4zIDMyIDQ0OCA2MC42NSA0NDggOTZWNDE2QzQ0OCA0NTEuMyA0MTkuMyA0ODAgMzg0IDQ4MEg2NEMyOC42NSA0ODAgMCA0NTEuMyAwIDQxNlY5NkMwIDYwLjY1IDI4LjY1IDMyIDY0IDMySDM4NHpNMzM5LjggMjExLjhDMzUwLjcgMjAwLjkgMzUwLjcgMTgzLjEgMzM5LjggMTcyLjJDMzI4LjkgMTYxLjMgMzExLjEgMTYxLjMgMzAwLjIgMTcyLjJMMTkyIDI4MC40TDE0Ny44IDIzNi4yQzEzNi45IDIyNS4zIDExOS4xIDIyNS4zIDEwOC4yIDIzNi4yQzk3LjI3IDI0Ny4xIDk3LjI3IDI2NC45IDEwOC4yIDI3NS44TDE3Mi4yIDMzOS44QzE4My4xIDM1MC43IDIwMC45IDM1MC43IDIxMS44IDMzOS44TDMzOS44IDIxMS44eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  background-color: #d6a95a;
  box-shadow: 0 0px 4rem rgba(214, 169, 90, 0.08);
}

@media only screen and (max-width: 430px) {
  form .radio,
  form .checkbox {
    border: none !important;
  }
}
.label-wrap {
  display: flex;
  align-items: center;
}
.label-wrap span:first-child {
  font-weight: 700;
}

/** Text is to be shown optionally below a text input for addtional
information **/
span.supporting-text {
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1rem;
  color: #6c6c6c;
  display: block;
  margin: 0.25rem 0 0 1rem;
}
span.supporting-text.warning svg {
  color: #f8c276;
}

/** Container surrounding one single input. Contains the input
and the corresponding label. **/
form .input-wrap {
  position: relative;
  padding: 0;
  border-radius: 0.5rem;
  border-right: 1rem solid transparent;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
  /** Hide number input arrows **/
}
form .input-wrap > label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  color: #6c6c6c;
  display: block;
  position: absolute;
  opacity: 0;
  color: #6E6F73;
  transition: 0.2s ease-in-out transform;
  top: -0.8rem;
  left: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: #fff;
  border-radius: 0.5rem;
}
form .input-wrap > label small {
  font-size: 0.65rem;
}
form .input-wrap input:not(:placeholder-shown) + label,
form .input-wrap input:focus:not(:placeholder-shown) + label,
form .input-wrap textarea:not(:placeholder-shown) + label,
form .input-wrap textarea:focus:not(:placeholder-shown) + label,
form .input-wrap select:not(:placeholder-shown) + label,
form .input-wrap select:focus:not(:placeholder-shown) + label {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  transition: 0.2s ease-in-out transform;
}
form .input-wrap input::-webkit-outer-spin-button,
form .input-wrap input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form .input-wrap input[type=number] {
  -moz-appearance: textfield;
}
form .input-wrap input[type=file] {
  -moz-appearance: textfield;
}
form .input-wrap.select input[type=text],
form .input-wrap.select select {
  padding-right: 2rem;
}
form .input-wrap.select:before {
  display: none !important;
}
form .input-wrap.select:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
form .input-wrap.search:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMy4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDE2IDIwOGMwIDQ1LjktMTQuOSA4OC4zLTQwIDEyMi43TDUwMi42IDQ1Ny40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zcy0zMi44IDEyLjUtNDUuMyAwTDMzMC43IDM3NmMtMzQuNCAyNS4yLTc2LjggNDAtMTIyLjcgNDBDOTMuMSA0MTYgMCAzMjIuOSAwIDIwOFM5My4xIDAgMjA4IDBTNDE2IDkzLjEgNDE2IDIwOHpNMjA4IDM1MmExNDQgMTQ0IDAgMSAwIDAtMjg4IDE0NCAxNDQgMCAxIDAgMCAyODh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMy4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDE2IDIwOGMwIDQ1LjktMTQuOSA4OC4zLTQwIDEyMi43TDUwMi42IDQ1Ny40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zcy0zMi44IDEyLjUtNDUuMyAwTDMzMC43IDM3NmMtMzQuNCAyNS4yLTc2LjggNDAtMTIyLjcgNDBDOTMuMSA0MTYgMCAzMjIuOSAwIDIwOFM5My4xIDAgMjA4IDBTNDE2IDkzLjEgNDE2IDIwOHpNMjA4IDM1MmExNDQgMTQ0IDAgMSAwIDAtMjg4IDE0NCAxNDQgMCAxIDAgMCAyODh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
form .input-wrap.percentage:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzc0LjYgNzMuMzljLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBsLTMyMCAzMjBjLTEyLjUgMTIuNS0xMi41IDMyLjc1IDAgNDUuMjVDMTUuNjMgNDQ0LjkgMjMuODEgNDQ4IDMyIDQ0OHMxNi4zOC0zLjEyNSAyMi42Mi05LjM3NWwzMjAtMzIwQzM4Ny4xIDEwNi4xIDM4Ny4xIDg1Ljg5IDM3NC42IDczLjM5ek02NCAxOTJjMzUuMyAwIDY0LTI4LjcyIDY0LTY0Uzk5LjMgNjQuMDEgNjQgNjQuMDFTMCA5Mi43MyAwIDEyOFMyOC43IDE5MiA2NCAxOTJ6TTMyMCAzMjBjLTM1LjMgMC02NCAyOC43Mi02NCA2NHMyOC43IDY0IDY0IDY0czY0LTI4LjcyIDY0LTY0UzM1NS4zIDMyMCAzMjAgMzIweiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzc0LjYgNzMuMzljLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBsLTMyMCAzMjBjLTEyLjUgMTIuNS0xMi41IDMyLjc1IDAgNDUuMjVDMTUuNjMgNDQ0LjkgMjMuODEgNDQ4IDMyIDQ0OHMxNi4zOC0zLjEyNSAyMi42Mi05LjM3NWwzMjAtMzIwQzM4Ny4xIDEwNi4xIDM4Ny4xIDg1Ljg5IDM3NC42IDczLjM5ek02NCAxOTJjMzUuMyAwIDY0LTI4LjcyIDY0LTY0Uzk5LjMgNjQuMDEgNjQgNjQuMDFTMCA5Mi43MyAwIDEyOFMyOC43IDE5MiA2NCAxOTJ6TTMyMCAzMjBjLTM1LjMgMC02NCAyOC43Mi02NCA2NHMyOC43IDY0IDY0IDY0czY0LTI4LjcyIDY0LTY0UzM1NS4zIDMyMCAzMjAgMzIweiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
form .input-wrap.price:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNjQgMjQwQzQ2LjMzIDI0MCAzMiAyMjUuNyAzMiAyMDhDMzIgMTkwLjMgNDYuMzMgMTc2IDY0IDE3Nkg5Mi4yOUMxMjEuOSA5Mi4xMSAyMDEuMSAzMiAyOTYgMzJIMzIwQzMzNy43IDMyIDM1MiA0Ni4zMyAzNTIgNjRDMzUyIDgxLjY3IDMzNy43IDk2IDMyMCA5NkgyOTZDMjM4LjEgOTYgMTg3LjggMTI4LjQgMTYyLjEgMTc2SDI4OEMzMDUuNyAxNzYgMzIwIDE5MC4zIDMyMCAyMDhDMzIwIDIyNS43IDMwNS43IDI0MCAyODggMjQwSDE0NC4yQzE0NC4xIDI0Mi42IDE0NCAyNDUuMyAxNDQgMjQ4VjI2NEMxNDQgMjY2LjcgMTQ0LjEgMjY5LjQgMTQ0LjIgMjcySDI4OEMzMDUuNyAyNzIgMzIwIDI4Ni4zIDMyMCAzMDRDMzIwIDMyMS43IDMwNS43IDMzNiAyODggMzM2SDE2Mi4xQzE4Ny44IDM4My42IDIzOC4xIDQxNiAyOTYgNDE2SDMyMEMzMzcuNyA0MTYgMzUyIDQzMC4zIDM1MiA0NDhDMzUyIDQ2NS43IDMzNy43IDQ4MCAzMjAgNDgwSDI5NkMyMDEuMSA0ODAgMTIxLjkgNDE5LjkgOTIuMjkgMzM2SDY0QzQ2LjMzIDMzNiAzMiAzMjEuNyAzMiAzMDRDMzIgMjg2LjMgNDYuMzMgMjcyIDY0IDI3Mkg4MC4xNUM4MC4wNSAyNjkuMyA4MCAyNjYuNyA4MCAyNjRWMjQ4QzgwIDI0NS4zIDgwLjA1IDI0Mi43IDgwLjE1IDI0MEg2NHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNjQgMjQwQzQ2LjMzIDI0MCAzMiAyMjUuNyAzMiAyMDhDMzIgMTkwLjMgNDYuMzMgMTc2IDY0IDE3Nkg5Mi4yOUMxMjEuOSA5Mi4xMSAyMDEuMSAzMiAyOTYgMzJIMzIwQzMzNy43IDMyIDM1MiA0Ni4zMyAzNTIgNjRDMzUyIDgxLjY3IDMzNy43IDk2IDMyMCA5NkgyOTZDMjM4LjEgOTYgMTg3LjggMTI4LjQgMTYyLjEgMTc2SDI4OEMzMDUuNyAxNzYgMzIwIDE5MC4zIDMyMCAyMDhDMzIwIDIyNS43IDMwNS43IDI0MCAyODggMjQwSDE0NC4yQzE0NC4xIDI0Mi42IDE0NCAyNDUuMyAxNDQgMjQ4VjI2NEMxNDQgMjY2LjcgMTQ0LjEgMjY5LjQgMTQ0LjIgMjcySDI4OEMzMDUuNyAyNzIgMzIwIDI4Ni4zIDMyMCAzMDRDMzIwIDMyMS43IDMwNS43IDMzNiAyODggMzM2SDE2Mi4xQzE4Ny44IDM4My42IDIzOC4xIDQxNiAyOTYgNDE2SDMyMEMzMzcuNyA0MTYgMzUyIDQzMC4zIDM1MiA0NDhDMzUyIDQ2NS43IDMzNy43IDQ4MCAzMjAgNDgwSDI5NkMyMDEuMSA0ODAgMTIxLjkgNDE5LjkgOTIuMjkgMzM2SDY0QzQ2LjMzIDMzNiAzMiAzMjEuNyAzMiAzMDRDMzIgMjg2LjMgNDYuMzMgMjcyIDY0IDI3Mkg4MC4xNUM4MC4wNSAyNjkuMyA4MCAyNjYuNyA4MCAyNjRWMjQ4QzgwIDI0NS4zIDgwLjA1IDI0Mi43IDgwLjE1IDI0MEg2NHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
form .input-wrap.date {
  cursor: pointer;
}
form .input-wrap.date:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTYwIDMyVjY0SDI4OFYzMkMyODggMTQuMzMgMzAyLjMgMCAzMjAgMEMzMzcuNyAwIDM1MiAxNC4zMyAzNTIgMzJWNjRINDAwQzQyNi41IDY0IDQ0OCA4NS40OSA0NDggMTEyVjE2MEgwVjExMkMwIDg1LjQ5IDIxLjQ5IDY0IDQ4IDY0SDk2VjMyQzk2IDE0LjMzIDExMC4zIDAgMTI4IDBDMTQ1LjcgMCAxNjAgMTQuMzMgMTYwIDMyek0wIDE5Mkg0NDhWNDY0QzQ0OCA0OTAuNSA0MjYuNSA1MTIgNDAwIDUxMkg0OEMyMS40OSA1MTIgMCA0OTAuNSAwIDQ2NFYxOTJ6TTY0IDMwNEM2NCAzMTIuOCA3MS4xNiAzMjAgODAgMzIwSDExMkMxMjAuOCAzMjAgMTI4IDMxMi44IDEyOCAzMDRWMjcyQzEyOCAyNjMuMiAxMjAuOCAyNTYgMTEyIDI1Nkg4MEM3MS4xNiAyNTYgNjQgMjYzLjIgNjQgMjcyVjMwNHpNMTkyIDMwNEMxOTIgMzEyLjggMTk5LjIgMzIwIDIwOCAzMjBIMjQwQzI0OC44IDMyMCAyNTYgMzEyLjggMjU2IDMwNFYyNzJDMjU2IDI2My4yIDI0OC44IDI1NiAyNDAgMjU2SDIwOEMxOTkuMiAyNTYgMTkyIDI2My4yIDE5MiAyNzJWMzA0ek0zMzYgMjU2QzMyNy4yIDI1NiAzMjAgMjYzLjIgMzIwIDI3MlYzMDRDMzIwIDMxMi44IDMyNy4yIDMyMCAzMzYgMzIwSDM2OEMzNzYuOCAzMjAgMzg0IDMxMi44IDM4NCAzMDRWMjcyQzM4NCAyNjMuMiAzNzYuOCAyNTYgMzY4IDI1NkgzMzZ6TTY0IDQzMkM2NCA0NDAuOCA3MS4xNiA0NDggODAgNDQ4SDExMkMxMjAuOCA0NDggMTI4IDQ0MC44IDEyOCA0MzJWNDAwQzEyOCAzOTEuMiAxMjAuOCAzODQgMTEyIDM4NEg4MEM3MS4xNiAzODQgNjQgMzkxLjIgNjQgNDAwVjQzMnpNMjA4IDM4NEMxOTkuMiAzODQgMTkyIDM5MS4yIDE5MiA0MDBWNDMyQzE5MiA0NDAuOCAxOTkuMiA0NDggMjA4IDQ0OEgyNDBDMjQ4LjggNDQ4IDI1NiA0NDAuOCAyNTYgNDMyVjQwMEMyNTYgMzkxLjIgMjQ4LjggMzg0IDI0MCAzODRIMjA4ek0zMjAgNDMyQzMyMCA0NDAuOCAzMjcuMiA0NDggMzM2IDQ0OEgzNjhDMzc2LjggNDQ4IDM4NCA0NDAuOCAzODQgNDMyVjQwMEMzODQgMzkxLjIgMzc2LjggMzg0IDM2OCAzODRIMzM2QzMyNy4yIDM4NCAzMjAgMzkxLjIgMzIwIDQwMFY0MzJ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTYwIDMyVjY0SDI4OFYzMkMyODggMTQuMzMgMzAyLjMgMCAzMjAgMEMzMzcuNyAwIDM1MiAxNC4zMyAzNTIgMzJWNjRINDAwQzQyNi41IDY0IDQ0OCA4NS40OSA0NDggMTEyVjE2MEgwVjExMkMwIDg1LjQ5IDIxLjQ5IDY0IDQ4IDY0SDk2VjMyQzk2IDE0LjMzIDExMC4zIDAgMTI4IDBDMTQ1LjcgMCAxNjAgMTQuMzMgMTYwIDMyek0wIDE5Mkg0NDhWNDY0QzQ0OCA0OTAuNSA0MjYuNSA1MTIgNDAwIDUxMkg0OEMyMS40OSA1MTIgMCA0OTAuNSAwIDQ2NFYxOTJ6TTY0IDMwNEM2NCAzMTIuOCA3MS4xNiAzMjAgODAgMzIwSDExMkMxMjAuOCAzMjAgMTI4IDMxMi44IDEyOCAzMDRWMjcyQzEyOCAyNjMuMiAxMjAuOCAyNTYgMTEyIDI1Nkg4MEM3MS4xNiAyNTYgNjQgMjYzLjIgNjQgMjcyVjMwNHpNMTkyIDMwNEMxOTIgMzEyLjggMTk5LjIgMzIwIDIwOCAzMjBIMjQwQzI0OC44IDMyMCAyNTYgMzEyLjggMjU2IDMwNFYyNzJDMjU2IDI2My4yIDI0OC44IDI1NiAyNDAgMjU2SDIwOEMxOTkuMiAyNTYgMTkyIDI2My4yIDE5MiAyNzJWMzA0ek0zMzYgMjU2QzMyNy4yIDI1NiAzMjAgMjYzLjIgMzIwIDI3MlYzMDRDMzIwIDMxMi44IDMyNy4yIDMyMCAzMzYgMzIwSDM2OEMzNzYuOCAzMjAgMzg0IDMxMi44IDM4NCAzMDRWMjcyQzM4NCAyNjMuMiAzNzYuOCAyNTYgMzY4IDI1NkgzMzZ6TTY0IDQzMkM2NCA0NDAuOCA3MS4xNiA0NDggODAgNDQ4SDExMkMxMjAuOCA0NDggMTI4IDQ0MC44IDEyOCA0MzJWNDAwQzEyOCAzOTEuMiAxMjAuOCAzODQgMTEyIDM4NEg4MEM3MS4xNiAzODQgNjQgMzkxLjIgNjQgNDAwVjQzMnpNMjA4IDM4NEMxOTkuMiAzODQgMTkyIDM5MS4yIDE5MiA0MDBWNDMyQzE5MiA0NDAuOCAxOTkuMiA0NDggMjA4IDQ0OEgyNDBDMjQ4LjggNDQ4IDI1NiA0NDAuOCAyNTYgNDMyVjQwMEMyNTYgMzkxLjIgMjQ4LjggMzg0IDI0MCAzODRIMjA4ek0zMjAgNDMyQzMyMCA0NDAuOCAzMjcuMiA0NDggMzM2IDQ0OEgzNjhDMzc2LjggNDQ4IDM4NCA0NDAuOCAzODQgNDMyVjQwMEMzODQgMzkxLjIgMzc2LjggMzg0IDM2OCAzODRIMzM2QzMyNy4yIDM4NCAzMjAgMzkxLjIgMzIwIDQwMFY0MzJ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
form .input-wrap:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  background-color: #7d7474;
  font-size: 0.8rem;
  pointer-events: none;
}
form .input-wrap[data-prefix]:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  color: #7d7474;
  font-size: 0.8rem;
  pointer-events: none;
  content: attr(data-prefix);
  font-weight: 600;
}
form .input-wrap.error input[type=text],
form .input-wrap.error input[type=number],
form .input-wrap.error input[type=password],
form .input-wrap.error input[type=email] {
  border-color: #f87676;
}
form .input-wrap.error span.error {
  color: #f87676;
  margin-top: 0.5em;
}
form .input-wrap[data-desc] input {
  padding-left: calc(1rem + var(--value-offset, 2.1em));
}
form .input-wrap[data-desc]:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  color: #7d7474;
  font-size: 0.9rem;
  pointer-events: none;
  content: attr(data-desc);
}
form .input-wrap select {
  cursor: pointer;
  appearance: none;
}
form .input-wrap > input:placeholder-shown + label,
form .input-wrap > textarea:placeholder-shown + label,
form .input-wrap > select:placeholder-shown + label,
form .input-wrap > .control + label {
  visibility: hidden;
  z-index: -1;
  transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
form .input-wrap .control.filled + label {
  visibility: visible;
  z-index: 0;
  opacity: 1;
  transition: 0.2s ease-in-out transform;
}

@media only screen and (max-width: 768px) {
  form.default-form .row .input-wrap,
  form.default-form .checkbox-wrap .checkbox {
    margin-bottom: 1.5rem;
  }
  form.default-form .row {
    margin: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 430px) {
  form .input-wrap {
    border: none;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  filter: none;
  box-shadow: 0 0 0px 1000px #ffffff inset !important;
  color-scheme: light;
}

.chip {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  border-radius: 0.5rem;
  display: flex;
  border: 1px solid #d9dade;
  padding: 0.25rem 0.5rem;
  align-items: center;
  cursor: pointer;
}
.chip span {
  margin: 0 !important;
}
.chip .icon {
  color: #4F5055;
}
.chip .icon .profile-image {
  width: 1.75rem;
}
.chip *:not(:last-child) {
  border-right: 0.5rem solid transparent;
}
.chip:hover {
  background: #fff;
  border-color: #bebfc6;
}
.chip.inverted {
  color: #C1C1C3;
  background: none;
}
.chip.inverted:hover {
  background: #24252A;
}
.chip.inverted svg {
  color: #C1C1C3;
}

input[type=text].hidden {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #393939;
  width: 100%;
  display: block;
  padding: 0;
  border: none;
  border: 2px solid transparent;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  resize: none;
}
input[type=text].hidden:focus, input[type=text].hidden:active, input[type=text].hidden:focus:hover, input[type=text].hidden:active:hover {
  border-color: #d6a95a;
  box-shadow: 0 0px 4rem rgba(214, 169, 90, 0.08);
}
input[type=text].hidden:hover {
  border-color: #bebfc6;
}
input[type=text].hidden:disabled {
  border-style: dotted;
}

.ghost-text {
  display: block;
  position: relative;
  overflow: hidden;
  height: 1em;
}
.ghost-text .inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}

.hover-content {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #393939;
  position: absolute;
  background: #f8f7fb;
  border-radius: 1em;
  z-index: 800;
  padding: 1em;
  opacity: 0;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  transition-delay: 0.1s;
  width: max-content;
  max-width: 50em;
  transform: scale(0.9);
  text-align: left;
  pointer-events: none;
  left: 50%;
  transform: translateX(-50%);
}
.hover-content.emphasis {
  font-weight: 500;
}
.hover-content.left {
  right: 0;
}
.hover-content ul {
  list-style: none;
  padding: 0;
}
.hover-content h4 {
  font-size: 1.2em;
  margin-top: 0;
}

*:hover > .hover-content {
  opacity: 1;
  display: block;
}

@media (hover: none) {
  .hover-content {
    display: none;
  }
}
.empty-placeholder {
  max-width: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 2rem auto;
}
.empty-placeholder .icon-wrap {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: #dbdbdc;
  position: relative;
  margin-bottom: 1rem;
}
.empty-placeholder .icon-wrap svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #C1C1C3;
  font-size: 4rem;
}
.empty-placeholder h3, .empty-placeholder h3 .accordion-btn, h3 .empty-placeholder .accordion-btn {
  font-size: 1rem;
  display: block;
  text-align: center;
}

.table-count-selector {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

.datatable-footer-inner {
  height: auto !important;
}
.datatable-footer-inner .page-count {
  display: none !important;
}
.datatable-footer-inner .datatable-pager {
  flex: 0 0 100%;
  margin-bottom: 1rem;
}
.datatable-footer-inner .datatable-pager li:not(:last-of-type) {
  margin-right: 0.25rem !important;
}
.datatable-footer-inner .datatable-pager li.disabled a svg:after {
  color: #a29b9b;
}
.datatable-footer-inner .datatable-pager .datatable-icon-prev:after,
.datatable-footer-inner .datatable-pager .datatable-icon-left:after,
.datatable-footer-inner .datatable-pager .datatable-icon-right:after,
.datatable-footer-inner .datatable-pager .datatable-icon-skip:after {
  background-color: #484343;
  font-style: normal;
}
.datatable-footer-inner .datatable-pager .datatable-icon-left:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQ4MGMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNWwxOTItMTkyYzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1TDc3LjI1IDI1NmwxNjkuNCAxNjkuNGMxMi41IDEyLjUgMTIuNSAzMi43NSAwIDQ1LjI1QzI0MC40IDQ3Ni45IDIzMi4yIDQ4MCAyMjQgNDgweiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQ4MGMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNWwxOTItMTkyYzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1TDc3LjI1IDI1NmwxNjkuNCAxNjkuNGMxMi41IDEyLjUgMTIuNSAzMi43NSAwIDQ1LjI1QzI0MC40IDQ3Ni45IDIzMi4yIDQ4MCAyMjQgNDgweiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.datatable-footer-inner .datatable-pager .datatable-icon-prev:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNzcuMjUgMjU2bDE2OS40LTE2OS40YzEyLjUtMTIuNSAxMi41LTMyLjc1IDAtNDUuMjVzLTMyLjc1LTEyLjUtNDUuMjUgMGwtMTkyIDE5MmMtMTIuNSAxMi41LTEyLjUgMzIuNzUgMCA0NS4yNWwxOTIgMTkyQzIwNy42IDQ3Ni45IDIxNS44IDQ4MCAyMjQgNDgwczE2LjM4LTMuMTI1IDIyLjYyLTkuMzc1YzEyLjUtMTIuNSAxMi41LTMyLjc1IDAtNDUuMjVMNzcuMjUgMjU2ek0yNjkuMyAyNTZsMTY5LjQtMTY5LjRjMTIuNS0xMi41IDEyLjUtMzIuNzUgMC00NS4yNXMtMzIuNzUtMTIuNS00NS4yNSAwbC0xOTIgMTkyYy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1bDE5MiAxOTJDMzk5LjYgNDc2LjkgNDA3LjggNDgwIDQxNiA0ODBzMTYuMzgtMy4xMjUgMjIuNjItOS4zNzVjMTIuNS0xMi41IDEyLjUtMzIuNzUgMC00NS4yNUwyNjkuMyAyNTZ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNzcuMjUgMjU2bDE2OS40LTE2OS40YzEyLjUtMTIuNSAxMi41LTMyLjc1IDAtNDUuMjVzLTMyLjc1LTEyLjUtNDUuMjUgMGwtMTkyIDE5MmMtMTIuNSAxMi41LTEyLjUgMzIuNzUgMCA0NS4yNWwxOTIgMTkyQzIwNy42IDQ3Ni45IDIxNS44IDQ4MCAyMjQgNDgwczE2LjM4LTMuMTI1IDIyLjYyLTkuMzc1YzEyLjUtMTIuNSAxMi41LTMyLjc1IDAtNDUuMjVMNzcuMjUgMjU2ek0yNjkuMyAyNTZsMTY5LjQtMTY5LjRjMTIuNS0xMi41IDEyLjUtMzIuNzUgMC00NS4yNXMtMzIuNzUtMTIuNS00NS4yNSAwbC0xOTIgMTkyYy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1bDE5MiAxOTJDMzk5LjYgNDc2LjkgNDA3LjggNDgwIDQxNiA0ODBzMTYuMzgtMy4xMjUgMjIuNjItOS4zNzVjMTIuNS0xMi41IDEyLjUtMzIuNzUgMC00NS4yNUwyNjkuMyAyNTZ6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.datatable-footer-inner .datatable-pager .datatable-icon-right:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNOTYgNDgwYy04LjE4OCAwLTE2LjM4LTMuMTI1LTIyLjYyLTkuMzc1Yy0xMi41LTEyLjUtMTIuNS0zMi43NSAwLTQ1LjI1TDI0Mi44IDI1Nkw3My4zOCA4Ni42M2MtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBsMTkyIDE5MmMxMi41IDEyLjUgMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzExMi40IDQ3Ni45IDEwNC4yIDQ4MCA5NiA0ODB6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNOTYgNDgwYy04LjE4OCAwLTE2LjM4LTMuMTI1LTIyLjYyLTkuMzc1Yy0xMi41LTEyLjUtMTIuNS0zMi43NSAwLTQ1LjI1TDI0Mi44IDI1Nkw3My4zOCA4Ni42M2MtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBsMTkyIDE5MmMxMi41IDEyLjUgMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzExMi40IDQ3Ni45IDEwNC4yIDQ4MCA5NiA0ODB6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.datatable-footer-inner .datatable-pager .datatable-icon-skip:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjQ2LjYgMjMzLjRsLTE5Mi0xOTJjLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBzLTEyLjUgMzIuNzUgMCA0NS4yNUwxNzguOCAyNTZsLTE2OS40IDE2OS40Yy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1QzE1LjYzIDQ3Ni45IDIzLjgxIDQ4MCAzMiA0ODBzMTYuMzgtMy4xMjUgMjIuNjItOS4zNzVsMTkyLTE5MkMyNTkuMSAyNjYuMSAyNTkuMSAyNDUuOSAyNDYuNiAyMzMuNHpNNDM4LjYgMjMzLjRsLTE5Mi0xOTJjLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBzLTEyLjUgMzIuNzUgMCA0NS4yNUwzNzAuOCAyNTZsLTE2OS40IDE2OS40Yy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1QzIwNy42IDQ3Ni45IDIxNS44IDQ4MCAyMjQgNDgwczE2LjM4LTMuMTI1IDIyLjYyLTkuMzc1bDE5Mi0xOTJDNDUxLjEgMjY2LjEgNDUxLjEgMjQ1LjkgNDM4LjYgMjMzLjR6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjQ2LjYgMjMzLjRsLTE5Mi0xOTJjLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBzLTEyLjUgMzIuNzUgMCA0NS4yNUwxNzguOCAyNTZsLTE2OS40IDE2OS40Yy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1QzE1LjYzIDQ3Ni45IDIzLjgxIDQ4MCAzMiA0ODBzMTYuMzgtMy4xMjUgMjIuNjItOS4zNzVsMTkyLTE5MkMyNTkuMSAyNjYuMSAyNTkuMSAyNDUuOSAyNDYuNiAyMzMuNHpNNDM4LjYgMjMzLjRsLTE5Mi0xOTJjLTEyLjUtMTIuNS0zMi43NS0xMi41LTQ1LjI1IDBzLTEyLjUgMzIuNzUgMCA0NS4yNUwzNzAuOCAyNTZsLTE2OS40IDE2OS40Yy0xMi41IDEyLjUtMTIuNSAzMi43NSAwIDQ1LjI1QzIwNy42IDQ3Ni45IDIxNS44IDQ4MCAyMjQgNDgwczE2LjM4LTMuMTI1IDIyLjYyLTkuMzc1bDE5Mi0xOTJDNDUxLjEgMjY2LjEgNDUxLjEgMjQ1LjkgNDM4LjYgMjMzLjR6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}

.ng-table-pager,
.datatable-pager,
pagination-controls {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  flex-direction: column-reverse;
  align-items: center;
}
.ng-table-pager .ng-table-counts,
.datatable-pager .ng-table-counts,
pagination-controls .ng-table-counts {
  font-size: 1em;
  border-radius: 0.8em;
  border: 1px solid #E6E6E7;
  overflow: hidden;
}
.ng-table-pager .ng-table-counts button,
.datatable-pager .ng-table-counts button,
pagination-controls .ng-table-counts button {
  border: none;
  background: none;
  border-right: 1px solid #E6E6E7;
  border-radius: 0;
  font-size: 0.8em;
  font-weight: 600;
  color: #484343;
  padding: 1em;
  line-height: 1.5em;
  margin-left: 0 !important;
}
.ng-table-pager .ng-table-counts button:last-child,
.datatable-pager .ng-table-counts button:last-child,
pagination-controls .ng-table-counts button:last-child {
  border-right: none;
}
.ng-table-pager ul.ng-table-pagination.pagination,
.ng-table-pager ul.pager,
.ng-table-pager ul.ngx-pagination,
.datatable-pager ul.ng-table-pagination.pagination,
.datatable-pager ul.pager,
.datatable-pager ul.ngx-pagination,
pagination-controls ul.ng-table-pagination.pagination,
pagination-controls ul.pager,
pagination-controls ul.ngx-pagination {
  font-size: 1em;
  overflow: hidden;
  display: flex;
  list-style: none;
  padding: 0;
  margin-top: 2rem;
}
.ng-table-pager ul.ng-table-pagination.pagination li,
.ng-table-pager ul.pager li,
.ng-table-pager ul.ngx-pagination li,
.datatable-pager ul.ng-table-pagination.pagination li,
.datatable-pager ul.pager li,
.datatable-pager ul.ngx-pagination li,
pagination-controls ul.ng-table-pagination.pagination li,
pagination-controls ul.pager li,
pagination-controls ul.ngx-pagination li {
  border-radius: 2rem;
}
.ng-table-pager ul.ng-table-pagination.pagination li a, .ng-table-pager ul.ng-table-pagination.pagination li.current,
.ng-table-pager ul.pager li a,
.ng-table-pager ul.pager li.current,
.ng-table-pager ul.ngx-pagination li a,
.ng-table-pager ul.ngx-pagination li.current,
.datatable-pager ul.ng-table-pagination.pagination li a,
.datatable-pager ul.ng-table-pagination.pagination li.current,
.datatable-pager ul.pager li a,
.datatable-pager ul.pager li.current,
.datatable-pager ul.ngx-pagination li a,
.datatable-pager ul.ngx-pagination li.current,
pagination-controls ul.ng-table-pagination.pagination li a,
pagination-controls ul.ng-table-pagination.pagination li.current,
pagination-controls ul.pager li a,
pagination-controls ul.pager li.current,
pagination-controls ul.ngx-pagination li a,
pagination-controls ul.ngx-pagination li.current {
  border-radius: 0;
  font-size: 0.8em;
  font-weight: 600;
  color: #484343;
  padding: 1em !important;
  line-height: 1.5em;
  border: none !important;
  margin-left: 0 !important;
  transition: all 0.15s ease-in-out;
  padding: 0.8em 1.2em;
  display: block;
  text-decoration: none;
}
.ng-table-pager ul.ng-table-pagination.pagination li a:hover, .ng-table-pager ul.ng-table-pagination.pagination li.current:hover,
.ng-table-pager ul.pager li a:hover,
.ng-table-pager ul.pager li.current:hover,
.ng-table-pager ul.ngx-pagination li a:hover,
.ng-table-pager ul.ngx-pagination li.current:hover,
.datatable-pager ul.ng-table-pagination.pagination li a:hover,
.datatable-pager ul.ng-table-pagination.pagination li.current:hover,
.datatable-pager ul.pager li a:hover,
.datatable-pager ul.pager li.current:hover,
.datatable-pager ul.ngx-pagination li a:hover,
.datatable-pager ul.ngx-pagination li.current:hover,
pagination-controls ul.ng-table-pagination.pagination li a:hover,
pagination-controls ul.ng-table-pagination.pagination li.current:hover,
pagination-controls ul.pager li a:hover,
pagination-controls ul.pager li.current:hover,
pagination-controls ul.ngx-pagination li a:hover,
pagination-controls ul.ngx-pagination li.current:hover {
  background: none;
}
.ng-table-pager ul.ng-table-pagination.pagination li.current,
.ng-table-pager ul.pager li.current,
.ng-table-pager ul.ngx-pagination li.current,
.datatable-pager ul.ng-table-pagination.pagination li.current,
.datatable-pager ul.pager li.current,
.datatable-pager ul.ngx-pagination li.current,
pagination-controls ul.ng-table-pagination.pagination li.current,
pagination-controls ul.pager li.current,
pagination-controls ul.ngx-pagination li.current {
  cursor: default;
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  border-radius: 2rem;
}
.ng-table-pager ul.ng-table-pagination.pagination li.current:hover,
.ng-table-pager ul.pager li.current:hover,
.ng-table-pager ul.ngx-pagination li.current:hover,
.datatable-pager ul.ng-table-pagination.pagination li.current:hover,
.datatable-pager ul.pager li.current:hover,
.datatable-pager ul.ngx-pagination li.current:hover,
pagination-controls ul.ng-table-pagination.pagination li.current:hover,
pagination-controls ul.pager li.current:hover,
pagination-controls ul.ngx-pagination li.current:hover {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
}
.ng-table-pager ul.ng-table-pagination.pagination li:not(:last-child),
.ng-table-pager ul.pager li:not(:last-child),
.ng-table-pager ul.ngx-pagination li:not(:last-child),
.datatable-pager ul.ng-table-pagination.pagination li:not(:last-child),
.datatable-pager ul.pager li:not(:last-child),
.datatable-pager ul.ngx-pagination li:not(:last-child),
pagination-controls ul.ng-table-pagination.pagination li:not(:last-child),
pagination-controls ul.pager li:not(:last-child),
pagination-controls ul.ngx-pagination li:not(:last-child) {
  margin-right: 0.25rem;
}
.ng-table-pager ul.ng-table-pagination.pagination li.disabled,
.ng-table-pager ul.pager li.disabled,
.ng-table-pager ul.ngx-pagination li.disabled,
.datatable-pager ul.ng-table-pagination.pagination li.disabled,
.datatable-pager ul.pager li.disabled,
.datatable-pager ul.ngx-pagination li.disabled,
pagination-controls ul.ng-table-pagination.pagination li.disabled,
pagination-controls ul.pager li.disabled,
pagination-controls ul.ngx-pagination li.disabled {
  cursor: default;
}
.ng-table-pager ul.ng-table-pagination.pagination li.disabled a,
.ng-table-pager ul.pager li.disabled a,
.ng-table-pager ul.ngx-pagination li.disabled a,
.datatable-pager ul.ng-table-pagination.pagination li.disabled a,
.datatable-pager ul.pager li.disabled a,
.datatable-pager ul.ngx-pagination li.disabled a,
pagination-controls ul.ng-table-pagination.pagination li.disabled a,
pagination-controls ul.pager li.disabled a,
pagination-controls ul.ngx-pagination li.disabled a {
  color: #a29b9b;
}
.ng-table-pager ul.ng-table-pagination.pagination li.disabled:hover,
.ng-table-pager ul.pager li.disabled:hover,
.ng-table-pager ul.ngx-pagination li.disabled:hover,
.datatable-pager ul.ng-table-pagination.pagination li.disabled:hover,
.datatable-pager ul.pager li.disabled:hover,
.datatable-pager ul.ngx-pagination li.disabled:hover,
pagination-controls ul.ng-table-pagination.pagination li.disabled:hover,
pagination-controls ul.pager li.disabled:hover,
pagination-controls ul.ngx-pagination li.disabled:hover {
  background: none;
}
.ng-table-pager ul.ng-table-pagination.pagination li:hover,
.ng-table-pager ul.pager li:hover,
.ng-table-pager ul.ngx-pagination li:hover,
.datatable-pager ul.ng-table-pagination.pagination li:hover,
.datatable-pager ul.pager li:hover,
.datatable-pager ul.ngx-pagination li:hover,
pagination-controls ul.ng-table-pagination.pagination li:hover,
pagination-controls ul.pager li:hover,
pagination-controls ul.ngx-pagination li:hover {
  background: #C1C1C3;
}
.ng-table-pager ul.ng-table-pagination.pagination li.pagination-previous:before, .ng-table-pager ul.ng-table-pagination.pagination li.pagination-next:before,
.ng-table-pager ul.pager li.pagination-previous:before,
.ng-table-pager ul.pager li.pagination-next:before,
.ng-table-pager ul.ngx-pagination li.pagination-previous:before,
.ng-table-pager ul.ngx-pagination li.pagination-next:before,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-previous:before,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-next:before,
.datatable-pager ul.pager li.pagination-previous:before,
.datatable-pager ul.pager li.pagination-next:before,
.datatable-pager ul.ngx-pagination li.pagination-previous:before,
.datatable-pager ul.ngx-pagination li.pagination-next:before,
pagination-controls ul.ng-table-pagination.pagination li.pagination-previous:before,
pagination-controls ul.ng-table-pagination.pagination li.pagination-next:before,
pagination-controls ul.pager li.pagination-previous:before,
pagination-controls ul.pager li.pagination-next:before,
pagination-controls ul.ngx-pagination li.pagination-previous:before,
pagination-controls ul.ngx-pagination li.pagination-next:before {
  display: none !important;
}
.ng-table-pager ul.ng-table-pagination.pagination li.pagination-previous span, .ng-table-pager ul.ng-table-pagination.pagination li.pagination-next span,
.ng-table-pager ul.pager li.pagination-previous span,
.ng-table-pager ul.pager li.pagination-next span,
.ng-table-pager ul.ngx-pagination li.pagination-previous span,
.ng-table-pager ul.ngx-pagination li.pagination-next span,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-previous span,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-next span,
.datatable-pager ul.pager li.pagination-previous span,
.datatable-pager ul.pager li.pagination-next span,
.datatable-pager ul.ngx-pagination li.pagination-previous span,
.datatable-pager ul.ngx-pagination li.pagination-next span,
pagination-controls ul.ng-table-pagination.pagination li.pagination-previous span,
pagination-controls ul.ng-table-pagination.pagination li.pagination-next span,
pagination-controls ul.pager li.pagination-previous span,
pagination-controls ul.pager li.pagination-next span,
pagination-controls ul.ngx-pagination li.pagination-previous span,
pagination-controls ul.ngx-pagination li.pagination-next span {
  display: none;
}
.ng-table-pager ul.ng-table-pagination.pagination li.pagination-previous a:after, .ng-table-pager ul.ng-table-pagination.pagination li.pagination-next a:after,
.ng-table-pager ul.pager li.pagination-previous a:after,
.ng-table-pager ul.pager li.pagination-next a:after,
.ng-table-pager ul.ngx-pagination li.pagination-previous a:after,
.ng-table-pager ul.ngx-pagination li.pagination-next a:after,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-previous a:after,
.datatable-pager ul.ng-table-pagination.pagination li.pagination-next a:after,
.datatable-pager ul.pager li.pagination-previous a:after,
.datatable-pager ul.pager li.pagination-next a:after,
.datatable-pager ul.ngx-pagination li.pagination-previous a:after,
.datatable-pager ul.ngx-pagination li.pagination-next a:after,
pagination-controls ul.ng-table-pagination.pagination li.pagination-previous a:after,
pagination-controls ul.ng-table-pagination.pagination li.pagination-next a:after,
pagination-controls ul.pager li.pagination-previous a:after,
pagination-controls ul.pager li.pagination-next a:after,
pagination-controls ul.ngx-pagination li.pagination-previous a:after,
pagination-controls ul.ngx-pagination li.pagination-next a:after {
  margin: 0;
}
.ng-table-pager ul.ng-table-pagination.pagination li.active,
.ng-table-pager ul.pager li.active,
.ng-table-pager ul.ngx-pagination li.active,
.datatable-pager ul.ng-table-pagination.pagination li.active,
.datatable-pager ul.pager li.active,
.datatable-pager ul.ngx-pagination li.active,
pagination-controls ul.ng-table-pagination.pagination li.active,
pagination-controls ul.pager li.active,
pagination-controls ul.ngx-pagination li.active {
  cursor: default;
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}

.table-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 600;
  background: rgba(0, 0, 0, 0.6);
}
.table-preloader span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center !important;
  width: 100% !important;
  color: #fff;
}
.table-preloader span:before {
  content: "";
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  border: 5px solid;
  border-left-color: transparent;
  border-radius: 50%;
  top: -200%;
  left: 50%;
  animation: spin-left 4s linear infinite;
}

.ghost-row td {
  position: relative;
  overflow: hidden;
  cursor: default;
  height: 4.5rem;
}
.ghost-row td:hover {
  background: #fff !important;
}
.ghost-row td:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}

@media only screen and (max-width: 428px) {
  .ng-table-pager ul.ng-table-pagination.pagination {
    justify-content: space-evenly;
    width: 100%;
    border: none;
  }
  .ng-table-pager ul.ng-table-pagination.pagination li {
    display: none;
    border: none !important;
  }
  .ng-table-pager ul.ng-table-pagination.pagination li a {
    background: #1E1F23;
    color: #fff;
    padding: 0.6em 1.75em;
    border-radius: 1em;
  }
  .ng-table-pager ul.ng-table-pagination.pagination li:first-child,
  .ng-table-pager ul.ng-table-pagination.pagination li:last-child {
    display: inline-block;
  }
}
@keyframes spin-left {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**
 * Basic Styles
 **/
.ab-table table {
  border-spacing: 0px;
  width: 100%;
}

/** Fix ng-datatable not being 100% width all the time*/
.datatable-header-inner {
  width: 100% !important;
}

.datatable-scroll {
  display: inherit !important;
}

.datatable-row-center {
  width: 100% !important;
}

.datatable-body-row {
  width: 100% !important;
}

/** Fix overflow **/
.ngx-datatable .datatable-body {
  overflow: inherit !important;
}

/**
 * Table header
 **/
.ab-table thead .ng-table-sort-header th,
.ab-table thead .datatable-header-cell,
.datatable-header .ng-table-sort-header th,
.datatable-header .datatable-header-cell {
  border: 0;
  padding: 1rem 0.5rem;
  text-align: left;
}
.ab-table thead .ng-table-sort-header th span,
.ab-table thead .datatable-header-cell span,
.datatable-header .ng-table-sort-header th span,
.datatable-header .datatable-header-cell span {
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-block;
}
.ab-table thead .ng-table-sort-header th.sortable.sort-asc, .ab-table thead .ng-table-sort-header th.sortable.sort-desc,
.ab-table thead .datatable-header-cell.sortable.sort-asc,
.ab-table thead .datatable-header-cell.sortable.sort-desc,
.datatable-header .ng-table-sort-header th.sortable.sort-asc,
.datatable-header .ng-table-sort-header th.sortable.sort-desc,
.datatable-header .datatable-header-cell.sortable.sort-asc,
.datatable-header .datatable-header-cell.sortable.sort-desc {
  background-color: #f8f7fb;
}
.ab-table thead .ng-table-sort-header th.sortable.sort-asc span, .ab-table thead .ng-table-sort-header th.sortable.sort-desc span,
.ab-table thead .datatable-header-cell.sortable.sort-asc span,
.ab-table thead .datatable-header-cell.sortable.sort-desc span,
.datatable-header .ng-table-sort-header th.sortable.sort-asc span,
.datatable-header .ng-table-sort-header th.sortable.sort-desc span,
.datatable-header .datatable-header-cell.sortable.sort-asc span,
.datatable-header .datatable-header-cell.sortable.sort-desc span {
  color: #3b3737;
}
.ab-table thead .ng-table-sort-header th.sortable,
.ab-table thead .datatable-header-cell.sortable,
.datatable-header .ng-table-sort-header th.sortable,
.datatable-header .datatable-header-cell.sortable {
  cursor: pointer;
}

.datatable-header {
  height: auto !important;
}

.sort-btn:after {
  margin-left: 0.25rem;
  background-color: #C1C1C3;
}
.sort-btn.datatable-icon-sort-unset:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjcuNjYgMjI0aDI2NC43YzI0LjYgMCAzNi44OS0yOS43OCAxOS41NC00Ny4xMmwtMTMyLjMtMTM2LjhjLTUuNDA2LTUuNDA2LTEyLjQ3LTguMTA3LTE5LjUzLTguMTA3Yy03LjA1NSAwLTE0LjA5IDIuNzAxLTE5LjQ1IDguMTA3TDguMTE5IDE3Ni45Qy05LjIyOSAxOTQuMiAzLjA1NSAyMjQgMjcuNjYgMjI0ek0yOTIuMyAyODhIMjcuNjZjLTI0LjYgMC0zNi44OSAyOS43Ny0xOS41NCA0Ny4xMmwxMzIuNSAxMzYuOEMxNDUuOSA0NzcuMyAxNTIuMSA0ODAgMTYwIDQ4MGM3LjA1MyAwIDE0LjEyLTIuNzAzIDE5LjUzLTguMTA5bDEzMi4zLTEzNi44QzMyOS4yIDMxNy44IDMxNi45IDI4OCAyOTIuMyAyODh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjcuNjYgMjI0aDI2NC43YzI0LjYgMCAzNi44OS0yOS43OCAxOS41NC00Ny4xMmwtMTMyLjMtMTM2LjhjLTUuNDA2LTUuNDA2LTEyLjQ3LTguMTA3LTE5LjUzLTguMTA3Yy03LjA1NSAwLTE0LjA5IDIuNzAxLTE5LjQ1IDguMTA3TDguMTE5IDE3Ni45Qy05LjIyOSAxOTQuMiAzLjA1NSAyMjQgMjcuNjYgMjI0ek0yOTIuMyAyODhIMjcuNjZjLTI0LjYgMC0zNi44OSAyOS43Ny0xOS41NCA0Ny4xMmwxMzIuNSAxMzYuOEMxNDUuOSA0NzcuMyAxNTIuMSA0ODAgMTYwIDQ4MGM3LjA1MyAwIDE0LjEyLTIuNzAzIDE5LjUzLTguMTA5bDEzMi4zLTEzNi44QzMyOS4yIDMxNy44IDMxNi45IDI4OCAyOTIuMyAyODh6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.sort-btn.datatable-icon-down:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzExLjkgMzM1LjFsLTEzMi40IDEzNi44QzE3NC4xIDQ3Ny4zIDE2Ny4xIDQ4MCAxNjAgNDgwYy03LjA1NSAwLTE0LjEyLTIuNzAyLTE5LjQ3LTguMTA5bC0xMzIuNC0xMzYuOEMtOS4yMjkgMzE3LjggMy4wNTUgMjg4IDI3LjY2IDI4OGgyNjQuN0MzMTYuOSAyODggMzI5LjIgMzE3LjggMzExLjkgMzM1LjF6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzExLjkgMzM1LjFsLTEzMi40IDEzNi44QzE3NC4xIDQ3Ny4zIDE2Ny4xIDQ4MCAxNjAgNDgwYy03LjA1NSAwLTE0LjEyLTIuNzAyLTE5LjQ3LTguMTA5bC0xMzIuNC0xMzYuOEMtOS4yMjkgMzE3LjggMy4wNTUgMjg4IDI3LjY2IDI4OGgyNjQuN0MzMTYuOSAyODggMzI5LjIgMzE3LjggMzExLjkgMzM1LjF6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.sort-btn.datatable-icon-up:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjcuNjYgMjI0aDI2NC43YzI0LjYgMCAzNi44OS0yOS43OCAxOS41NC00Ny4xMmwtMTMyLjMtMTM2LjhjLTUuNDA2LTUuNDA2LTEyLjQ3LTguMTA3LTE5LjUzLTguMTA3Yy03LjA1NSAwLTE0LjA5IDIuNzAxLTE5LjQ1IDguMTA3TDguMTE5IDE3Ni45Qy05LjIyOSAxOTQuMiAzLjA1NSAyMjQgMjcuNjYgMjI0eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjcuNjYgMjI0aDI2NC43YzI0LjYgMCAzNi44OS0yOS43OCAxOS41NC00Ny4xMmwtMTMyLjMtMTM2LjhjLTUuNDA2LTUuNDA2LTEyLjQ3LTguMTA3LTE5LjUzLTguMTA3Yy03LjA1NSAwLTE0LjA5IDIuNzAxLTE5LjQ1IDguMTA3TDguMTE5IDE3Ni45Qy05LjIyOSAxOTQuMiAzLjA1NSAyMjQgMjcuNjYgMjI0eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}

/**
 * Single Row Styles
 * Border radius and background
 **/
.ab-table tr,
.datatable-body-row {
  position: relative;
}
.ab-table tr td:first-child,
.ab-table tr .datatable-body-cell:first-child,
.datatable-body-row td:first-child,
.datatable-body-row .datatable-body-cell:first-child {
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
.ab-table tr td:last-child,
.ab-table tr .datatable-body-cell:last-child,
.datatable-body-row td:last-child,
.datatable-body-row .datatable-body-cell:last-child {
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.ab-table tr td,
.ab-table tr .datatable-body-cell,
.datatable-body-row td,
.datatable-body-row .datatable-body-cell {
  border: 0;
  background-color: #fff;
  padding: 1rem 0.5rem;
}

/**
 * Cell content
 **/
.ab-table td > span,
.datatable-body-cell .datatable-body-cell-label > span {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  position: relative;
}
.ab-table td > span.emphasis,
.datatable-body-cell .datatable-body-cell-label > span.emphasis {
  font-weight: 500;
}
.ab-table td > span.emphasis,
.datatable-body-cell .datatable-body-cell-label > span.emphasis {
  font-weight: 500;
}
.ab-table td .stacked,
.datatable-body-cell .datatable-body-cell-label .stacked {
  display: flex;
  flex-direction: column;
}
.ab-table td .stacked span,
.datatable-body-cell .datatable-body-cell-label .stacked span {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: block;
}
.ab-table td .stacked span.emphasis,
.datatable-body-cell .datatable-body-cell-label .stacked span.emphasis {
  font-weight: 500;
}
.ab-table td .stacked > :not(:last-child),
.datatable-body-cell .datatable-body-cell-label .stacked > :not(:last-child) {
  margin-bottom: 0.1rem;
}

/**
 * Cell Icon
 **/
.ab-table td,
.datatable-body-cell {
  overflow: visible !important;
  position: relative;
}
.ab-table td span:has(svg.cell-icon),
.datatable-body-cell span:has(svg.cell-icon) {
  display: flex !important;
  align-items: center;
}
.ab-table td svg.cell-icon,
.datatable-body-cell svg.cell-icon {
  font-size: 0.75em;
  margin-left: 0.2rem;
  color: #6E6F73;
}

/**
 * Spacer
 **/
.ab-table .spacer {
  height: 0.5rem;
}

.ngx-datatable .datatable-body-row .datatable-body-cell,
.ngx-datatable .datatable-body-row .datatable-header-cell {
  overflow: hidden;
  margin-bottom: 0.5rem;
  display: inline-flex;
  align-items: center;
}

/**
 * Filter chips
 **/
.table-filter-chips {
  display: flex;
  padding: 1rem 0 1rem 1rem;
}
.table-filter-chips .chips {
  display: flex;
  overflow-x: auto;
}
.table-filter-chips .chip {
  margin-right: 0.5rem;
}

@media (hover: hover) {
  .ab-table tr.link:hover td,
  .ab-table tr .datatable-body-row:hover .datatable-body-cell,
  .ngx-datatable.has-links.link:hover td,
  .ngx-datatable.has-links .datatable-body-row:hover .datatable-body-cell {
    cursor: pointer;
    background-color: #E6E6E7;
  }
}
.ab-table .mobile-title,
.ab-table .datatable-row-left,
.ab-table .datatable-row-right {
  display: none !important;
}

@media only screen and (max-width: 1200px) {
  .table-filter-chips {
    padding: 0;
  }
  .ab-table {
    display: block;
  }
  .ab-table thead,
  .ab-table .ngx-datatable .datatable-header {
    display: none;
  }
  .ab-table tbody,
  .ab-table .ngx-datatable .datatable-body {
    display: block;
  }
  .ab-table tbody tr,
  .ab-table tbody .datatable-row-group,
  .ab-table .ngx-datatable .datatable-body tr,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group {
    background: #fff;
    border-radius: 1.5rem;
    box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
    padding: 0.75rem;
    margin: 0 0 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
  }
  .ab-table tbody tr.spacer,
  .ab-table tbody .datatable-row-group.spacer,
  .ab-table .ngx-datatable .datatable-body tr.spacer,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group.spacer {
    display: none;
  }
  .ab-table tbody tr td,
  .ab-table tbody tr .datatable-body-cell,
  .ab-table tbody .datatable-row-group td,
  .ab-table tbody .datatable-row-group .datatable-body-cell,
  .ab-table .ngx-datatable .datatable-body tr td,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell {
    display: block;
    position: relative;
    height: auto;
    padding: 0.5em 0.75em;
    border-radius: 0 !important;
    width: 50% !important;
  }
  .ab-table tbody tr td.mobile-column-wrap,
  .ab-table tbody tr .datatable-body-cell.mobile-column-wrap,
  .ab-table tbody .datatable-row-group td.mobile-column-wrap,
  .ab-table tbody .datatable-row-group .datatable-body-cell.mobile-column-wrap,
  .ab-table .ngx-datatable .datatable-body tr td.mobile-column-wrap,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell.mobile-column-wrap,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td.mobile-column-wrap,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell.mobile-column-wrap {
    width: 100% !important;
    padding: 0;
  }
  .ab-table tbody tr td.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table tbody tr .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table tbody .datatable-row-group td.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table tbody .datatable-row-group .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table .ngx-datatable .datatable-body tr td.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td.mobile-column-wrap .mobile-column-inner .mobile-column,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column {
    display: block;
    position: relative;
    height: auto;
    padding: 0.5em 0.75em;
    border-radius: 0 !important;
    width: 50% !important;
  }
  .ab-table tbody tr td.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table tbody tr .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table tbody .datatable-row-group td.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table tbody .datatable-row-group .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table .ngx-datatable .datatable-body tr td.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td.mobile-column-wrap .mobile-column-inner .mobile-column.full-width,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell.mobile-column-wrap .mobile-column-inner .mobile-column.full-width {
    width: 100% !important;
  }
  .ab-table tbody tr td.full-width,
  .ab-table tbody tr .datatable-body-cell.full-width,
  .ab-table tbody .datatable-row-group td.full-width,
  .ab-table tbody .datatable-row-group .datatable-body-cell.full-width,
  .ab-table .ngx-datatable .datatable-body tr td.full-width,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell.full-width,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td.full-width,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell.full-width {
    width: 100% !important;
  }
  .ab-table tbody tr td .stacked,
  .ab-table tbody tr .datatable-body-cell .stacked,
  .ab-table tbody .datatable-row-group td .stacked,
  .ab-table tbody .datatable-row-group .datatable-body-cell .stacked,
  .ab-table .ngx-datatable .datatable-body tr td .stacked,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell .stacked,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td .stacked,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell .stacked {
    display: block;
  }
  .ab-table tbody tr td .stacked > :not(:last-child),
  .ab-table tbody tr .datatable-body-cell .stacked > :not(:last-child),
  .ab-table tbody .datatable-row-group td .stacked > :not(:last-child),
  .ab-table tbody .datatable-row-group .datatable-body-cell .stacked > :not(:last-child),
  .ab-table .ngx-datatable .datatable-body tr td .stacked > :not(:last-child),
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell .stacked > :not(:last-child),
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td .stacked > :not(:last-child),
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell .stacked > :not(:last-child) {
    margin-bottom: 0;
  }
  .ab-table tbody tr td:last-child,
  .ab-table tbody tr .datatable-body-cell:last-child,
  .ab-table tbody .datatable-row-group td:last-child,
  .ab-table tbody .datatable-row-group .datatable-body-cell:last-child,
  .ab-table .ngx-datatable .datatable-body tr td:last-child,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell:last-child,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td:last-child,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell:last-child {
    border-bottom: none;
  }
  .ab-table tbody tr td:before,
  .ab-table tbody tr .datatable-body-cell:before,
  .ab-table tbody .datatable-row-group td:before,
  .ab-table tbody .datatable-row-group .datatable-body-cell:before,
  .ab-table .ngx-datatable .datatable-body tr td:before,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell:before,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td:before,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell:before {
    display: block;
    content: attr(data-title-text);
    text-align: left;
    font-weight: 700;
  }
  .ab-table tbody tr td.cl-btn,
  .ab-table tbody tr .datatable-body-cell.cl-btn,
  .ab-table tbody .datatable-row-group td.cl-btn,
  .ab-table tbody .datatable-row-group .datatable-body-cell.cl-btn,
  .ab-table .ngx-datatable .datatable-body tr td.cl-btn,
  .ab-table .ngx-datatable .datatable-body tr .datatable-body-cell.cl-btn,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group td.cl-btn,
  .ab-table .ngx-datatable .datatable-body .datatable-row-group .datatable-body-cell.cl-btn {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
.mobile-table-title {
  padding: 0.25rem;
}
.mobile-table-title span.title {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
  display: block;
  margin-bottom: 0.25rem;
}
.mobile-table-title span.subtitle {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: block;
  color: #6c6c6c;
}
.mobile-table-title span.subtitle.emphasis {
  font-weight: 500;
}

.mobile-table-stats {
  margin-top: 1rem;
  padding: 0 0.25rem;
}
.mobile-table-stats .mobile-table-stat span {
  display: block;
}
.mobile-table-stats .mobile-table-stat span:first-child {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #6c6c6c;
}
@media only screen and (max-width: 430px) {
  .ab-table table tbody tr td {
    width: 100%;
  }
}
.warning-box {
  max-width: 30rem;
  background: #faf4e9;
  box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
}
.warning-box .row {
  padding: 1rem !important;
  margin: 0 !important;
  align-items: center;
}
.warning-box.success {
  background: #e8f4ea;
}
.warning-box.success .icon-wrap .inner {
  background: linear-gradient(337deg, #00a458 0%, #b6d747 100%);
}
.warning-box .icon-wrap .inner {
  width: 100%;
  padding-bottom: 100%;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  position: relative;
  border-radius: 50%;
}
.warning-box .icon-wrap .inner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  color: #fff;
}
.warning-box .text-wrap h5 {
  margin: 0;
  font-size: 1rem;
  padding: 0;
}
.warning-box .text-wrap .detail {
  color: #6c6c6c;
  font-size: 0.85rem;
  margin-top: 0.5rem;
  display: block;
}

.progress-wrap {
  max-width: 20rem;
}
.progress-wrap span {
  display: block;
  text-align: center;
}

.progress {
  position: relative;
  height: 0.25rem;
  display: block;
  width: 100%;
  background-color: #efdec0;
  border-radius: 2px;
  background-clip: padding-box;
  margin: 0.5rem 0 1rem 0;
  overflow-x: hidden;
}
.progress .indeterminate {
  background-color: #d6a95a;
}
.progress .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress .indeterminate:after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
.chart-wrap {
  height: 40vh;
  width: 100%;
  position: relative;
}
.chart-wrap.ghost {
  overflow: hidden;
  border-radius: 1.5rem;
}
.chart-wrap.ghost:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}

.customer-component .selection {
  position: relative;
}
.customer-component .selection input {
  pointer-events: none;
}
.customer-component .selection:hover input {
  border-color: #bebfc6 !important;
}
.customer-component .selection .scrim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.customer-component .selection .btn-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 2rem;
  pointer-events: none;
}
.customer-component .selection .btn-wrap .remove-button {
  pointer-events: all;
}

.customer-overlay {
  /** Make list and placeholder same height to prevent height changes */
}
.customer-overlay .customer span {
  display: block;
}
.customer-overlay .customer span.item-title {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.customer-overlay .customer .spacer {
  height: 0.75rem;
}
.customer-overlay .overlay_inner ul,
.customer-overlay .placeholder {
  height: max(15rem, 60vh) !important;
}
.customer-overlay .overlay_inner ul li {
  padding: 0.75rem 0.5rem;
}
.customer-overlay .overlay_inner ul li.add-customer {
  padding: 1rem 0.5rem;
  font-weight: 700;
  color: #d9bc6c;
}
.customer-overlay .placeholder {
  text-align: center;
  padding: 3rem 0;
}
.customer-overlay .placeholder span {
  display: block;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

.opportunity h3, .opportunity h3 .accordion-btn, h3 .opportunity .accordion-btn {
  margin: 0;
  margin-bottom: 1rem;
  line-height: 1.3em;
}
.opportunity .stat {
  display: flex;
  align-items: center;
  color: #6c6c6c;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}
.opportunity .stat svg {
  color: #6E6F73;
  margin-right: 0.5rem;
}
.opportunity .progress-tags span {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 0.85rem;
  margin-top: 0.25rem;
}

.sidesheet {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 800;
}
.sidesheet .inner {
  position: absolute;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
  padding: 2.25rem 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 30rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sidesheet .sidesheet-title {
  padding: 0 2.25rem;
}
.sidesheet .sidesheet-title h2 {
  margin: 0;
}
.sidesheet .sidesheet-title button {
  font-size: 1.2rem;
}
.sidesheet .sidesheet-actions {
  margin-top: 2.25rem;
  border-top: 1px solid #E6E6E7;
  padding: 2.25rem 2.25rem 0;
}
.sidesheet .sidesheet-content {
  flex-grow: 1;
  padding: 0 2.25rem;
  overflow-y: auto;
  margin-top: 1rem;
}
.sidesheet .scrim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

@media only screen and (max-width: 30rem) {
  .sidesheet .inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.sticky-sub-nav {
  position: sticky;
  top: 2rem;
}

ul.sub-nav {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 1rem;
  width: auto;
  background: #2B2C31;
}
ul.sub-nav li:not(.divider) {
  font-weight: 800;
  font-size: 0.85rem;
  background: none;
  color: #9da6a8;
  display: inline-block;
  letter-spacing: 0;
  border-radius: 0;
  border-left: 2px solid transparent;
  padding: 0.5rem 0.6rem;
  flex: 1;
  cursor: pointer;
}
ul.sub-nav li:not(.divider).active {
  border-color: #d6a95a;
  color: #d6a95a;
}
ul.sub-nav li:not(.divider):not(:last-child) {
  margin-bottom: 0.75rem;
}
ul.sub-nav li.divider {
  display: block;
  height: 1px;
  border-top: 1px solid #3c3d45;
  margin: 0 0 0.75rem;
}

@media only screen and (max-width: 1000px) {
  ul.sub-nav {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    position: sticky;
    top: 0;
  }
  ul.sub-nav li:not(.divider) {
    border-left: none;
    border-bottom: 2px solid transparent;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  ul.sub-nav li:not(.divider):not(:last-child) {
    margin-bottom: 0;
  }
  /** We stick the sub nav right under the top nav on mobile **/
  .sticky-sub-nav {
    top: 0;
    z-index: 100;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-onboarding {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 850;
  background: #f8f7fb;
}
.ab-onboarding .inner {
  padding: 1rem 0.5rem;
}
.ab-onboarding .inner svg {
  max-width: min(90vw, 30rem);
  margin: 2rem auto;
  display: block;
  height: auto;
}
.ab-onboarding .inner h1 {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
  text-align: center;
  margin: 2rem auto 1rem;
  display: block;
}
.ab-onboarding .inner p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #6c6c6c;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.ab-onboarding .inner .btn-wrap {
  margin: 2rem;
  justify-content: center;
}

.image-preview {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-preview .image-count {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #6c6c6c;
  display: block;
  margin-left: 0.25rem;
}
.image-preview svg {
  color: #6E6F73;
}
.image-preview .image-preview-container {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%) scale(0.9);
  pointer-events: none;
  z-index: 800;
  padding: 1rem;
  background: #f8f7fb;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  border-radius: 1.5rem;
  width: 100vw;
  max-width: 25rem;
  aspect-ratio: 3/2;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
  opacity: 0;
}
.image-preview .image-preview-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  display: block;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border-radius: 1rem;
}
.image-preview:hover .image-preview-container {
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

.building-block {
  padding: 0.5rem;
  margin-top: 2rem;
  border: 2px dashed transparent;
  border-radius: 0.5rem;
  position: relative;
  border: 2px dashed #d9dade;
  cursor: default;
}
.building-block.action {
  cursor: pointer;
}
.building-block.action:hover {
  border-color: #bebfc6;
}
.building-block > .btn-wrap {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  margin: 0;
  display: none;
}
.building-block > .btn-wrap button:not(:last-child) {
  margin-right: 0.25rem;
}
.building-block span.block-type {
  display: block;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  left: -2px;
  background: #E6E6E7;
  padding: 0.25rem 1rem;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  opacity: 0;
  transition: all 0.1s ease-in-out;
}
.building-block:hover:not(:has(.building-block:hover)) {
  border-top-left-radius: 0;
}
.building-block:hover:not(:has(.building-block:hover)) > span.block-type, .building-block:hover:not(:has(.building-block:hover)) > .btn-wrap {
  display: flex;
  visibility: visible;
  opacity: 1;
}
.building-block.active {
  border-color: #d6a95a !important;
}
.building-block.active > span.block-type {
  background: #d6a95a;
  display: block;
}
.building-block .address-block,
.building-block .vehicle-block,
.building-block .siganture-block,
.building-block .options-block {
  background: #eeeeee;
}
.building-block .address-block span,
.building-block .vehicle-block span,
.building-block .siganture-block span,
.building-block .options-block span {
  display: block;
}
.building-block .address-block span.title-sm,
.building-block .vehicle-block span.title-sm,
.building-block .siganture-block span.title-sm,
.building-block .options-block span.title-sm {
  margin-bottom: 0.25rem;
}
.building-block .address-block .row:not(:last-of-type),
.building-block .vehicle-block .row:not(:last-of-type),
.building-block .siganture-block .row:not(:last-of-type),
.building-block .options-block .row:not(:last-of-type) {
  margin-bottom: 1.5rem;
}
.building-block .siganture-block {
  max-width: 25rem;
}
.building-block .siganture-block span {
  margin-top: 3rem;
}
.building-block .spacer-block {
  margin: 2rem 0;
  height: 2px;
  background: #E6E6E7;
}
.building-block .page-break-block span {
  display: block;
  text-align: center;
  margin: 1rem 0;
}

.blocks-preview {
  background: #fff;
  padding: 1rem;
  border: 1px solid #E6E6E7;
  max-width: 60rem;
  margin: 0 auto;
  box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
}
.blocks-preview .template-background.header {
  margin-bottom: 5rem;
}
.blocks-preview .template-background.footer {
  margin-top: 5rem;
}
.blocks-preview .template-background img {
  width: 100%;
  opacity: 0.15;
}
.blocks-preview .building-block {
  margin-bottom: 2rem;
}

.blocks-preview-wrap .preview-title {
  display: block;
  text-align: center;
}

.video-container .thumbnail-wrap {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
}
.video-container .thumbnail-wrap svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4rem;
  color: #fff;
  z-index: 10;
}
.video-container .thumbnail-wrap img {
  display: block;
  width: 100%;
  transition: all 0.15s ease-in-out;
}
.video-container .thumbnail-wrap:hover img {
  transform: scale(1.05);
}
.video-container .thumbnail-wrap:hover:after {
  opacity: 0.6;
}
.video-container .thumbnail-wrap:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #000;
  opacity: 0.5;
  transition: all 0.15s ease-in-out;
}
.video-container span.title {
  display: block;
  margin: 1rem 0 0.25rem;
}
.video-container span.subtitle {
  color: #6c6c6c;
}

.sales-table-detail .lock-warning {
  background: #d6a95a;
  display: flex;
  justify-content: space-evenly;
  border-radius: 1rem;
}
.sales-table-detail .lock-warning span {
  text-align: center;
  color: #fff;
  padding: 1rem;
  font-size: 0.9em;
}
.sales-table-detail .additional-information {
  overflow: hidden;
  padding: 0;
}
.sales-table-detail .additional-information .btn-wrap {
  justify-content: center;
}
.sales-table-detail .additional-information h4 {
  padding: 0.5rem 0;
  text-align: center;
  margin: 0;
}
.sales-table-detail .additional-information .btn-group {
  padding: 1rem 0;
}
.sales-table-detail div.title {
  padding: 2rem 0;
  align-items: center;
}
.sales-table-detail div.title .make,
.sales-table-detail div.title .first-price {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
  padding-bottom: 0.25rem;
  display: flex;
}
.sales-table-detail div.title .first-price {
  color: #d19e46;
}
.sales-table-detail div.title .first-price,
.sales-table-detail div.title .second-price {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sales-table-detail div.title .first-price svg,
.sales-table-detail div.title .second-price svg {
  font-size: 0.8rem;
  color: #6E6F73;
  margin-left: 0.5rem;
}
.sales-table-detail div.title .model-description,
.sales-table-detail div.title .second-price {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #6c6c6c;
}
.sales-table-detail div.title .model-description.emphasis,
.sales-table-detail div.title .second-price.emphasis {
  font-weight: 500;
}
.sales-table-detail div.title .model-description {
  display: block;
}
.sales-table-detail div.title .details span {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #6c6c6c;
  display: block;
}
.sales-table-detail div.title .details span.emphasis {
  font-weight: 500;
}
.sales-table-detail div.title .tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.sales-table-detail div.title .tags > * {
  margin-bottom: 0.2em;
}
.sales-table-detail div.title .tags .force-break {
  flex-basis: 100%;
  height: 0;
}
.sales-table-detail div.title .tags > :not(:last-child) {
  margin-right: 0.2em;
}
.sales-table-detail .tabs {
  padding: 2em 0;
  text-align: center;
}
.sales-table-detail .tabs ul {
  background-color: #f8f7fb;
  border-radius: 10em;
  display: inline-block;
  margin: 0;
  padding: 0.3em;
  position: sticky;
  top: calc(62px + 1rem);
}
.sales-table-detail .tabs ul li {
  display: block;
  border-radius: 50%;
  padding: 2.2em;
  position: relative;
  transition: all 0.15s ease-in-out;
  margin: 0.2em;
}
.sales-table-detail .tabs ul li a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #b5b5b5;
}
.sales-table-detail .tabs ul li a svg.badge-icon {
  position: absolute;
  font-size: 0.5rem;
  color: #d6a95a;
  transform: translate(0, -0.25rem);
}
.sales-table-detail .tabs ul li a svg.badge-icon.error {
  color: #f87676;
}
.sales-table-detail .tabs ul li:hover {
  background: #fff;
  cursor: pointer;
}
.sales-table-detail .tabs ul li:hover a {
  color: #d19e46;
}
.sales-table-detail .tabs ul li.active {
  background: #fff;
  font-weight: 800;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
}
.sales-table-detail .tabs ul li.active a {
  color: #d6a95a;
}
.sales-table-detail .tab-content {
  padding: 2em 0;
}
.sales-table-detail .tab-content ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  text-align: left;
}
.sales-table-detail .tab-content ul:last-child {
  border-bottom: none;
}
.sales-table-detail .tab-content ul li {
  width: 100%;
  max-width: 15rem;
  list-style: none;
  padding-top: 1rem;
  /** Value **/
  /** Label for Value **/
}
.sales-table-detail .tab-content ul li span {
  display: block;
}
.sales-table-detail .tab-content ul li span:nth-child(2) {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-weight: 500;
}
.sales-table-detail .tab-content ul li span:first-child {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  color: #6c6c6c;
}
.sales-table-detail .tab-content .documents-tab {
  text-align: left;
  padding: 1em;
}
.sales-table-detail .tab-content .documents-tab ul {
  flex-direction: column;
}
.sales-table-detail .tab-content .button-wrap {
  text-align: left;
  padding: 1em;
}
.sales-table-detail ul.funding li.accordion {
  max-width: none;
  padding: 0;
}
.sales-table-detail ul.funding li.accordion .inner {
  padding: 0 2em;
}
.sales-table-detail ul.funding li.accordion .inner .comment {
  max-width: 20em;
  box-shadow: none;
  text-align: left;
  padding: 0;
  border-bottom: 1px solid #E6E6E7;
  border-radius: 0;
}
.sales-table-detail ul.funding li.accordion .inner .comment:last-child {
  border-bottom: none;
}
.sales-table-detail .options .accordion {
  width: 100%;
  max-width: none;
}
.sales-table-detail .options .accordion ul {
  margin: 0;
  padding: 0.5em;
  display: flex;
}
.sales-table-detail .options .accordion ul.no-disc li {
  width: 100%;
  max-width: none;
  margin: 0.1em 0;
  display: flex;
}
.sales-table-detail .options .accordion ul.no-disc li b {
  margin-right: 0.5rem;
  min-width: 3rem;
}
.sales-table-detail .options .accordion ul li {
  list-style: disc;
  text-align: left;
  padding: 0;
}
.sales-table-detail .left-column {
  padding: 2rem;
}
.sales-table-detail .side {
  padding: 2rem;
  border-left: 1px solid #E6E6E7;
}
.sales-table-detail .side .side-item:not(:last-of-type) {
  margin-bottom: 2rem;
}
.sales-table-detail .side .side-item h3, .sales-table-detail .side .side-item h3 .accordion-btn, h3 .sales-table-detail .side .side-item .accordion-btn {
  margin-top: 0;
}
.sales-table-detail .feature-list h4 {
  margin-bottom: 1rem;
}
.sales-table-detail .feature-list ul {
  display: block;
  margin-bottom: 2rem;
}
.sales-table-detail .feature-list ul li {
  display: flex;
  list-style: none;
  margin-top: 0.5rem;
  padding: 0;
  max-width: none;
}
.sales-table-detail .feature-list ul li svg {
  color: #6E6F73;
  font-size: 0.85rem;
  margin: 0.15rem 0.5rem 0 0;
}

@media only screen and (max-width: 1200px) {
  .sales-table-detail .toolbar {
    position: fixed;
    bottom: 4.25em;
    right: 0.5em;
    top: auto;
    left: auto;
    background: none;
    text-align: right;
    display: none;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column-reverse;
    padding: 1em;
  }
  .sales-table-detail .toolbar:before {
    display: block;
    background: rgba(30, 31, 35, 0.95);
    position: fixed;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    transition: all 0.15s ease-in-out;
  }
  .sales-table-detail .toolbar span,
  .sales-table-detail .toolbar a {
    display: inline-block;
    margin: 0.5em 0;
    width: auto;
    transform: scale(0);
    opacity: 0;
    width: 100%;
    padding: 1.1em 5.5em 1.1em 0;
    background: none;
    color: #E6E6E7;
    text-align: right;
    text-transform: none;
  }
  .sales-table-detail .toolbar span svg,
  .sales-table-detail .toolbar a svg {
    background: #1E1F23;
    border-radius: 50%;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
    color: #E6E6E7;
    position: absolute;
    right: 0.5em;
    top: 50%;
    transform: translateY(0);
    width: 3.3em;
    height: 3.3em;
    line-height: 3.3em;
    text-align: center;
    padding-left: 0.3em;
  }
  .sales-table-detail .toolbar.show-mobile span,
  .sales-table-detail .toolbar.show-mobile a {
    animation-name: enter-text;
    animation-duration: 0.15s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
  .sales-table-detail .toolbar.show-mobile span svg,
  .sales-table-detail .toolbar.show-mobile a svg {
    animation-name: enter-icon;
    animation-duration: 0.15s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 1024px) {
  .sales-table-detail {
    top: 62px !important;
    height: auto !important;
    bottom: 0;
    right: 0;
  }
  .sales-table-detail {
    padding: 0;
  }
  .sales-table-detail .left-column {
    padding: 0 15px 2em;
  }
  .sales-table-detail .row.title {
    padding: 1em 0 0;
  }
  .sales-table-detail .row.title .pricing,
  .sales-table-detail .row.title .model,
  .sales-table-detail .row.title .details,
  .sales-table-detail .row.title .tags {
    margin: 0 0 1rem;
    padding: 0 1.5rem;
  }
  .sales-table-detail .tabs {
    padding: 0;
  }
  .sales-table-detail .tabs ul {
    width: 100%;
    border-radius: 0;
  }
  .sales-table-detail .tabs ul li {
    display: inline-block;
  }
  .sales-table-detail .tab-content {
    border: 0;
    padding: 1rem;
  }
  .sales-table-detail .tab-content .documents-tab,
  .sales-table-detail .tab-content .messages-tab {
    padding: 0;
  }
  .sales-table-detail .tab-content .comment-form {
    margin-top: 1rem;
  }
  .sales-table-detail .tab-content .message {
    max-width: 30em;
    margin: 0 auto 1em;
  }
  .sales-table-detail .tab-content .message button {
    opacity: 1;
  }
}
@media only screen and (max-width: 768px) {
  .sales-table-detail .tabs ul {
    max-width: 100vw;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .sales-table-detail .tabs ul li {
    padding: 1.5em;
  }
  .sales-table-detail .accordion .inner {
    padding: 0;
  }
  .sales-table-detail .accordion .inner ul {
    padding: 0.5rem 0;
  }
  .sales-table-detail .document .documents-btn {
    display: flex;
    padding: 0.75em 0 0.25em;
    justify-content: space-evenly;
  }
}
@keyframes enter-icon {
  from {
    transform: scale(0.8) translateY(-50%);
    opacity: 0;
  }
  to {
    transform: scale(1) translateY(-50%);
    opacity: 1;
  }
}
@keyframes enter-text {
  from {
    transform: translateY(20%);
    opacity: 0;
  }
  to {
    transform: translateY(-50%);
    opacity: 1;
  }
}


/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.event-form .form-row .criterion {
  margin: 0 0 1em;
  align-items: center;
}
.event-form .form-row .criterion .monitoring-comparator {
  text-align: center;
}
.event-form .form-row .criterion div[class^=col-]:first-child {
  padding-left: 0;
}
.event-form .form-row .criterion div[class^=col-]:last-child {
  padding-right: 0;
}
.event-form .criterion.row {
  padding: 1.25rem 0.75rem 0.75rem;
  border: 2px solid #E6E6E7;
  border-radius: 0.5rem;
}
.event-form .and-spacer.row {
  margin: -0.5rem 0 -1.5rem !important;
}
.event-form .and-spacer.row span {
  position: relative;
  font-weight: 600;
  padding: 0.75rem 0;
  display: block;
  text-align: center;
  z-index: 1;
}
.event-form .and-spacer.row span:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 2px;
  background: #E6E6E7;
  height: 100%;
  z-index: -1;
}

.action-placeholder {
  display: flex;
  max-width: 30em;
  margin: 1em 0;
  background: #f3f3f3;
  padding: 2em;
  border-radius: 1em;
  flex-direction: column;
}
.action-placeholder span {
  margin: 1em 0;
  display: block;
  text-align: center;
  font-size: 0.9em;
}
.action-placeholder svg {
  display: block;
  text-align: center;
  font-size: 1.5em;
}
.event-table profile-image {
  margin: 0 auto;
}
.event-table profile-image .profile-image {
  max-width: 3rem;
}
.task .fs-file {
  max-width: 40em;
}
.task .fs-file .row {
  padding: 0.3em;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.task-table .rule-name {
  font-weight: 700;
}
.task-table .last-update {
  display: flex;
  align-items: center;
}
.task-table .last-update .profile-image {
  width: 2.5em;
  margin-right: 1em;
}
.task-table .assigned-users {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.task-table .assigned-users profile-image {
  max-width: 2.7em;
  margin: 0 -0.3em 0.2em;
}
.task-table .assigned-users profile-image .profile-image {
  border: 3px solid #fff;
  border-radius: 50%;
}
.task-table table .vmax-tablet .cl-meta {
  width: 100%;
  border: none;
  padding: 0.75rem 0.75rem 0;
}
.task-table table .vmax-tablet .cl-meta span {
  color: #7d7474;
  font-size: 0.8rem;
}
.task-table table .vmax-tablet .cl-intro {
  width: 100%;
  border: none;
  padding: 0 0.75rem;
}
.task-table table .vmax-tablet .cl-intro .title {
  font-weight: 600;
}
.task-table table .vmax-tablet .cl-state {
  padding: 1rem 0.75rem 1rem;
  width: 100%;
  text-align: left;
}

@media only screen and (max-width: 1024px) {
  .task-table .assigned-users {
    justify-content: flex-start;
  }
}

/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.backdrop-overlay-content {
  min-height: calc(100vh - 3.8rem);
  background: #fff;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.bd-overlay-preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
}
.bd-overlay-preloader .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bd-overlay-preloader .inner span {
  display: block;
  text-align: center;
  color: #272727;
  font-size: 1.2rem;
}
.bd-overlay-preloader .inner .loader {
  display: block;
  position: relative;
  width: 10em;
  height: 10em;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #24252A;
  animation: spin-preloader 2.5s linear infinite;
  margin: 2em auto;
}
.bd-overlay-preloader .inner .loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1E1F23;
  animation: spin-preloader 2.5s linear infinite;
}
.bd-overlay-preloader .inner .loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #131316;
  animation: spin-preloader 2s linear infinite;
}

@keyframes spin-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.backdrop-overlay-title {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  position: sticky;
  top: 0;
  background-color: #2B2C31;
  z-index: 10;
}
.backdrop-overlay-title h1 {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
  color: #E6E6E7;
}
.backdrop-overlay-title .additional-content {
  flex: 1;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.btn-menu {
  display: flex;
  flex-direction: column;
}
.btn-menu button {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  border: none;
  padding: 1rem 0.25rem;
  border-radius: none;
  background: none;
  color: #393939;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  font-size: 0.9rem;
  font-weight: 700;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 0;
}
.btn-menu button:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-menu button:focus:not(:active):after {
  display: block;
}
.btn-menu button.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-menu button.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-menu button.light {
  background-color: #fff;
  color: #484343;
}
.btn-menu button.danger {
  background-color: #f87676;
}
.btn-menu button.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-menu button.circle svg {
  margin: 0;
}
.btn-menu button:disabled {
  cursor: not-allowed;
}
.btn-menu button:focus {
  outline: none;
}
.btn-menu button.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-menu button svg {
  margin-right: 0.5rem;
}
.btn-menu button:hover {
  background: #E6E6E7;
}
.btn-menu button span {
  display: block;
}
.btn-menu button span:nth-child(2) {
  font-weight: 300;
  font-size: 0.8em;
  color: #6c6c6c;
}

.btn-sending {
  padding-right: 2rem !important;
  transform: scale(1);
  opacity: 0.7;
}
.btn-sending:before {
  content: "";
  position: absolute;
  right: 0.5em;
  top: 50%;
  width: 1.5em;
  height: 1.5em;
  border: 3px solid;
  border-left-color: transparent;
  border-radius: 50%;
  animation: spin-top 4s linear infinite;
}
.btn-sending:after {
  display: none;
}

.btn-lvl1, .backdrop-toolbar .toolbar-item {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
}
.btn-lvl1:after, .backdrop-toolbar .toolbar-item:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl1:focus:not(:active):after, .backdrop-toolbar .toolbar-item:focus:not(:active):after {
  display: block;
}
.btn-lvl1.small, .backdrop-toolbar .small.toolbar-item {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl1.accent, .backdrop-toolbar .accent.toolbar-item {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl1.light, .backdrop-toolbar .light.toolbar-item {
  background-color: #fff;
  color: #484343;
}
.btn-lvl1.danger, .backdrop-toolbar .danger.toolbar-item {
  background-color: #f87676;
}
.btn-lvl1.circle, .backdrop-toolbar .circle.toolbar-item {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl1.circle svg, .backdrop-toolbar .circle.toolbar-item svg {
  margin: 0;
}
.btn-lvl1:disabled, .backdrop-toolbar .toolbar-item:disabled {
  cursor: not-allowed;
}
.btn-lvl1:focus, .backdrop-toolbar .toolbar-item:focus {
  outline: none;
}
.btn-lvl1.inactive, .backdrop-toolbar .inactive.toolbar-item {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl1 svg, .backdrop-toolbar .toolbar-item svg {
  margin-right: 0.5rem;
}

.btn-lvl2 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #2B2C31;
  border: 1px solid #C1C1C3;
  color: #130e05;
  border-color: #130e05;
}
.btn-lvl2:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl2:focus:not(:active):after {
  display: block;
}
.btn-lvl2.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl2.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl2.light {
  background-color: #fff;
  color: #484343;
}
.btn-lvl2.danger {
  background-color: #f87676;
}
.btn-lvl2.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl2.circle svg {
  margin: 0;
}
.btn-lvl2:disabled {
  cursor: not-allowed;
}
.btn-lvl2:focus {
  outline: none;
}
.btn-lvl2.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl2 svg {
  margin-right: 0.5rem;
}
.btn-lvl2.disabled {
  background: #eeeeee !important;
  border-color: #C1C1C3 !important;
  color: #6E6F73 !important;
  border-style: dotted;
}
.btn-lvl2.light {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}

input::file-selector-button {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #1E1F23;
}
input::file-selector-button:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
input::file-selector-button:focus:not(:active):after {
  display: block;
}
input::file-selector-button.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
input::file-selector-button.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
input::file-selector-button.light {
  background-color: #fff;
  color: #484343;
}
input::file-selector-button.danger {
  background-color: #f87676;
}
input::file-selector-button.circle {
  padding: 0.8rem;
  width: 3rem;
}
input::file-selector-button.circle svg {
  margin: 0;
}
input::file-selector-button:disabled {
  cursor: not-allowed;
}
input::file-selector-button:focus {
  outline: none;
}
input::file-selector-button.inactive {
  background: #303137;
  color: #E6E6E7;
}
input::file-selector-button svg {
  margin-right: 0.5rem;
}

.btn-lvl3 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #1E1F23;
}
.btn-lvl3:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl3:focus:not(:active):after {
  display: block;
}
.btn-lvl3.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl3.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl3.light {
  background-color: #fff;
  color: #484343;
}
.btn-lvl3.danger {
  background-color: #f87676;
}
.btn-lvl3.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl3.circle svg {
  margin: 0;
}
.btn-lvl3:disabled {
  cursor: not-allowed;
}
.btn-lvl3:focus {
  outline: none;
}
.btn-lvl3.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl3 svg {
  margin-right: 0.5rem;
}
.btn-lvl3:hover {
  background: #C1C1C3;
  color: #1E1F23;
}
.btn-lvl3.light {
  background: none;
  color: #fff;
}
.btn-lvl3.light.active {
  background: #fff;
  color: #1E1F23;
}
.btn-lvl3.light.active:hover {
  background: #e6e6e6;
  color: #1E1F23;
}

.btn-fab {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  width: 58.5px;
  height: 58.5px;
  padding: 0.5rem;
  border-radius: 1.15rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  border: none;
}
.btn-fab:hover {
  opacity: 0.9;
}
.btn-fab:hover .icon svg {
  transform: scale(1.05) translate(-50%, -50%);
}
.btn-fab svg {
  font-size: 1.4rem;
  color: #1E1F23;
}
.btn-fab.sec {
  background-color: #2B2C31;
  font-size: 1em;
}
.btn-fab:active {
  background: #1E1F23;
}

.btn-backdrop-lvl1, .btn-backdrop-lvl3, .btn-backdrop-lvl2 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 2em;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  transition: all ease-in-out 0.15s;
  color: #1E1F23;
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
}
.btn-backdrop-lvl1:after, .btn-backdrop-lvl3:after, .btn-backdrop-lvl2:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-backdrop-lvl1:focus:not(:active):after, .btn-backdrop-lvl3:focus:not(:active):after, .btn-backdrop-lvl2:focus:not(:active):after {
  display: block;
}
.btn-backdrop-lvl1 svg, .btn-backdrop-lvl3 svg, .btn-backdrop-lvl2 svg {
  font-size: 1.2rem;
  margin: 0 0.4em;
}
.btn-backdrop-lvl1:hover, .btn-backdrop-lvl3:hover, .btn-backdrop-lvl2:hover {
  opacity: 0.9;
}
.btn-backdrop-lvl1:hover span, .btn-backdrop-lvl3:hover span, .btn-backdrop-lvl2:hover span {
  opacity: 1;
}

.btn-backdrop-lvl2 {
  color: #d9bc6c;
  border: 2.4px solid #d6a95a;
  background: none;
}
.btn-backdrop-lvl2 span {
  color: #fff;
  color: #d9bc6c;
}

.btn-backdrop-lvl3 {
  color: #fff;
  border: 2.4px solid transparent;
  background: none;
}
.btn-backdrop-lvl3.small {
  font-size: 0.7rem;
}
.btn-backdrop-lvl3 span {
  color: #fff;
}
.btn-backdrop-lvl3.active {
  background-color: #fff;
  color: #2B2C31;
  text-decoration: none;
}

.btn-tgl {
  position: relative;
  width: 4em;
  height: 2em;
  border-radius: 1em;
  background: #1E1F23;
  border: none;
  display: inline-block;
  cursor: pointer;
}
.btn-tgl:before {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1.5em;
  content: "";
  display: block;
  background: #fff;
  z-index: 2;
  width: 1.5em;
  border-radius: 50%;
  transform: translateY(-50%) translateX(0.2em);
  transition: all 0.15s ease-in-out;
}
.btn-tgl.active {
  background: #d6a95a;
}
.btn-tgl.active:before {
  transform: translateY(-50%) translateX(2.2em);
}

.btn-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.btn-wrap button:not(.btn-icon),
.btn-wrap a {
  margin: 0.1em;
}
.btn-wrap button:not(.btn-icon):not(:last-child),
.btn-wrap a:not(:last-child) {
  margin-right: 0.5rem;
}
.btn-wrap.left {
  justify-content: flex-start;
}
.btn-wrap.center {
  width: 100%;
  justify-content: center;
}
.btn-wrap.v-center {
  align-items: center;
}
.btn-wrap.right {
  justify-content: flex-end;
}

.btn-icon {
  background: #fff;
  border: 1px solid #E6E6E7;
  color: #1E1F23;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
}
.btn-icon:hover {
  background: #E6E6E7;
}

@media (hover: hover) {
  .btn-backdrop:hover {
    background-color: #fff;
    color: #2B2C31;
    text-decoration: none;
  }
  .btn-backdrop:hover span {
    color: #2B2C31;
  }
  .btn-lvl1:hover, .backdrop-toolbar .toolbar-item:hover {
    text-decoration: none;
    color: #fff;
    background-color: #4F5055;
  }
  .btn-lvl1.light:hover, .backdrop-toolbar .light.toolbar-item:hover {
    background-color: #d6a95a;
  }
  .btn-lvl1.danger:hover, .backdrop-toolbar .danger.toolbar-item:hover {
    background-color: #f64545;
  }
  .btn-lvl2:hover {
    background: none;
    color: #d6a95a;
    border-color: #d6a95a;
  }
  .btn-lvl2.light:hover {
    color: #d6a95a;
    border-color: #d6a95a;
    background: none;
  }
  .btn-lvl3.light:hover {
    background: none;
    color: #d6a95a;
  }
  .btn-fab:hover {
    background-color: #d19e46;
  }
}
@media only screen and (max-width: 1024px) {
  .btn-lvl1, .backdrop-toolbar .toolbar-item {
    padding: 0.8em 1.6em;
  }
}
@media only screen and (max-width: 430px) {
  .btn-wrap {
    justify-content: center;
  }
}
@keyframes spin-top {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(10);
  }
}
.backdrop-toolbar .expand-button {
  display: none;
}
.backdrop-toolbar .btn-wrap {
  margin-bottom: 0;
}
.backdrop-toolbar .toolbar-item {
  background: none;
  display: flex;
  align-items: center;
}
.backdrop-toolbar .toolbar-item span {
  color: #E6E6E7;
}
.backdrop-toolbar .toolbar-item.dropdown {
  position: relative;
}
.backdrop-toolbar .toolbar-item.dropdown:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  left: auto;
  top: auto;
  opacity: 1;
  position: relative;
  margin: 0;
  background-color: #E6E6E7;
  margin-left: 0.25rem;
  animation: none;
}
.backdrop-toolbar .toolbar-item.dropdown.toggled:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDE2IDM1MmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NUwyMjQgMTczLjNsLTE2OS40IDE2OS40Yy0xMi41IDEyLjUtMzIuNzUgMTIuNS00NS4yNSAwcy0xMi41LTMyLjc1IDAtNDUuMjVsMTkyLTE5MmMxMi41LTEyLjUgMzIuNzUtMTIuNSA0NS4yNSAwbDE5MiAxOTJjMTIuNSAxMi41IDEyLjUgMzIuNzUgMCA0NS4yNUM0MzIuNCAzNDguOSA0MjQuMiAzNTIgNDE2IDM1MnoiLz48L3N2Zz4=) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDE2IDM1MmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NUwyMjQgMTczLjNsLTE2OS40IDE2OS40Yy0xMi41IDEyLjUtMzIuNzUgMTIuNS00NS4yNSAwcy0xMi41LTMyLjc1IDAtNDUuMjVsMTkyLTE5MmMxMi41LTEyLjUgMzIuNzUtMTIuNSA0NS4yNSAwbDE5MiAxOTJjMTIuNSAxMi41IDEyLjUgMzIuNzUgMCA0NS4yNUM0MzIuNCAzNDguOSA0MjQuMiAzNTIgNDE2IDM1MnoiLz48L3N2Zz4=) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.backdrop-toolbar .toolbar-item.dropdown .background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.backdrop-toolbar .toolbar-item.dropdown .inner {
  position: fixed;
  background: #f8f7fb;
  padding: 1rem;
  z-index: 999;
  left: auto;
  right: 0;
  max-width: 40rem;
  border-radius: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  top: 3rem;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
}
.backdrop-toolbar .toolbar-item.dropdown .inner tier {
  width: 50%;
}
.backdrop-toolbar .toolbar-item.dropdown .inner button,
.backdrop-toolbar .toolbar-item.dropdown .inner a {
  background: none;
  padding: 1rem;
  margin-bottom: 1rem;
  border: none;
  cursor: pointer;
  box-shadow: none;
  width: 50%;
  margin: 0;
  padding: 1rem;
  transition: all ease-in-out 0.15s;
  position: relative;
  border-radius: 1rem;
  min-width: 18rem;
}
.backdrop-toolbar .toolbar-item.dropdown .inner button:after,
.backdrop-toolbar .toolbar-item.dropdown .inner a:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNOTYgNDgwYy04LjE4OCAwLTE2LjM4LTMuMTI1LTIyLjYyLTkuMzc1Yy0xMi41LTEyLjUtMTIuNS0zMi43NSAwLTQ1LjI1TDI0Mi44IDI1Nkw3My4zOCA4Ni42M2MtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBsMTkyIDE5MmMxMi41IDEyLjUgMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzExMi40IDQ3Ni45IDEwNC4yIDQ4MCA5NiA0ODB6Ii8+PC9zdmc+) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNOTYgNDgwYy04LjE4OCAwLTE2LjM4LTMuMTI1LTIyLjYyLTkuMzc1Yy0xMi41LTEyLjUtMTIuNS0zMi43NSAwLTQ1LjI1TDI0Mi44IDI1Nkw3My4zOCA4Ni42M2MtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBsMTkyIDE5MmMxMi41IDEyLjUgMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzExMi40IDQ3Ni45IDEwNC4yIDQ4MCA5NiA0ODB6Ii8+PC9zdmc+) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5rem;
  background-color: #393939;
  opacity: 0;
  transition: all ease-in-out 0.15s;
}
.backdrop-toolbar .toolbar-item.dropdown .inner button:hover,
.backdrop-toolbar .toolbar-item.dropdown .inner a:hover {
  background: #E6E6E7;
}
.backdrop-toolbar .toolbar-item.dropdown .inner button:hover:after,
.backdrop-toolbar .toolbar-item.dropdown .inner a:hover:after {
  opacity: 1;
}
.backdrop-toolbar .toolbar-item.dropdown .inner button span,
.backdrop-toolbar .toolbar-item.dropdown .inner a span {
  display: block;
  text-align: left;
}
.backdrop-toolbar .toolbar-item.dropdown .inner button span:first-of-type,
.backdrop-toolbar .toolbar-item.dropdown .inner a span:first-of-type {
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #393939;
}
.backdrop-toolbar .toolbar-item.dropdown .inner button span:last-of-type,
.backdrop-toolbar .toolbar-item.dropdown .inner a span:last-of-type {
  color: #6c6c6c;
}

@media only screen and (max-width: 1200px) {
  .backdrop-toolbar {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
  }
  .backdrop-toolbar .toolbar-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
    transition: all 0.15s ease-in-out;
  }
  .backdrop-toolbar .expand-button {
    display: block;
  }
  .backdrop-toolbar .btn-wrap {
    height: 100%;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 1rem;
    display: none;
  }
  .backdrop-toolbar .btn-wrap.expanded {
    display: flex;
  }
  .backdrop-toolbar .btn-wrap > * {
    margin: 0 0 0.5rem !important;
    animation-name: slide-enter;
    animation-duration: 0.15s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
}
@keyframes slide-enter {
  from {
    transform: translateY(20%);
    opacity: 0;
  }
  to {
    transform: translateY(-50%);
    opacity: 1;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
bd-overlay.ng-hide-add {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
}
bd-overlay.ng-hide-add .backdrop-overlay-content {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
}
bd-overlay.ng-hide-remove {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
}
bd-overlay.ng-hide-remove .backdrop-overlay-content {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
}
.backdrop-overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  overflow-y: auto;
  background-color: #2B2C31;
  z-index: 100;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.backdrop-rail-item {
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.2, 0, 0, 1);
}

.backdrop-rail-item.ng-hide {
  opacity: 0;
}

.backdrop-rail-item.ng-hide-add,
.backdrop-rail-item.ng-hide-remove {
  display: block !important;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
/** On desktops we show a side navigation rail **/
.nav-rail {
  padding-top: 5rem;
  background: #1E1F23;
  position: fixed;
  width: 90px;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 49;
}
.nav-rail .nav-btn-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

nav.ab-navbar button,
.nav-rail button {
  border: none;
  background: none;
  margin: 1.75rem 0 0 0;
  width: 100%;
  cursor: pointer;
  opacity: 0.85;
}
nav.ab-navbar button:not(.main-btn):not(.active):hover,
.nav-rail button:not(.main-btn):not(.active):hover {
  opacity: 1;
}
nav.ab-navbar button:not(.main-btn):not(.active):hover .icon,
.nav-rail button:not(.main-btn):not(.active):hover .icon {
  background: rgba(152, 152, 155, 0.6);
}
nav.ab-navbar button:not(.main-btn):not(.active):hover .icon svg,
.nav-rail button:not(.main-btn):not(.active):hover .icon svg {
  transform: scale(1.05) translate(-50%, -50%);
}
nav.ab-navbar button .icon,
.nav-rail button .icon {
  padding: 0.5rem;
  color: #e6e6e6;
  border-radius: 2rem;
  height: 2rem;
  width: 85%;
  margin: 0 auto;
  position: relative;
  transition: 0.2s cubic-bezier(0.2, 0, 0, 1);
}
nav.ab-navbar button .icon svg,
.nav-rail button .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s cubic-bezier(0.2, 0, 0, 1);
  font-size: 1.2rem;
}
nav.ab-navbar button span,
.nav-rail button span {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  font-weight: 400;
  margin-top: 0.25rem;
  color: #C1C1C3;
  display: block;
  text-align: center;
}
nav.ab-navbar button.active span,
.nav-rail button.active span {
  font-weight: 500;
  color: #E6E6E7;
}
nav.ab-navbar button.active .icon,
.nav-rail button.active .icon {
  background: rgba(152, 152, 155, 0.2);
}
nav.ab-navbar button.main-btn,
.nav-rail button.main-btn {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  width: 58.5px;
  height: 58.5px;
  padding: 0.5rem;
  border-radius: 1.15rem;
  margin-top: 0;
  margin-bottom: 2rem;
}
nav.ab-navbar button.main-btn:hover,
.nav-rail button.main-btn:hover {
  opacity: 0.9;
}
nav.ab-navbar button.main-btn:hover .icon svg,
.nav-rail button.main-btn:hover .icon svg {
  transform: scale(1.05) translate(-50%, -50%);
}
nav.ab-navbar button.main-btn .icon,
.nav-rail button.main-btn .icon {
  color: #1E1F23;
}
nav.ab-navbar button.main-btn svg,
.nav-rail button.main-btn svg {
  font-size: 1.4rem;
}

/** On tablets and smaller we show a traditional bottom navigation bar **/
@media only screen and (max-width: 1200px) {
  .nav-rail {
    padding: 0;
    top: auto;
    bottom: 0;
    width: 100vw;
    height: calc(4.5rem + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    /** If only a main action but no items are defined, we hide the bottom bar
    and move the FAB down **/
  }
  .nav-rail.no-items {
    height: 0;
  }
  .nav-rail.no-items .nav-btn-wrap button.main-btn {
    bottom: 1rem;
  }
  .nav-rail .nav-btn-wrap {
    flex-direction: row;
    align-items: center;
    height: 100%;
    justify-content: space-evenly;
  }
  .nav-rail .nav-btn-wrap button {
    margin: 0;
  }
  .nav-rail .nav-btn-wrap button:not(.main-btn) {
    width: auto;
  }
  .nav-rail .nav-btn-wrap button:not(.main-btn) .icon {
    padding: 0.5rem 2.25rem;
  }
  .nav-rail .nav-btn-wrap button.main-btn {
    position: fixed;
    bottom: calc(5.5rem + env(safe-area-inset-bottom));
    right: 1rem;
    z-index: 800;
    opacity: 1;
  }
}
@media (max-width: 430px) {
  .backdrop-content {
    padding: 0;
    padding-bottom: calc(4.5rem + env(safe-area-inset-bottom) + 5rem);
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-card {
  background: #fff;
  max-width: 25rem;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  border-radius: 0.5rem;
  padding: 1.5rem;
  overflow: hidden;
  position: relative;
}
.ab-card .btn-wrap {
  margin: 1em 0 0;
}
.ab-card.filled {
  background: #fff;
  border: 1px solid #E6E6E7;
}
.ab-card.error {
  background: #fef4f4;
  border-color: #fde1e1;
}
.ab-card.error .card-icon-wrap.icon {
  color: #f87676;
  background: #fdd7d7;
}
.ab-card.warning {
  background: #fef8ef;
  border-color: #fad8a7;
}
.ab-card.warning .card-icon-wrap.icon {
  background: #fad8a7;
  color: #f39715;
}
.ab-card.success {
  background: #51a562;
  border-color: #4a975a;
  color: #fff;
}
.ab-card.success .card-subtitle {
  color: #E6E6E7 !important;
}
.ab-card.success .display-icon {
  background: #70b97f;
  color: #fff;
}
.ab-card.success .display-icon svg {
  color: #fff;
}
.ab-card.success .card-icon-wrap.icon {
  background: #70b97f;
  color: #fff;
}
.ab-card .card-title-wrap {
  display: flex;
  align-items: center;
}
.ab-card .card-title-wrap:has(+ *:not(.card-transclude)) {
  margin-bottom: 1rem;
}
.ab-card .card-title-wrap .card-text-wrap {
  flex-grow: 1;
}
.ab-card .card-title-wrap .card-text-wrap span {
  display: block;
}
.ab-card .card-title-wrap .card-text-wrap span.card-title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
}
.ab-card .card-title-wrap .card-text-wrap span.card-subtitle {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #6c6c6c;
}
.ab-card .image-wrap {
  width: 2.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid #E6E6E7;
  box-shadow: 0 0px 1rem rgba(0, 0, 0, 0.04);
}
.ab-card .image-wrap img {
  display: block;
  max-width: 100%;
}
.ab-card .card-icon-wrap {
  margin-right: 1rem;
}
.ab-card .card-icon-wrap.icon {
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: #E6E6E7;
  color: #6E6F73;
}
.ab-card main {
  /** Big icon **/
}
.ab-card main .main-title {
  font-size: 1rem;
  font-weight: 500;
  display: block;
}
.ab-card main .main-title.sm {
  font-size: 0.875rem;
  font-weight: 500;
}
.ab-card main .main-title:has(+ .main-text) {
  margin-bottom: 0.75rem;
}
.ab-card main .main-text {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.ab-card main .main-text.emphasis {
  font-weight: 500;
}
.ab-card main .main-subtitle {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  border-top: 1px solid #E6E6E7;
  display: block;
}
.ab-card main .display {
  display: flex;
  align-items: center;
}
.ab-card main .display .display-icon:has(+ .display-text) {
  margin: 0 1rem 0 0;
}
.ab-card main .display .display-text {
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: block;
  text-align: center;
}
.ab-card main .display-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  min-width: 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  background: #f3f3f3;
  color: #E6E6E7;
  margin-bottom: 1rem;
}
.ab-card main .display-icon:has(+ *) {
  margin-bottom: 1rem;
}
.ab-card main .display-icon svg {
  color: #a1a2a6;
  font-size: 1.5rem;
}
.ab-card.has-action {
  cursor: pointer;
}
.ab-card.has-action:hover {
  box-shadow: 0 0px 1rem rgba(0, 0, 0, 0.04);
}
.ab-card.has-action .action-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5rem;
  opacity: 0.2;
}

.cards-wrap {
  display: flex;
  flex-direction: column;
}
.cards-wrap .ab-card {
  margin: 0 0 1rem;
}
.cards-wrap.columns {
  flex-direction: row;
  flex-wrap: wrap;
}
.cards-wrap.columns ab-card {
  width: 100%;
  max-width: 25rem;
  margin: 0 1rem 1rem 0;
}

.cards-wrap-horizontal {
  display: flex;
  flex-direction: row;
}
.cards-wrap-horizontal > * {
  width: auto;
  flex: 1 0 auto;
}
.cards-wrap-horizontal > *:not(:last-child) {
  margin-right: 1rem;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-card.ghost {
  position: relative;
  overflow: hidden;
}
.ab-card.ghost:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}
.ab-card.ghost span.ghost-text {
  display: block;
  background: #E6E6E7;
  border-radius: 0.5rem;
}
.ab-card.ghost span.ghost-title {
  height: 1.5em;
  margin: 0 0 0.1em;
}
.ab-card.ghost span.ghost-subtitle {
  height: 0.8em;
}
.ab-card.ghost span.ghost-description {
  height: 2.3em;
  margin: 1em 0 0;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.car-select .selected-car input[type=text] {
  width: 0.01px;
  height: 0.01px;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
}
.car-select .selected-car .items-wrap {
  display: flex;
}
.car-select .preloader span {
  position: relative;
}
.car-select .preloader span:before {
  content: "";
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  border: 5px solid;
  border-left-color: transparent;
  border-radius: 50%;
  top: -200%;
  left: 50%;
  animation: spin-left 4s linear infinite;
}
.car-select .overlay {
  position: fixed;
  z-index: 900;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
}
.car-select .overlay .btn-wrap {
  margin-top: 1rem;
}
.car-select .overlay input {
  border: 1px solid #C1C1C3;
  color: #484343;
  padding: 0.75em 1em;
  font-weight: 400;
  font-size: 0.9em;
  border-radius: 0.5em;
}
.car-select .overlay .overlay_inner {
  position: relative;
  z-index: 902;
  background: #fff;
  width: 100vw;
  max-width: 40em;
  border-radius: 1em;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  padding: 1.5em;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  color-scheme: light;
}
.car-select .overlay .overlay_inner h3 {
  margin: 0 0 1em;
}
.car-select .overlay .overlay_inner ul {
  padding: 1em 0;
  list-style: none;
  margin: 0;
  min-height: 10rem;
  overflow-y: auto;
}
.car-select .overlay .overlay_inner ul li {
  border-bottom: 1px solid #E6E6E7;
  cursor: pointer;
  padding: 0.75em 0.5em;
}
.car-select .overlay .overlay_inner ul li:last-child {
  border-bottom: none;
}
.car-select .overlay .overlay_inner ul li:hover {
  background: #24252A;
  color: #E6E6E7;
}
.car-select .overlay .overlay_inner ul li:hover span {
  color: #E6E6E7;
}
.car-select .overlay .overlay_inner ul li span {
  width: auto;
  margin: 0;
  display: block;
}
.car-select .overlay .overlay_inner ul li span.make {
  font-weight: 700;
}
.car-select .overlay .overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 430px) {
  .car-select {
    display: block;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-changelog header h1,
.ab-changelog header p {
  margin: 0 auto;
  padding-top: 1rem;
  display: block;
  text-align: center;
}
.ab-changelog section span.date {
  color: #6c6c6c;
  font-size: 0.9rem;
}
.ab-changelog section h2 {
  margin: 0;
}
.ab-changelog section ul {
  padding-left: 1.2rem;
}
.ab-changelog section ul li:not(:last-child) {
  margin-bottom: 0.75rem;
}
.ab-changelog section ul li.title {
  margin-top: 1.5rem;
  font-weight: 600;
  list-style: none;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.comment-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.comment-wrap .comment:not(:last-child) {
  margin-bottom: 1rem;
}

.comment {
  border-radius: 0;
  padding: 1rem;
  max-width: 30rem;
  text-align: left;
  box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
  border-radius: 0.5rem;
}
.comment .comment-title {
  align-items: center;
  position: relative;
}
.comment .comment-title .profile-image-wrap {
  display: flex;
  justify-content: center;
}
.comment .comment-title .comment-type {
  display: block;
  padding: 0 0.5rem;
  font-size: 0.8rem;
  color: #6c6c6c;
  margin: 0 0 0.1rem;
}
.comment .comment-title .comment-type svg {
  color: #98989B;
}
.comment .comment-title .user-name {
  padding: 0 0.5rem;
  font-weight: 600;
  display: block;
}
.comment .comment-title .comment-date {
  display: block;
  text-align: right;
  color: #afa8a8;
  font-size: 0.8rem;
}
.comment .comment-main {
  margin: 1rem 0 0;
}
.comment .comment-main .comment-content {
  padding: 0 0.5rem;
  color: #393939;
  margin: 0;
  line-height: 1.4em;
  font-size: 0.9rem;
}
.comment .delete-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  opacity: 0;
}
.comment:hover .delete-wrap {
  opacity: 1;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.comment-form .input-wrap textarea {
  background: none;
  border-color: transparent;
  resize: none;
}
.comment-form .comment-type {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0 0;
}
.comment-form .btn-wrap {
  margin: 1rem 0 0;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.comment-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.comment-wrap .comment:not(:last-child), .comment-wrap .ghost-comment:not(:last-child) {
  margin-bottom: 1rem;
}

.comment, .ghost-comment {
  border-radius: 0;
  padding: 1rem;
  max-width: 30rem;
  text-align: left;
  box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
  border-radius: 0.5rem;
}
.comment .comment-title, .ghost-comment .comment-title {
  align-items: center;
  position: relative;
}
.comment .comment-title .profile-image-wrap, .ghost-comment .comment-title .profile-image-wrap {
  display: flex;
  justify-content: center;
}
.comment .comment-title .comment-type, .ghost-comment .comment-title .comment-type {
  display: block;
  padding: 0 0.5rem;
  font-size: 0.8rem;
  color: #6c6c6c;
  margin: 0 0 0.1rem;
}
.comment .comment-title .comment-type svg, .ghost-comment .comment-title .comment-type svg {
  color: #98989B;
}
.comment .comment-title .user-name, .ghost-comment .comment-title .user-name {
  padding: 0 0.5rem;
  font-weight: 600;
  display: block;
}
.comment .comment-title .comment-date, .ghost-comment .comment-title .comment-date {
  display: block;
  text-align: right;
  color: #afa8a8;
  font-size: 0.8rem;
}
.comment .comment-main, .ghost-comment .comment-main {
  margin: 1rem 0 0;
}
.comment .comment-main .comment-content, .ghost-comment .comment-main .comment-content {
  padding: 0 0.5rem;
  color: #393939;
  margin: 0;
  line-height: 1.4em;
  font-size: 0.9rem;
}
.comment .delete-wrap, .ghost-comment .delete-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  opacity: 0;
}
.comment:hover .delete-wrap, .ghost-comment:hover .delete-wrap {
  opacity: 1;
}

/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ghost-comment {
  position: relative;
  overflow: hidden;
}
.ghost-comment:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}
.ghost-comment .profile-image {
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background: #C1C1C3;
}
.ghost-comment .ghost-text {
  display: block;
  background: #E6E6E7;
}
.ghost-comment h4 {
  width: 100%;
  margin: 1em 0 0.5em 0 !important;
  height: 1.2em;
}
.ghost-comment p {
  width: 80%;
  height: 1em;
}
.ghost-comment span {
  width: 5.5em;
  margin: 0.5em 0 0;
  height: 0.75em;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-datepicker {
  position: relative;
}
.ab-datepicker input {
  cursor: pointer;
}
.ab-datepicker span {
  display: inline-block !important;
  width: auto !important;
}
.ab-datepicker .fixed-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 939;
  background: rgba(0, 0, 0, 0.5);
}
.ab-datepicker .row {
  margin: 0;
  padding: 0;
}
.ab-datepicker .btn-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 2rem;
  pointer-events: none;
}
.ab-datepicker .remove-button {
  pointer-events: all;
}

.ab-datepicker-calendar {
  padding: 1em;
  width: 100%;
  max-width: 25rem;
}
.ab-datepicker-calendar .btn-wrap {
  margin-top: 0.5rem;
}
.ab-datepicker-calendar .date-title {
  text-align: center;
  font-size: 1em;
  color: #1E1F23;
  padding: 0 0 1em;
}
.ab-datepicker-calendar .date-title .current-month {
  font-weight: 700;
}
.ab-datepicker-calendar .date-title .year-selector {
  border-radius: 1em;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  display: block;
}
.ab-datepicker-calendar .date-title .year-selector span {
  color: #4F5055;
}
.ab-datepicker-calendar .date-title .year-selector:hover {
  background: #d6a95a;
  color: #fff;
}
.ab-datepicker-calendar .date-selector {
  margin-top: 1em;
  align-items: flex-start;
}
.ab-datepicker-calendar .days-header,
.ab-datepicker-calendar .days-wrap {
  display: flex;
  flex-wrap: wrap;
}
.ab-datepicker-calendar .days-header span,
.ab-datepicker-calendar .days-wrap span {
  flex-basis: 14.2%;
  text-align: center;
  padding: 0.5em 0;
  font-size: 0.85em;
  margin: 0;
}
.ab-datepicker-calendar .days-header span {
  color: #6E6F73;
  font-size: 0.8em;
}
.ab-datepicker-calendar .days-wrap span {
  cursor: pointer;
  border-radius: 1em;
  transition: all 0.15s ease-in-out;
}
.ab-datepicker-calendar .days-wrap span:hover {
  background: #d6a95a;
  color: #fff;
}
.ab-datepicker-calendar .days-wrap span.filler, .ab-datepicker-calendar .days-wrap span.disabled {
  cursor: default;
}
.ab-datepicker-calendar .days-wrap span.filler:hover, .ab-datepicker-calendar .days-wrap span.disabled:hover {
  background: none;
  color: #E6E6E7;
}
.ab-datepicker-calendar .days-wrap span.disabled {
  color: #E6E6E7;
}
.ab-datepicker-calendar .days-wrap span.today {
  color: #d6a95a;
  font-weight: 700;
}
.ab-datepicker-calendar .days-wrap span.today:hover {
  color: #fff;
}

@media only screen and (max-width: 430px) {
  .ab-datepicker {
    max-width: none;
  }
  .ab-datepicker .year-selector,
  .ab-datepicker .date-selector {
    flex: 0 0 50%;
    max-width: 50%;
    order: 2;
  }
  .ab-datepicker .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
ab-dialog {
  position: fixed;
  z-index: 940;
  background: rgba(0, 0, 0, 0.9);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
ab-dialog.ng-enter, ab-dialog.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
ab-dialog.ng-enter, ab-dialog.ng-leave.ng-leave-active {
  opacity: 0;
}
ab-dialog.ng-leave, ab-dialog.ng-enter.ng-enter-active {
  opacity: 1;
}

.dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.dialog figure {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 25em;
  background: #fff;
  border-radius: 0.5em;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  padding: 1.5em;
  transform: translate(-50%, -50%);
  max-height: 95vh;
  overflow-y: auto;
  margin: 0;
}
.dialog figure .btn-wrap {
  display: flex;
  justify-content: flex-end;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.document {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  border-radius: 0.5rem;
}
.document:hover {
  background: #f8f7fb;
}
.document .icon {
  padding: 1rem;
}
.document .icon svg {
  font-size: 2.5rem;
  color: #303137;
}
.document .text {
  flex-grow: 1;
}
.document .text span {
  display: block;
  margin: 0;
  padding: 0 1rem;
}
.document .text span.document-name {
  font-weight: 600;
}
.document .text span.upload {
  color: #7d7474;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.document-wrap {
  border-radius: 1.5rem;
  box-shadow: 0 0px 4rem rgba(0, 0, 0, 0.08);
  background: #fff;
}
.document-wrap .title {
  padding: 2.25rem;
  border-bottom: 1px solid #d9dade;
}
.document-wrap .title h2 {
  margin: 0;
}
.document-wrap .documents {
  padding: 1rem 2.25rem 2.25rem;
}
.document-wrap .documents .document:not(:last-child) {
  border-bottom: 1px solid #d9dade;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.btn-menu {
  display: flex;
  flex-direction: column;
}
.btn-menu button {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  border: none;
  padding: 1rem 0.25rem;
  border-radius: none;
  background: none;
  color: #393939;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  font-size: 0.9rem;
  font-weight: 700;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 0;
}
.btn-menu button:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-menu button:focus:not(:active):after {
  display: block;
}
.btn-menu button.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-menu button.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-menu button.light {
  background-color: #fff;
  color: #484343;
}
.btn-menu button.danger {
  background-color: #f87676;
}
.btn-menu button.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-menu button.circle svg {
  margin: 0;
}
.btn-menu button:disabled {
  cursor: not-allowed;
}
.btn-menu button:focus {
  outline: none;
}
.btn-menu button.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-menu button svg {
  margin-right: 0.5rem;
}
.btn-menu button:hover {
  background: #E6E6E7;
}
.btn-menu button span {
  display: block;
}
.btn-menu button span:nth-child(2) {
  font-weight: 300;
  font-size: 0.8em;
  color: #6c6c6c;
}

.btn-sending {
  padding-right: 2rem !important;
  transform: scale(1);
  opacity: 0.7;
}
.btn-sending:before {
  content: "";
  position: absolute;
  right: 0.5em;
  top: 50%;
  width: 1.5em;
  height: 1.5em;
  border: 3px solid;
  border-left-color: transparent;
  border-radius: 50%;
  animation: spin-top 4s linear infinite;
}
.btn-sending:after {
  display: none;
}

.btn-lvl1 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
}
.btn-lvl1:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl1:focus:not(:active):after {
  display: block;
}
.btn-lvl1.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl1.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl1.light {
  background-color: #fff;
  color: #484343;
}
.btn-lvl1.danger {
  background-color: #f87676;
}
.btn-lvl1.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl1.circle svg {
  margin: 0;
}
.btn-lvl1:disabled {
  cursor: not-allowed;
}
.btn-lvl1:focus {
  outline: none;
}
.btn-lvl1.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl1 svg {
  margin-right: 0.5rem;
}

.btn-lvl2 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #2B2C31;
  border: 1px solid #C1C1C3;
  color: #130e05;
  border-color: #130e05;
}
.btn-lvl2:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl2:focus:not(:active):after {
  display: block;
}
.btn-lvl2.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl2.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl2.light {
  background-color: #fff;
  color: #484343;
}
.btn-lvl2.danger {
  background-color: #f87676;
}
.btn-lvl2.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl2.circle svg {
  margin: 0;
}
.btn-lvl2:disabled {
  cursor: not-allowed;
}
.btn-lvl2:focus {
  outline: none;
}
.btn-lvl2.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl2 svg {
  margin-right: 0.5rem;
}
.btn-lvl2.disabled {
  background: #eeeeee !important;
  border-color: #C1C1C3 !important;
  color: #6E6F73 !important;
  border-style: dotted;
}
.btn-lvl2.light {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}

input::file-selector-button {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #1E1F23;
}
input::file-selector-button:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
input::file-selector-button:focus:not(:active):after {
  display: block;
}
input::file-selector-button.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
input::file-selector-button.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
input::file-selector-button.light {
  background-color: #fff;
  color: #484343;
}
input::file-selector-button.danger {
  background-color: #f87676;
}
input::file-selector-button.circle {
  padding: 0.8rem;
  width: 3rem;
}
input::file-selector-button.circle svg {
  margin: 0;
}
input::file-selector-button:disabled {
  cursor: not-allowed;
}
input::file-selector-button:focus {
  outline: none;
}
input::file-selector-button.inactive {
  background: #303137;
  color: #E6E6E7;
}
input::file-selector-button svg {
  margin-right: 0.5rem;
}

.btn-lvl3 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  padding: 0.65rem 1.5rem;
  display: inline-block;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  border: none;
  text-decoration: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  user-select: none;
  color: #fff;
  background-color: #1E1F23;
  background: none;
  color: #1E1F23;
}
.btn-lvl3:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-lvl3:focus:not(:active):after {
  display: block;
}
.btn-lvl3.small {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  margin: 0.1rem;
}
.btn-lvl3.accent {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.btn-lvl3.light {
  background-color: #fff;
  color: #484343;
}
.btn-lvl3.danger {
  background-color: #f87676;
}
.btn-lvl3.circle {
  padding: 0.8rem;
  width: 3rem;
}
.btn-lvl3.circle svg {
  margin: 0;
}
.btn-lvl3:disabled {
  cursor: not-allowed;
}
.btn-lvl3:focus {
  outline: none;
}
.btn-lvl3.inactive {
  background: #303137;
  color: #E6E6E7;
}
.btn-lvl3 svg {
  margin-right: 0.5rem;
}
.btn-lvl3:hover {
  background: #C1C1C3;
  color: #1E1F23;
}
.btn-lvl3.light {
  background: none;
  color: #fff;
}
.btn-lvl3.light.active {
  background: #fff;
  color: #1E1F23;
}
.btn-lvl3.light.active:hover {
  background: #e6e6e6;
  color: #1E1F23;
}

.btn-fab {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  width: 58.5px;
  height: 58.5px;
  padding: 0.5rem;
  border-radius: 1.15rem;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  border: none;
}
.btn-fab:hover {
  opacity: 0.9;
}
.btn-fab:hover .icon svg {
  transform: scale(1.05) translate(-50%, -50%);
}
.btn-fab svg {
  font-size: 1.4rem;
  color: #1E1F23;
}
.btn-fab.sec {
  background-color: #2B2C31;
  font-size: 1em;
}
.btn-fab:active {
  background: #1E1F23;
}

.btn-backdrop-lvl1, .btn-backdrop-lvl3, .btn-backdrop-lvl2 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 2em;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  transition: all ease-in-out 0.15s;
  color: #1E1F23;
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
}
.btn-backdrop-lvl1:after, .btn-backdrop-lvl3:after, .btn-backdrop-lvl2:after {
  animation: ripple 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: none;
  height: 2em;
  left: 50%;
  margin: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 2em;
}
.btn-backdrop-lvl1:focus:not(:active):after, .btn-backdrop-lvl3:focus:not(:active):after, .btn-backdrop-lvl2:focus:not(:active):after {
  display: block;
}
.btn-backdrop-lvl1 svg, .btn-backdrop-lvl3 svg, .btn-backdrop-lvl2 svg {
  font-size: 1.2rem;
  margin: 0 0.4em;
}
.btn-backdrop-lvl1:hover, .btn-backdrop-lvl3:hover, .btn-backdrop-lvl2:hover {
  opacity: 0.9;
}
.btn-backdrop-lvl1:hover span, .btn-backdrop-lvl3:hover span, .btn-backdrop-lvl2:hover span {
  opacity: 1;
}

.btn-backdrop-lvl2 {
  color: #d9bc6c;
  border: 2.4px solid #d6a95a;
  background: none;
}
.btn-backdrop-lvl2 span {
  color: #fff;
  color: #d9bc6c;
}

.btn-backdrop-lvl3 {
  color: #fff;
  border: 2.4px solid transparent;
  background: none;
}
.btn-backdrop-lvl3.small {
  font-size: 0.7rem;
}
.btn-backdrop-lvl3 span {
  color: #fff;
}
.btn-backdrop-lvl3.active {
  background-color: #fff;
  color: #2B2C31;
  text-decoration: none;
}

.btn-tgl {
  position: relative;
  width: 4em;
  height: 2em;
  border-radius: 1em;
  background: #1E1F23;
  border: none;
  display: inline-block;
  cursor: pointer;
}
.btn-tgl:before {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1.5em;
  content: "";
  display: block;
  background: #fff;
  z-index: 2;
  width: 1.5em;
  border-radius: 50%;
  transform: translateY(-50%) translateX(0.2em);
  transition: all 0.15s ease-in-out;
}
.btn-tgl.active {
  background: #d6a95a;
}
.btn-tgl.active:before {
  transform: translateY(-50%) translateX(2.2em);
}

.btn-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.btn-wrap button:not(.btn-icon),
.btn-wrap a {
  margin: 0.1em;
}
.btn-wrap button:not(.btn-icon):not(:last-child),
.btn-wrap a:not(:last-child) {
  margin-right: 0.5rem;
}
.btn-wrap.left {
  justify-content: flex-start;
}
.btn-wrap.center {
  width: 100%;
  justify-content: center;
}
.btn-wrap.v-center {
  align-items: center;
}
.btn-wrap.right {
  justify-content: flex-end;
}

.btn-icon {
  background: #fff;
  border: 1px solid #E6E6E7;
  color: #1E1F23;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
}
.btn-icon:hover {
  background: #E6E6E7;
}

@media (hover: hover) {
  .btn-backdrop:hover {
    background-color: #fff;
    color: #2B2C31;
    text-decoration: none;
  }
  .btn-backdrop:hover span {
    color: #2B2C31;
  }
  .btn-lvl1:hover {
    text-decoration: none;
    color: #fff;
    background-color: #4F5055;
  }
  .btn-lvl1.light:hover {
    background-color: #d6a95a;
  }
  .btn-lvl1.danger:hover {
    background-color: #f64545;
  }
  .btn-lvl2:hover {
    background: none;
    color: #d6a95a;
    border-color: #d6a95a;
  }
  .btn-lvl2.light:hover {
    color: #d6a95a;
    border-color: #d6a95a;
    background: none;
  }
  .btn-lvl3.light:hover {
    background: none;
    color: #d6a95a;
  }
  .btn-fab:hover {
    background-color: #d19e46;
  }
}
@media only screen and (max-width: 1024px) {
  .btn-lvl1 {
    padding: 0.8em 1.6em;
  }
}
@media only screen and (max-width: 430px) {
  .btn-wrap {
    justify-content: center;
  }
}
@keyframes spin-top {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(10);
  }
}
.fs-file {
  border-radius: 0.5rem;
  border: 2px solid #d9dade;
  padding: 1rem;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 0.25rem;
}
.fs-file .icon {
  position: relative;
  z-index: 2;
}
.fs-file .icon svg {
  padding: 1rem 2rem 1rem 1rem;
  font-size: 2.5rem;
  color: #4F5055;
}
.fs-file .control-wrap {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.fs-file .control-wrap .file-type {
  width: 100%;
}
.fs-file .control-wrap .file-type label {
  display: block;
  position: relative;
  opacity: 1;
  visibility: visible;
  padding: 0;
  margin: 0;
  background: none;
}
.fs-file .control-wrap .file-type label:after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDQxNmMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTkyLTE5MmMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMjI0IDMzOC44bDE2OS40LTE2OS40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xOTIgMTkyQzI0MC40IDQxMi45IDIzMi4yIDQxNiAyMjQgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.fs-file .control-wrap .file-type label.selected:after {
  display: none;
}
.fs-file .control-wrap .file-type label.single {
  pointer-events: none;
}
.fs-file .control-wrap .file-type label.single select {
  pointer-events: none;
  color: #393939;
}
.fs-file .control-wrap .file-type label.single span {
  display: none;
}
.fs-file .control-wrap .file-type label:hover span {
  font-weight: 600;
}
.fs-file .control-wrap .file-type label select,
.fs-file .control-wrap .file-type label select:focus:not(:placeholder-shown) {
  padding: 1rem;
  font-size: 1rem;
  width: 100%;
  border: 1px solid #d9dade;
  background: #fff;
  appearance: none;
  cursor: pointer;
  border-radius: 0.5rem;
}
.fs-file .control-wrap .file-type label select.ng-not-empty,
.fs-file .control-wrap .file-type label select.ng-not-empty:focus:not(:placeholder-shown),
.fs-file .control-wrap .file-type label select.ng-not-empty:hover {
  border-color: transparent;
  background: none;
  font-weight: 600;
  padding: 0.5rem 1rem;
}
.fs-file .control-wrap .file-type label span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  right: 1rem;
  font-size: 0.8rem;
  font-weight: 400;
}
.fs-file .control-wrap .file-select {
  position: relative;
  position: relative;
  z-index: 2;
}
.fs-file .control-wrap .file-select input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.fs-file .control-wrap .file-select input[type=file] + label {
  position: relative;
  font-size: 1rem;
  padding: 1rem;
  border-radius: 0.5rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fs-file .control-wrap .file-select input[type=file] + label span {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 600;
  color: #fff;
}
.fs-file .control-wrap .file-select input[type=file] + label.selected {
  border-color: transparent;
  background: none;
  padding: 0.5rem 1rem;
}
.fs-file .control-wrap .file-select input[type=file] + label.selected span {
  color: #1E1F23;
  font-weight: 400;
}
.fs-file .control-wrap .file-select input[type=file] + label.selected:hover span {
  font-weight: 600;
}
.fs-file .control-wrap .custom-file-type {
  position: relative;
  z-index: 2;
}
.fs-file .control-wrap .custom-file-type input {
  padding: 1rem;
  border-radius: 0.5rem;
  background: #fff;
  border: 1px solid #d9dade;
  font-size: 1rem;
  width: 100%;
  margin: 0.5rem 0;
}
.fs-file .control-wrap .custom-file-type input:hover {
  border-color: #bebfc6;
}
.fs-file .control-wrap .custom-file-type input:focus, .fs-file .control-wrap .custom-file-type input:active {
  border-color: #d6a95a;
}
.fs-file progress,
.fs-file progress::-webkit-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0 none;
  margin: 0;
  padding: 0;
  z-index: 1;
  background: #fff;
  border-radius: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.fs-file progress::-moz-progress-bar,
.fs-file progress[value]::-webkit-progress-value {
  background: #f2f2f2;
  color: #f2f2f2;
}
.fs-file progress[value]::-webkit-progress-value {
  background: #f2f2f2;
  color: #f2f2f2;
}

@media only screen and (max-width: 428px) {
  .fs-file {
    border-radius: 0.5em;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
.info-box .icon {
  cursor: pointer;
}
.info-box .icon:hover svg {
  color: #131316;
}
.info-box .icon svg {
  font-size: 1rem;
  color: #6E6F73;
  transition: all 0.15s ease-in-out;
}
.info-box .dialog {
  font-size: 1rem;
}
.info-box h5 {
  font-size: 1em;
}
.info-box span {
  display: block;
  padding: 0;
  margin: 0.5em 0;
}
.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
  overflow: hidden;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
        .glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
        .glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
    .gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
        .desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
        .desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
        /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-top .gslide-media,
    .desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left,
    .gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
    .gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}


/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/

.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  background: transparent;
  position: absolute;
  bottom: 15px;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc string {
  color: #fff;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
    .glightbox-closing .gprev,
    .glightbox-closing .gclose {
  opacity: 0 !important;
}


/*Skin */

.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}


/*CSS Animations*/

.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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

@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
                .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
    .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
.glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}

@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}

/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-gallery .img-wrap {
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background: #E6E6E7;
}
.ab-gallery .img-wrap:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}
.ab-gallery .img-wrap:hover img {
  transform: scale(1.05);
}
.ab-gallery .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 0.15s ease-in-out;
}
.ab-gallery .img-wrap .description {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.ab-gallery .img-wrap .description span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  color: #E6E6E7;
  text-align: center;
  left: 0;
  width: 100%;
}
.ab-gallery .image-small {
  height: 9rem;
  margin-bottom: 0.5rem;
}
.ab-gallery .image-big {
  height: 28rem;
}

@media only screen and (max-width: 1024px) {
  .ab-gallery .image-big-wrap {
    padding: 0;
  }
  .ab-gallery .image-big-wrap .img-wrap.image-big {
    padding: 0;
    height: 20rem;
    border-radius: 0;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
ab-modal-overlay {
  /**
   * Default state
   */
  /**
   * Hidden state
   */
  /**
   * Transition from visible to hidden
   */
  /**
   * Transition from hidden to visible
   */
}
ab-modal-overlay,
ab-modal-overlay .modal-overlay-content {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
ab-modal-overlay,
ab-modal-overlay .modal-overlay-content {
  opacity: 1;
}
ab-modal-overlay .modal-overlay-content {
  transform: scale(1);
}
ab-modal-overlay.ng-hide,
ab-modal-overlay.ng-hide .modal-overlay-content {
  opacity: 0;
  transition-duration: 0.1s;
}
ab-modal-overlay.ng-hide .modal-overlay-content {
  transform: scale(0.8);
}
ab-modal-overlay.ng-hide-add,
ab-modal-overlay.ng-hide-add .modal-overlay-content {
  opacity: 0;
  transition-duration: 0.1s;
}
ab-modal-overlay.ng-hide-add .modal-overlay-content {
  transform: scale(1);
}
ab-modal-overlay,
ab-modal-overlay .modal-overlay-content, ab-modal-overlay.ng-hide-enter,
ab-modal-overlay.ng-hide-enter .modal-overlay-content {
  transition-duration: 0.1s;
  opacity: 1;
}
ab-modal-overlay .modal-overlay-content, ab-modal-overlay.ng-hide-enter .modal-overlay-content {
  transform: scale(1);
}

ab-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 940;
  color-scheme: light;
}

.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.modal-overlay .modal-overlay-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.modal-overlay .modal-overlay-backdrop:not(.hidden) {
  background: rgba(0, 0, 0, 0.5);
}
.modal-overlay .modal-overlay-content {
  position: absolute;
  background: #f8f7fb;
  border-radius: 0.5rem;
  overflow: hidden;
}
.modal-overlay .modal-overlay-content.hidden {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
}
.modal-overlay .modal-overlay-content .modal-overlay-content-inner {
  max-height: 22rem;
  overflow-y: auto;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
/** On desktops we show the menu icon in the nav rail **/
nav.ab-navbar .menu-wrap {
  position: fixed;
  z-index: 50;
  width: 90px;
  height: 5rem;
  display: flex;
  justify-content: center;
}
nav.ab-navbar .menu-wrap button {
  margin-top: 0;
  font-size: 1.2rem;
  color: #fff;
}

nav.ab-navbar .bell-wrap {
  position: fixed;
  z-index: 50;
  width: 90px;
  height: 5rem;
  bottom: 0;
  display: flex;
  justify-content: center;
}
nav.ab-navbar .bell-wrap button {
  margin: 0;
  font-size: 1.2rem;
  color: #fff;
  position: relative;
}
nav.ab-navbar .bell-wrap button .count {
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1rem;
  position: absolute;
  background: #d6a95a;
  color: #fff;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/** On tablets and smaller we show a traditional top app bar **/
/** We make it only 50vw wide so that the other half can be populated by 
the backdrops toolbar. **/
@media only screen and (max-width: 1200px) {
  nav.ab-navbar .menu-wrap {
    pointer-events: none;
    width: 40vw;
    background: #2B2C31;
    justify-content: flex-start;
    height: 4.5rem;
  }
  nav.ab-navbar .menu-wrap > * {
    pointer-events: all;
  }
  nav.ab-navbar .menu-wrap button.menu {
    height: 4.5rem;
    width: 6rem;
  }
  nav.ab-navbar .bell-wrap {
    width: 6rem;
    bottom: auto;
    right: 0;
    top: 0;
    background: #2B2C31;
    pointer-events: none;
    justify-content: flex-end;
    height: 4.5rem;
  }
  nav.ab-navbar .bell-wrap > * {
    pointer-events: all;
  }
  nav.ab-navbar .bell-wrap button.bell {
    height: 4.5rem;
    width: 6rem;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-navigation-drawer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
}
.ab-navigation-drawer,
.ab-navigation-drawer nav,
.ab-navigation-drawer .drawer-background {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.ab-navigation-drawer.show,
.ab-navigation-drawer.show nav,
.ab-navigation-drawer.show .drawer-background {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.ab-navigation-drawer.show nav {
  transform: translateX(0);
}
.ab-navigation-drawer .drawer-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.15s ease-in-out;
}
.ab-navigation-drawer nav {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: min(20rem, 85vw);
  background: #1E1F23;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  scrollbar-color: dark;
  color-scheme: dark;
  overflow-y: auto;
  transform: translateX(-20rem);
  transition: all 0.15s ease-in-out;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.ab-navigation-drawer nav section {
  padding: 1rem 0.5rem;
  border-bottom: 1.5px solid #2B2C31;
}
.ab-navigation-drawer nav section span.subtitle {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  display: flex;
  align-items: center;
  color: #C1C1C3;
  margin: 0 0 0.65rem 0.5rem;
}
.ab-navigation-drawer nav section span.subtitle svg {
  font-size: 1rem;
  margin-right: 1rem;
}
.ab-navigation-drawer nav section .drawer-item-wrap .drawer-item {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  color: #d9d9db;
  padding: 0.65rem 0.5rem;
  border-radius: 0.25rem;
  display: block;
  cursor: pointer;
  text-decoration: none;
}
.ab-navigation-drawer nav section .drawer-item-wrap .drawer-item:not(:last-child) {
  margin-bottom: 0.1rem;
}
.ab-navigation-drawer nav section .drawer-item-wrap .drawer-item.active {
  background: #d6a95a;
  background: linear-gradient(337deg, #d6a95a 0%, #d9bc6c 100%);
  color: #fff;
}
.ab-navigation-drawer nav section.user .profile-image {
  max-width: 3rem;
  margin: 0 0.5rem;
}
.ab-navigation-drawer nav section.user .text {
  margin-top: 1rem;
  cursor: pointer;
  border-radius: 0.25rem;
  padding: 0.65rem 0.5rem;
}
.ab-navigation-drawer nav section.user .text .user-name {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  color: #E6E6E7;
}
.ab-navigation-drawer nav section.user .text .user-email {
  display: flex;
  justify-content: space-between;
  padding-right: 1rem;
}
.ab-navigation-drawer nav section.user .text .user-email span {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #C1C1C3;
}
.ab-navigation-drawer nav section.user .text .user-email span.emphasis {
  font-weight: 500;
}
.ab-navigation-drawer nav section.user .text .user-email svg {
  color: #C1C1C3;
}
.ab-navigation-drawer nav section.user .user-settings {
  margin-top: 0.5rem;
  background: #1E1F23;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.ab-navigation-drawer nav section.footer img {
  width: 70%;
  display: block;
  margin: 0.5rem auto;
}
.ab-navigation-drawer nav section.footer span.version {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  color: #98989B;
  display: block;
  text-align: center;
  padding: 1rem;
}

@media (hover: hover) and (pointer: fine) {
  .ab-navigation-drawer .drawer-item-wrap .drawer-item:hover {
    background: #E6E6E7;
    color: #393939;
  }
  .ab-navigation-drawer section.user .text:hover {
    background: #E6E6E7;
    color: #393939;
  }
  .ab-navigation-drawer section.user .text:hover .user-name {
    color: #393939;
  }
  .ab-navigation-drawer section.user .text:hover .user-email i,
  .ab-navigation-drawer section.user .text:hover .user-email span {
    color: #535353;
  }
}
@media (hover: none) {
  .drawer-item:active {
    background: #E6E6E7;
    color: #393939;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.notification {
  position: relative;
  padding: 0.75rem 0;
}
.notification.has-link {
  cursor: pointer;
}
.notification.has-link:hover {
  background: #E6E6E7;
}
.notification .header-row {
  align-items: center;
}
.notification .header-row .icon {
  display: flex;
  justify-content: center;
}
.notification .header-row .icon svg {
  color: #d6a95a;
  font-size: 0.8rem;
}
.notification .header-row .title {
  font-weight: 600;
  font-size: 0.9rem;
}
.notification .content-row .text {
  color: #2B2C31;
  font-size: 0.8rem;
}
.notification .content-row .time {
  font-size: 0.8rem;
  color: #6E6F73;
  font-weight: 600;
}
.notification .link-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
}
.notification .link-icon svg {
  color: #C1C1C3;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-notification-toast-item {
  width: 100%;
  background-color: #fff;
  padding: 1.5rem 1.5rem;
  width: 100%;
  max-width: 25rem;
  animation: slide-in-right 0.4s ease;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  border-radius: 0.5rem;
  margin: 0 0 0.5em;
  position: relative;
}
.ab-notification-toast-item.has-link {
  cursor: pointer;
}
.ab-notification-toast-item.has-link:hover {
  background: #E6E6E7;
}
.ab-notification-toast-item .btn-wrap {
  margin-top: 1rem;
}
.ab-notification-toast-item h4 {
  font-size: 1rem;
  margin: 0;
}
.ab-notification-toast-item span {
  display: block;
  font-size: 0.8rem;
  margin: 0.25em 0 0;
}
.ab-notification-toast-item .link-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  color: #C1C1C3;
}
.ab-notification-toast-item .icons {
  margin: 0.75em 0 0;
  display: flex;
  align-items: center;
}
.ab-notification-toast-item .icons span {
  display: inline-block;
  width: 49%;
  color: #131316;
  padding: 0 0.25em;
  text-align: center;
  font-size: 0.8em !important;
  cursor: pointer;
}
.ab-notification-toast-item .icons span:last-child {
  transition: all ease-in-out 0.15s;
}
.ab-notification-toast-item .icons span:last-child:hover {
  color: #24252A;
  font-weight: 700;
}
.ab-notification-toast-item .icons span:hover {
  color: #1E1F23;
  border-color: #1E1F23;
}

@keyframes slide-in-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-notification-toast-wrap {
  position: fixed;
  top: 2%;
  right: 0.75%;
  z-index: 800;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 428px) {
  .ab-notification-toast-wrap {
    top: 0;
    right: 0;
    left: 0;
  }
  .ab-notification-toast-wrap .notification-toast {
    min-width: none;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.notifications-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  cursor: default;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  padding: 0.5em;
}
.notifications-wrap,
.notifications-wrap .drawer-background {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.notifications-wrap.show,
.notifications-wrap.show .drawer-background {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.notifications-wrap .drawer-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.15s ease-in-out;
}
.notifications-wrap .notifications-inner {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 30rem;
  background: #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 1rem;
}
.notifications-wrap .notifications-inner .header {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem 0.5rem;
  margin: 0 0 0.5rem;
  align-items: center;
  border-bottom: 1px solid #f3f3f3;
}
.notifications-wrap .notifications-inner .header h2 {
  margin: 0;
  color: #3b3737;
  font-size: 1.2rem;
}
.notifications-wrap .notifications-inner .header button svg {
  color: #3b3737;
}
.notifications-wrap .notifications-inner .wrap {
  flex-grow: 2;
  overflow-y: auto;
}
.notifications-wrap .notifications-inner .wrap .notification:last-child .content-row .time {
  border-bottom: none;
}
.notifications-wrap .notifications-inner .footer {
  display: flex;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-top: 1px solid #f3f3f3;
}
.notifications-wrap .notifications-inner .footer span {
  font-size: 0.9rem;
}

@media only screen and (max-width: 1200px) {
  .notifications-wrap {
    top: 4.5rem;
    height: calc(100vh - 4.5rem);
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  overflow-y: scroll;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
  z-index: 100;
}
.overlay.ng-enter, .overlay.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.overlay.ng-enter, .overlay.ng-leave.ng-leave-active {
  opacity: 0;
}
.overlay.ng-enter .overlay-inner, .overlay.ng-leave.ng-leave-active .overlay-inner {
  transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.overlay.ng-leave, .overlay.ng-enter.ng-enter-active {
  opacity: 1;
}
.overlay.ng-leave .overlay-inner, .overlay.ng-enter.ng-enter-active .overlay-inner {
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.overlay .overlay-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  max-width: 50em;
  max-height: 100%;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}

.overlay input {
  border: 1px solid #C1C1C3;
  color: #484343;
  padding: 0.75em 1em;
  font-weight: 400;
  font-size: 0.9em;
  border-radius: 0.5em;
}
.overlay .overlay_inner {
  position: relative;
  z-index: 902;
  background: #fff;
  width: 100vw;
  max-width: 40em;
  border-radius: 1em;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  padding: 1.5em;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  color-scheme: light;
}
.overlay .overlay_inner h3 {
  margin: 0 0 1em;
}
.overlay .overlay_inner ul {
  padding: 1em 0;
  list-style: none;
  margin: 0;
  height: 20em;
  overflow-y: auto;
}
.overlay .overlay_inner ul li {
  border-bottom: 1px solid #E6E6E7;
  cursor: pointer;
  padding: 0.5em;
}
.overlay .overlay_inner ul li:last-child {
  border-bottom: none;
}
.overlay .overlay_inner ul li:hover {
  background: #24252A;
  color: #E6E6E7;
}
.overlay .overlay_inner ul li:hover span {
  color: #E6E6E7;
}
.overlay .overlay_inner ul li span {
  width: auto;
  margin: 0;
}
.overlay .overlay_inner ul li span.make {
  font-weight: 700;
}
.overlay .overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1024px) {
  .overlay .overlay-inner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: none;
    max-width: none;
    overflow-y: auto;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.password-change .password-requirements .strength {
  display: flex;
  align-items: center;
}
.password-change .password-requirements .strength .tag {
  margin-left: 0.5rem;
}
.password-change .password-requirements .checklist {
  margin: 1rem 0 0;
}
.password-change .password-requirements .checklist .item {
  display: flex;
}
.password-change .password-requirements .checklist .item:not(:last-child) {
  margin-bottom: 0.5rem;
}
.password-change .password-requirements .checklist .item .icon {
  margin-right: 0.5rem;
  color: #f87676;
}
.password-change .password-requirements .checklist .item .icon.success {
  color: #51a562;
}
.password-change .password-requirements .checklist .item span {
  font-size: 0.9rem;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-page-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  background-color: #1E1F23;
}
.ab-page-preloader .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ab-page-preloader .inner img {
  max-width: 20rem;
}
.ab-page-preloader .inner span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.5em;
}
.ab-page-preloader .inner .loader {
  display: block;
  position: relative;
  width: 10em;
  height: 10em;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #d9bc6c;
  animation: spin-preloader 2.5s linear infinite;
  margin: 2em auto;
}
.ab-page-preloader .inner .loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #d6a95a;
  animation: spin-preloader 2.5s linear infinite;
}
.ab-page-preloader .inner .loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #d19e46;
  animation: spin-preloader 2s linear infinite;
}

@keyframes spin-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.profile-image {
  position: relative;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden;
}
.profile-image::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70%;
  content: "";
  display: block;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(230, 230, 231, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
  z-index: -1;
}
.profile-image .img-wrap,
.profile-image .placeholder {
  width: 3rem;
  height: 3rem;
}
.profile-image .img-wrap img,
.profile-image .placeholder img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.profile-image .placeholder svg {
  font-size: 3rem;
  color: #98989B;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.profile-tag .profile-image {
  height: 1.5rem;
  width: 1.5rem;
}
.profile-tag .profile-image .img-wrap {
  width: 1.5rem;
  height: 1.5rem;
}
.profile-image-upload .profile-image {
  max-width: 10em;
}
.profile-image-upload .fs-file {
  max-width: 40em;
  padding: 0.25em;
}
.profile-image-upload .fs-file .row {
  padding: 0.5em 0;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.rich-text-editor .ql-editor {
  padding: 1rem;
}
.rich-text-editor .ql-container {
  max-height: 80vh;
  overflow-y: auto;
}
.rich-text-editor .editor-wrap {
  background: #fff;
  border-radius: 0.5rem;
  border: 2px solid #d9dade;
}
.rich-text-editor .ql-toolbar {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}
.rich-text-editor .ql-toolbar button {
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.5rem 1rem;
  border: none;
  cursor: pointer;
  transform: all 0.15s ease-in-out;
  color: #393939;
  margin-right: 0.5rem;
}
.rich-text-editor .ql-toolbar button.ql-active {
  color: #d6a95a;
}
.rich-text-editor .ql-toolbar button:before {
  background-color: #393939;
}
.rich-text-editor .ql-toolbar button.ql-bold::before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzIxLjEgMjQyLjRDMzQwLjEgMjIwLjEgMzUyIDE5MS42IDM1MiAxNjBjMC03MC41OS01Ny40Mi0xMjgtMTI4LTEyOEwzMiAzMi4wMWMtMTcuNjcgMC0zMiAxNC4zMS0zMiAzMnMxNC4zMyAzMiAzMiAzMmgxNnYzMjBIMzJjLTE3LjY3IDAtMzIgMTQuMzEtMzIgMzJzMTQuMzMgMzIgMzIgMzJoMjI0YzcwLjU4IDAgMTI4LTU3LjQxIDEyOC0xMjhDMzg0IDMwNS4zIDM1OC42IDI2NC44IDMyMS4xIDI0Mi40ek0xMTIgOTYuMDFIMjI0YzM1LjMgMCA2NCAyOC43MiA2NCA2NHMtMjguNyA2NC02NCA2NEgxMTJWOTYuMDF6TTI1NiA0MTZIMTEydi0xMjhIMjU2YzM1LjMgMCA2NCAyOC43MSA2NCA2My4xUzI5MS4zIDQxNiAyNTYgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzIxLjEgMjQyLjRDMzQwLjEgMjIwLjEgMzUyIDE5MS42IDM1MiAxNjBjMC03MC41OS01Ny40Mi0xMjgtMTI4LTEyOEwzMiAzMi4wMWMtMTcuNjcgMC0zMiAxNC4zMS0zMiAzMnMxNC4zMyAzMiAzMiAzMmgxNnYzMjBIMzJjLTE3LjY3IDAtMzIgMTQuMzEtMzIgMzJzMTQuMzMgMzIgMzIgMzJoMjI0YzcwLjU4IDAgMTI4LTU3LjQxIDEyOC0xMjhDMzg0IDMwNS4zIDM1OC42IDI2NC44IDMyMS4xIDI0Mi40ek0xMTIgOTYuMDFIMjI0YzM1LjMgMCA2NCAyOC43MiA2NCA2NHMtMjguNyA2NC02NCA2NEgxMTJWOTYuMDF6TTI1NiA0MTZIMTEydi0xMjhIMjU2YzM1LjMgMCA2NCAyOC43MSA2NCA2My4xUzI5MS4zIDQxNiAyNTYgNDE2eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.rich-text-editor .ql-toolbar button.ql-divider::before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNjA3LjkgMjg4aC01NzZDMTQuMjUgMjg4IDAgMjczLjcgMCAyNTZTMTQuMzggMjI0IDMyLjA2IDIyNGg1NzZDNjI1LjggMjI0IDY0MCAyMzguMyA2NDAgMjU1LjFTNjI1LjYgMjg4IDYwNy45IDI4OHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNjA3LjkgMjg4aC01NzZDMTQuMjUgMjg4IDAgMjczLjcgMCAyNTZTMTQuMzggMjI0IDMyLjA2IDIyNGg1NzZDNjI1LjggMjI0IDY0MCAyMzguMyA2NDAgMjU1LjFTNjI1LjYgMjg4IDYwNy45IDI4OHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
.rich-text-editor .ql-toolbar button.ql-list::before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNODggNDhDMTAxLjMgNDggMTEyIDU4Ljc1IDExMiA3MlYxMjBDMTEyIDEzMy4zIDEwMS4zIDE0NCA4OCAxNDRINDBDMjYuNzUgMTQ0IDE2IDEzMy4zIDE2IDEyMFY3MkMxNiA1OC43NSAyNi43NSA0OCA0MCA0OEg4OHpNNDgwIDY0QzQ5Ny43IDY0IDUxMiA3OC4zMyA1MTIgOTZDNTEyIDExMy43IDQ5Ny43IDEyOCA0ODAgMTI4SDE5MkMxNzQuMyAxMjggMTYwIDExMy43IDE2MCA5NkMxNjAgNzguMzMgMTc0LjMgNjQgMTkyIDY0SDQ4MHpNNDgwIDIyNEM0OTcuNyAyMjQgNTEyIDIzOC4zIDUxMiAyNTZDNTEyIDI3My43IDQ5Ny43IDI4OCA0ODAgMjg4SDE5MkMxNzQuMyAyODggMTYwIDI3My43IDE2MCAyNTZDMTYwIDIzOC4zIDE3NC4zIDIyNCAxOTIgMjI0SDQ4MHpNNDgwIDM4NEM0OTcuNyAzODQgNTEyIDM5OC4zIDUxMiA0MTZDNTEyIDQzMy43IDQ5Ny43IDQ0OCA0ODAgNDQ4SDE5MkMxNzQuMyA0NDggMTYwIDQzMy43IDE2MCA0MTZDMTYwIDM5OC4zIDE3NC4zIDM4NCAxOTIgMzg0SDQ4MHpNMTYgMjMyQzE2IDIxOC43IDI2Ljc1IDIwOCA0MCAyMDhIODhDMTAxLjMgMjA4IDExMiAyMTguNyAxMTIgMjMyVjI4MEMxMTIgMjkzLjMgMTAxLjMgMzA0IDg4IDMwNEg0MEMyNi43NSAzMDQgMTYgMjkzLjMgMTYgMjgwVjIzMnpNODggMzY4QzEwMS4zIDM2OCAxMTIgMzc4LjcgMTEyIDM5MlY0NDBDMTEyIDQ1My4zIDEwMS4zIDQ2NCA4OCA0NjRINDBDMjYuNzUgNDY0IDE2IDQ1My4zIDE2IDQ0MFYzOTJDMTYgMzc4LjcgMjYuNzUgMzY4IDQwIDM2OEg4OHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNODggNDhDMTAxLjMgNDggMTEyIDU4Ljc1IDExMiA3MlYxMjBDMTEyIDEzMy4zIDEwMS4zIDE0NCA4OCAxNDRINDBDMjYuNzUgMTQ0IDE2IDEzMy4zIDE2IDEyMFY3MkMxNiA1OC43NSAyNi43NSA0OCA0MCA0OEg4OHpNNDgwIDY0QzQ5Ny43IDY0IDUxMiA3OC4zMyA1MTIgOTZDNTEyIDExMy43IDQ5Ny43IDEyOCA0ODAgMTI4SDE5MkMxNzQuMyAxMjggMTYwIDExMy43IDE2MCA5NkMxNjAgNzguMzMgMTc0LjMgNjQgMTkyIDY0SDQ4MHpNNDgwIDIyNEM0OTcuNyAyMjQgNTEyIDIzOC4zIDUxMiAyNTZDNTEyIDI3My43IDQ5Ny43IDI4OCA0ODAgMjg4SDE5MkMxNzQuMyAyODggMTYwIDI3My43IDE2MCAyNTZDMTYwIDIzOC4zIDE3NC4zIDIyNCAxOTIgMjI0SDQ4MHpNNDgwIDM4NEM0OTcuNyAzODQgNTEyIDM5OC4zIDUxMiA0MTZDNTEyIDQzMy43IDQ5Ny43IDQ0OCA0ODAgNDQ4SDE5MkMxNzQuMyA0NDggMTYwIDQzMy43IDE2MCA0MTZDMTYwIDM5OC4zIDE3NC4zIDM4NCAxOTIgMzg0SDQ4MHpNMTYgMjMyQzE2IDIxOC43IDI2Ljc1IDIwOCA0MCAyMDhIODhDMTAxLjMgMjA4IDExMiAyMTguNyAxMTIgMjMyVjI4MEMxMTIgMjkzLjMgMTAxLjMgMzA0IDg4IDMwNEg0MEMyNi43NSAzMDQgMTYgMjkzLjMgMTYgMjgwVjIzMnpNODggMzY4QzEwMS4zIDM2OCAxMTIgMzc4LjcgMTEyIDM5MlY0NDBDMTEyIDQ1My4zIDEwMS4zIDQ2NCA4OCA0NjRINDBDMjYuNzUgNDY0IDE2IDQ1My4zIDE2IDQ0MFYzOTJDMTYgMzc4LjcgMjYuNzUgMzY4IDQwIDM2OEg4OHoiLz48L3N2Zz4=) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.user-select .selected-items {
  display: flex;
  flex-wrap: wrap;
}
.user-select .selected-items .chip:not(:last-child) {
  margin-right: 0.5rem;
}
.user-select .selected-items .chip {
  margin-bottom: 1rem;
}
.user-select .btn-wrap {
  width: 100%;
  justify-content: left;
}
.user-select .overlay .card {
  padding: 1em;
}
.user-select .overlay ul {
  height: 30em;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
.user-select .overlay ul li {
  padding: 0.4em 0;
  border-bottom: 1px solid #E6E6E7;
  cursor: pointer;
}
.user-select .overlay ul li:hover {
  background: #f3f3f3;
}
.user-select .overlay ul li .row {
  margin: 0;
  align-items: center;
}
.user-select .overlay ul li .profile-image {
  max-width: 3em;
  margin: 0 auto;
}
.user-select .overlay ul li span:first-child {
  font-weight: 600;
}
.user-select .overlay ul li:last-child {
  border-bottom: none;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-select-option {
  display: flex;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
}
.ab-select-option:hover {
  background: #E6E6E7;
}
.ab-select-option .icon {
  width: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ab-select-option .icon svg {
  font-size: 1.2rem;
}
.ab-select-option .text-wrap {
  flex-grow: 1;
}
.ab-select-option .text-wrap span {
  display: block;
  font-size: 1rem;
}
.ab-select-option .text-wrap span.description {
  font-weight: 600;
}
.ab-select-option .text-wrap span small {
  display: block;
  margin-top: 0.25rem;
  font-weight: 400;
  color: #6c6c6c;
}
.ab-select-option .text-wrap span.value {
  font-size: 0.8rem;
  color: #7d7474;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-select input {
  cursor: pointer;
}
.ab-select span.input-description {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #393939;
  position: absolute;
  top: 2px;
  left: 2px;
  pointer-events: none;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  width: calc(100% - 5px);
}
.ab-select span.input-description small {
  display: none;
}
.ab-select .btn-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 2rem;
  pointer-events: none;
  z-index: 1;
}
.ab-select .btn-wrap button {
  background: none;
}
.ab-select .remove-button {
  pointer-events: all;
}

.ab-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
a.tag {
  text-decoration: none;
  transition: all 0.15s ease-in-out;
}
a.tag:hover {
  background: #dde6ec;
}

.tag {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  border-radius: 0.5rem;
  padding: 0.3rem 0.75rem;
  background: #edf2f5;
  color: #17313e;
  display: inline-flex;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.tag > *:not(:last-child) {
  margin-right: 0.3rem;
}
.tag .transclude-wrap {
  display: flex;
  align-items: center;
  margin: 0;
}
.tag .ab-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.75em;
  color: inherit;
}
.tag.red {
  background: #ffe5e5;
  color: #d85252;
}
.tag.red > span {
  color: #d85252;
}
.tag.blue {
  background: #d0e7f5;
  color: #52a1d8;
}
.tag.blue > span {
  color: #52a1d8;
}
.tag.green {
  background: #cbeee2;
  color: #06b177;
}
.tag.green > span {
  color: #06b177;
}
.tag.orange {
  background: #ffe3c1;
  color: #fb9314;
}
.tag.orange > span {
  color: #fb9314;
}
.tag.pink {
  background: #f076f8;
  color: #fff;
}
.tag.pink > span {
  color: #fff;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-toast-item {
  animation: 0.25s ease-in-out 0s 1 materialFadeIn;
  background-color: #fff;
  margin: 0 1rem 1rem 0;
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid transparent;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  display: flex;
  width: min(20rem, 100vw);
  align-items: center;
}
.ab-toast-item:hover {
  background: #f2f2f2;
  cursor: pointer;
}
.ab-toast-item .icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  position: relative;
  flex: 1 0 2.5em;
  max-width: 2.5rem;
}
.ab-toast-item .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.25rem;
}
.ab-toast-item span.message {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #393939;
  flex-grow: 1;
  margin-left: 1rem;
}
.ab-toast-item.success {
  background: #d7ebdb;
  border-color: #b5dabc;
}
.ab-toast-item.success .icon {
  background: #70b97f;
}
.ab-toast-item.error {
  background: #fef4f4;
  border-color: #fde1e1;
}
.ab-toast-item.error .icon {
  color: #f87676;
  background: #fdd7d7;
}
.ab-toast-item.error .icon svg {
  color: #f87676;
}
.ab-toast-item.warning {
  background: #fef8ef;
  border-color: #fdedd7;
}
.ab-toast-item.warning .icon {
  background: #f9cd8e;
}
.ab-toast-item.warning .icon svg {
  color: #fff;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-toast-wrap {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade-through
 */
/**
 * @docs https://material.io/design/motion/the-motion-system.html#fade
 */
.loading {
  display: inline-block;
  width: 2em;
  height: 2em;
}

.loading:after {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  0% {
    left: -70%;
  }
  100% {
    left: 170%;
  }
}
/**              **/
/** TEXT COLORS  **/
/**              **/
/**                 **/
/** PRIMARY COLORS  **/
/**                 **/
/**                   **/
/** SECONDARY COLORS  **/
/**                   **/
/**                **/
/** BORDER COLORS  **/
/**                **/
/**                **/
/** FORMS          **/
/**                **/
/**                 **/
/** WARNING COLORS  **/
/**                 **/
/**              **/
/** TAG COLORS   **/
/**              **/
/**              **/
/** SHADOWS      **/
/**              **/
/**                        **/
/** VEHICLE EXTERIOR COLOR **/
/**                        **/
/**              **/
/**     BG       **/
/**              **/
/**              **/
/**   Backdrop   **/
/**              **/
/**                        **/
/**   Navigation & Title   **/
/**                        **/
@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@keyframes materialFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block {
  display: block !important;
}

/** DISPLAY **/
/** largest text on screen. Important text **/
/** HEADLINE **/
/** TITLE **/
/** Smaller than headlines, medium emphasis **/
/** BODY **/
/** Main text in flow **/
/** LABEL **/
/** Text inside components, form fields etc. **/
.txt-lbl-md {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-lg {
  font-size: 1.75rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.heading-md {
  font-size: 1.5rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.75rem;
}

.heading-sm {
  font-size: 1.25rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}

.title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-md {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.title-sm {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  margin: 0 0 1.2em;
}

.text-sec {
  color: #6c6c6c;
}

/** To separate two texts from another **/
.ab-update-banner,
.ab-offline-banner {
  position: fixed;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  background: #d6a95a;
  transition: all 0.5s ease-in-out;
  z-index: 999;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  border-radius: 0.5rem;
}
.ab-update-banner.show,
.ab-offline-banner.show {
  bottom: 0;
}
.ab-update-banner:hover,
.ab-offline-banner:hover {
  background-color: #d19e46;
}
.ab-update-banner span,
.ab-offline-banner span {
  display: block;
  color: #fff;
  text-align: center;
  padding: 1rem;
  font-size: 0.9rem;
  cursor: pointer;
}

.ab-offline-banner {
  background: #ff7f7f;
}
.ab-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

/*# sourceMappingURL=angularjs.css.map*/