@charset "UTF-8";
a,
input,
textarea,
select,
button {
  transition: all 0.2s ease-in-out;
}

html,
body {
  width: 100%;
  min-height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html,
html a {
  -webkit-font-smoothing: antialiased;
}

@supports (-ms-ime-align: auto) {
  html {
    overflow: hidden;
    height: 100%;
  }
  body {
    overflow: auto;
    height: 100%;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html {
    overflow: hidden;
    height: 100%;
  }
  body {
    overflow: auto;
    height: 100%;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important;
}

a {
  text-decoration: none;
}

img {
  display: block;
  border: 0;
}

sup {
  font-size: 10px !important;
}

div,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
  zoom: 1;
}

div:after,
article:after,
aside:after,
details:after,
figcaption:after,
figure:after,
footer:after,
header:after,
hgroup:after,
main:after,
nav:after,
section:after,
summary:after,
ul:after {
  content: "";
  display: block;
  clear: both;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]),
[hidden],
template {
  display: none;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

fieldset {
  display: block;
  padding: 0;
}

legend {
  display: block;
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 !important;
}

td,
th {
  padding: 0;
}

i.material-icons {
  width: auto;
  flex-grow: 0;
}

/*
 #  andy scss library
    - opensource scss library
    - documentation : http://gillesbertaux.com/andy/doc
*/
/*
 #  family-scss
    - Sass mixins which will help you to manage the style of :nth-child’ified elements, in an easy and classy way
    - documentation : https://lukyvj.github.io/family.scss/
*/
/*
# name : all-zero;
# function : make full screen;
# example of usage :
    .overlay{
        position : absolute;
        @include all-zero;
    }
*/
/*
# name : push-auto;
# function : centering block component;
# example :
    .header{
        width : 200px;
        height: 10px;
        @include push-auto
    }
*/
/*
# name : pseudo;
# function : basic props for pseude element;
# example :
    div::after {
        @include pseudo;
        top: -1rem; left: -1rem;
        width: 1rem; height: 1rem;
    }
*/
/*
# name : font-styles;
# function : basic props for pseude element;
# example :
    .header{
        @include font-style('Roboto', 20px, $red, bold, 20px. 10px )
    }
*/
/*
# name : input-placeholder;
# function : basic props for pseude element;
# example :
    input,
    textarea {
        @include input-placeholder {
            color: $grey;
        }
    }
*/
/*
# name z;
# function : fix multiple z-index conflict issue;
# example :
    .site-header {
        z-index: z('site-header');
    }
*/
/*
# name calculate-rem;
# function : convert px to rem;
# example :
    p {
       font-size: calculate-rem(12px)
    }
*/
/*
# name hidden;
# function : Hide from both screenreaders and browsers;
# example :
    .hide-mobile {
       @include hidden
    }
*/
/*
# name hidden;
# function : Hide from both screenreaders and browsers;
# example :
    .show-desktop {
       @include visible
    }
*/
/*
# name font-size-to-rem;
# function : Convert font size to rem;
# example :
    .label {
       @include font-size-to-rem(16)
    }
*/
/*
# name retina;
# function : suport retina display;
# example :
    .logo {
        background-image: url("img/logo.png");
        @include retina("img/logo@2x.png", 100px, 21px);
    }
*/
/*
# name keyframes;
# function : generate keyframe webkit;
# example :
    @include keyframes(animate) {
        50% {
            transform: rotate(90deg);
        }
        100% {
            transform: rotate(-90deg);
        }
    }
*/
/*
# name gradient;
# function : generate keyframe webkit;
# example :
    .gradient {
        @include gradient(#07c, #06f, vertical);
    }

*/
/*
# name font-face;
# function : create font face;
# example :
    @include font-face("MyFont", "path/to/MyFont", $style: normal, $weight: normal);

*/
/*
# name truncate-text;
# function : truncate text and make it short;
# example :
    p {
        background-color: $gray;
        color: white;
        padding: 10px 20px;
        width: 300px;
        margin: 0 auto;
        @include truncate-text;
    }

*/
/*
# name cover-background;
# function : background-size: cover;

# example :
    div {
        background-image: url("cute-doggo.png");
        @include cover-background;
    }

*/
/*
# name link-color;
# function : set hoover, active, and focus automatic;

# example :
    a {
        @include link-color($red)
    }

*/
/*
# name opacity;
# function : It is OK to use opacity property for modern browsers but not for IE.
So provide a filter fallback for IE8. You can set opacity from 0 (not visible) to 1
(completely visible) and filter percentage from 0 to 100. It means you can simply
multiply the value of opacity by 100 for IE filter.;

# example :
    .box {
        @include opacity(0.5);
    }

*/
@font-face {
  font-family: "Inter-ExtraBold";
  src: url("../../../assets/fonts/Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-Regular";
  src: url("../../../assets/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-ExtraBold";
  src: url("../../../assets/fonts/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../assets/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-Medium";
  src: url("../../../assets/fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("../../../assets/fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir-Next-Bold";
  src: url("../../../assets/fonts/AvenirNextLTPro-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham-Black";
  src: url("../../../assets/fonts/Gotham-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham-Medium";
  src: url("../../../assets/fonts/GothamMedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham-Bold";
  src: url("../../../assets/fonts/GothamBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.padding-all-xxs {
  padding: 0.25rem;
}

.padding-hr-xxs {
  padding: 0 0.25rem;
}

.padding-vr-xxs {
  padding: 0.25rem 0;
}

.margin-all-xxs {
  margin: 0.25rem;
}

.margin-hr-xxs {
  margin: 0 0.25rem;
}

.margin-vr-xxs {
  margin: 0.25rem 0;
}

.padding-all-xs {
  padding: 0.5rem;
}

.padding-hr-xs {
  padding: 0 0.5rem;
}

.padding-vr-xs {
  padding: 0.5rem 0;
}

.margin-all-xs {
  margin: 0.5rem;
}

.margin-hr-xs {
  margin: 0 0.5rem;
}

.margin-vr-xs {
  margin: 0.5rem 0;
}

.padding-all-md, .message {
  padding: 1rem;
}

.padding-hr-md {
  padding: 0 1rem;
}

.padding-vr-md {
  padding: 1rem 0;
}

.margin-all-md {
  margin: 1rem;
}

.margin-hr-md {
  margin: 0 1rem;
}

.margin-vr-md {
  margin: 1rem 0;
}

.padding-all-lg {
  padding: 1.5rem;
}

.padding-hr-lg {
  padding: 0 1.5rem;
}

.padding-vr-lg {
  padding: 1.5rem 0;
}

.margin-all-lg {
  margin: 1.5rem;
}

.margin-hr-lg {
  margin: 0 1.5rem;
}

.margin-vr-lg {
  margin: 1.5rem 0;
}

.padding-all-xl {
  padding: 2rem;
}

.padding-hr-xl {
  padding: 0 2rem;
}

.padding-vr-xl {
  padding: 2rem 0;
}

.margin-all-xl {
  margin: 2rem;
}

.margin-hr-xl {
  margin: 0 2rem;
}

.margin-vr-xl {
  margin: 2rem 0;
}

.padding-all-xxl {
  padding: 4rem;
}

.padding-hr-xxl {
  padding: 0 4rem;
}

.padding-vr-xxl {
  padding: 4rem 0;
}

.margin-all-xxl {
  margin: 4rem;
}

.margin-hr-xxl {
  margin: 0 4rem;
}

.margin-vr-xxl {
  margin: 4rem 0;
}

/*
 #  andy scss library
    - opensource scss library
    - documentation : http://gillesbertaux.com/andy/doc
*/
/*
 #  family-scss
    - Sass mixins which will help you to manage the style of :nth-child’ified elements, in an easy and classy way
    - documentation : https://lukyvj.github.io/family.scss/
*/
/*
# name : all-zero;
# function : make full screen;
# example of usage :
    .overlay{
        position : absolute;
        @include all-zero;
    }
*/
/*
# name : push-auto;
# function : centering block component;
# example :
    .header{
        width : 200px;
        height: 10px;
        @include push-auto
    }
*/
/*
# name : pseudo;
# function : basic props for pseude element;
# example :
    div::after {
        @include pseudo;
        top: -1rem; left: -1rem;
        width: 1rem; height: 1rem;
    }
*/
/*
# name : font-styles;
# function : basic props for pseude element;
# example :
    .header{
        @include font-style('Roboto', 20px, $red, bold, 20px. 10px )
    }
*/
/*
# name : input-placeholder;
# function : basic props for pseude element;
# example :
    input,
    textarea {
        @include input-placeholder {
            color: $grey;
        }
    }
*/
/*
# name z;
# function : fix multiple z-index conflict issue;
# example :
    .site-header {
        z-index: z('site-header');
    }
*/
/*
# name calculate-rem;
# function : convert px to rem;
# example :
    p {
       font-size: calculate-rem(12px)
    }
*/
/*
# name hidden;
# function : Hide from both screenreaders and browsers;
# example :
    .hide-mobile {
       @include hidden
    }
*/
/*
# name hidden;
# function : Hide from both screenreaders and browsers;
# example :
    .show-desktop {
       @include visible
    }
*/
/*
# name font-size-to-rem;
# function : Convert font size to rem;
# example :
    .label {
       @include font-size-to-rem(16)
    }
*/
/*
# name retina;
# function : suport retina display;
# example :
    .logo {
        background-image: url("img/logo.png");
        @include retina("img/logo@2x.png", 100px, 21px);
    }
*/
/*
# name keyframes;
# function : generate keyframe webkit;
# example :
    @include keyframes(animate) {
        50% {
            transform: rotate(90deg);
        }
        100% {
            transform: rotate(-90deg);
        }
    }
*/
/*
# name gradient;
# function : generate keyframe webkit;
# example :
    .gradient {
        @include gradient(#07c, #06f, vertical);
    }

*/
/*
# name font-face;
# function : create font face;
# example :
    @include font-face("MyFont", "path/to/MyFont", $style: normal, $weight: normal);

*/
/*
# name truncate-text;
# function : truncate text and make it short;
# example :
    p {
        background-color: $gray;
        color: white;
        padding: 10px 20px;
        width: 300px;
        margin: 0 auto;
        @include truncate-text;
    }

*/
/*
# name cover-background;
# function : background-size: cover;

# example :
    div {
        background-image: url("cute-doggo.png");
        @include cover-background;
    }

*/
/*
# name link-color;
# function : set hoover, active, and focus automatic;

# example :
    a {
        @include link-color($red)
    }

*/
/*
# name opacity;
# function : It is OK to use opacity property for modern browsers but not for IE.
So provide a filter fallback for IE8. You can set opacity from 0 (not visible) to 1
(completely visible) and filter percentage from 0 to 100. It means you can simply
multiply the value of opacity by 100 for IE filter.;

# example :
    .box {
        @include opacity(0.5);
    }

*/
.bg-primary {
  background-color: #23a474;
}

.bg-secondary {
  background-color: #fcab10;
}

.bg-black {
  background-color: #293241;
}

.bg-white {
  background-color: #ffffff;
}

.bg-error {
  background-color: #f8333c;
}

.bg-warning {
  background-color: #fcab10;
}

.bg-success {
  background-color: #23a474;
}

.bg-info {
  background-color: #5bc0eb;
}

.bg-cheked {
  background-color: #006BB2;
}

.card {
  width: 100%;
  background-color: #ffffff;
}
.card .card-header {
  background-color: #23a474;
  color: #ffffff;
  padding: 1rem;
  border: 1px solid #23a474;
}
.card img {
  width: 100%;
  object-fit: cover;
}
.card .card-body {
  border: 1px solid #e6e6e6;
  padding: 1rem;
}
.card .card-body .card-title {
  margin-bottom: 16px;
  font-weight: bold;
}
.card .card-body .card-subtitle {
  margin-bottom: 16px;
}
.card .card-body .card-text {
  margin-bottom: 16px;
}
.card .card-body .card-list {
  list-style: none;
  margin-bottom: 16px;
}
.card .card-body .card-list .card-list-item {
  padding: 0.5rem 1rem;
  border: 1px solid #e6e6e6;
}
.card .card-footer {
  border: 1px solid #e6e6e6;
  color: #cccccc;
  padding: 1rem;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.main-container-edit-page {
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  min-height: 800px;
  padding: 20px;
}
.main-container-edit-page .button-content button:first-child {
  margin-right: 10px;
}
@media screen and (min-height: 1200px) {
  .main-container-edit-page {
    height: 100vh;
  }
}
.main-container-edit-page .content-top {
  padding-top: 45px;
  width: 1219px;
  margin: 0 auto;
  margin-bottom: 24px;
  display: flex;
}
.main-container-edit-page .content-top p {
  text-transform: uppercase;
  color: #006bb2;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.main-container-edit-page ul.listdocumentinfo {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.625rem;
  max-height: 7.5rem;
  list-style: none;
}
.main-container-edit-page ul.listdocumentinfo li {
  flex: 1 0 25%;
  color: #006bb2;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
}
.main-container-edit-page .navigation-control {
  border-bottom: 1px solid #979797;
}
.main-container-edit-page .navigation-menu {
  display: flex;
  border-bottom: 1px solid #979797;
  padding-top: 30px;
  padding-bottom: 30px;
  flex: 1;
}
.main-container-edit-page .navigation-menu li {
  list-style-type: none;
  margin-right: 74px;
  color: #656565;
  line-height: 1.25rem;
  font-size: 1rem;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  font-weight: 700;
}
.main-container-edit-page .navigation-menu li::before {
  content: "";
  width: 0%;
  height: 7px;
  background-color: transparent;
  position: absolute;
  top: 2.75rem;
  left: 0;
  background-color: #006bb2;
  transition: all 0.6s;
}
.main-container-edit-page .navigation-menu li.error {
  color: #f8333c;
}
.main-container-edit-page .navigation-menu .active {
  transition: all 0.6s;
  color: #006bb2;
}
.main-container-edit-page .navigation-menu .active::before {
  width: 100%;
  transition: all 0.6s;
}
.main-container-edit-page .file-wrapper .border-position {
  width: max-content;
}
.main-container-edit-page .file-wrapper .file-content {
  width: 1219px;
  margin: 0 auto;
}
.main-container-edit-page .file-wrapper .file-content .input-file-area {
  width: 1222px;
  height: 150px;
  background-color: #e1f0f5;
  border: 2px solid #9ecae8;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  outline: none;
}
.main-container-edit-page .file-wrapper .file-content .input-file-area span {
  color: #006bb2;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
}
.main-container-edit-page .file-wrapper .file-content .input-file-area svg {
  margin-bottom: 14px;
}
.main-container-edit-page .file-wrapper .file-content .input-file-area .file-input {
  color: #006bb2;
  border-bottom: 0.2px solid #006bb2;
  cursor: pointer;
  font-weight: 700;
}
.main-container-edit-page .file-wrapper .input-content-bottom .button-content {
  margin-left: 44px;
  margin-top: 22px;
  padding-top: 32px;
}
.main-container-edit-page .file-wrapper .check-box-left-position {
  margin-top: auto;
  margin-bottom: 40px;
  margin-right: 20px;
  margin-left: -10px;
}
.main-container-edit-page .container-select {
  width: 100%;
  height: 56px;
  margin-left: 0px;
  border: 2px solid #e0e0e0 !important;
  border-radius: 8px;
}
.main-container-edit-page .container-select:active {
  border-color: none;
}
.main-container-edit-page .container-select.dark [class$=control] {
  border-color: black;
}
.main-container-edit-page .container-select [class$=control] {
  display: flex;
  justify-content: space-between;
  padding: 0 35px 0 15px;
  padding-right: 0;
  cursor: pointer;
  height: 100%;
}
.main-container-edit-page .container-select [class$=control] > div:first-of-type {
  padding: 2px 0;
}
.main-container-edit-page .container-select [class$=placeholder] {
  color: black;
}
.main-container-edit-page .container-select [class$=ValueContainer] {
  height: 100%;
}
.main-container-edit-page .container-select [class$=ValueContainer] [class$=singleValue] {
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.main-container-edit-page .container-select [class$=Input] {
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.main-container-edit-page .container-select [class$=IndicatorsContainer] {
  color: black;
  margin-right: 23px;
  outline: none !important;
}
.main-container-edit-page .container-select [class$=IndicatorsContainer] [class$=indicatorContainer] {
  position: relative;
  background-color: white;
}
.main-container-edit-page .container-select [class$=IndicatorsContainer] [class$=indicatorSeparator] {
  height: 10px;
  width: 16px;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  right: 10px;
  z-index: 1;
  background-color: transparent;
}
.main-container-edit-page .container-select [class$=menu] {
  margin-left: -2px;
  margin-right: -2px;
  margin-top: -10px;
  width: 101%;
  z-index: 10;
  box-shadow: 0 12px 30px 0 rgba(175, 166, 159, 0.3);
  border: 2px solid #e0e0e0;
  border-top: none;
}
.main-container-edit-page .container-select .custom-menu-list {
  padding-bottom: 70px;
  display: table;
  width: 100%;
}
.main-container-edit-page .container-select [class$=multiValue] {
  background-color: transparent;
  margin: 0;
  position: relative;
}
.main-container-edit-page .container-select [class$=multiValue] > div:first-of-type {
  padding: 0;
  padding-right: 3px;
}
.main-container-edit-page .container-select [class$=option] {
  background-color: white;
  color: #3c3733;
  position: relative;
  padding: 15px 15px;
  border-radius: 3px;
  width: 98%;
  margin: 0 auto;
}
.main-container-edit-page .container-select [class$=option]:after {
  width: calc(100% - 30px);
  content: "";
  left: 10px;
  bottom: 0;
}
.main-container-edit-page .container-select [class$=option]:last-child {
  margin-bottom: 10px;
}
.main-container-edit-page .container-select [class$=option]:first-child {
  margin-top: 20px;
}
.main-container-edit-page .container-select [class$=option]:hover {
  cursor: pointer;
  background-color: #f5f2f0;
}
.main-container-edit-page .invoices-document .select-section {
  padding-left: 0px;
}
.main-container-edit-page .invoices-document .content-wrapper {
  width: 95%;
  display: flex;
  margin: 0 auto;
  border-bottom: 1px solid #ffffff;
}
.main-container-edit-page .modify {
  display: flex;
  align-items: center;
}
.main-container-edit-page .modify::after {
  content: url("../assets/Icons/icon-edit.svg");
  display: block;
  margin-left: 17px;
  height: 14px;
  border-bottom: 3px solid #006bb2;
}
.main-container-edit-page .back-arrow svg {
  margin-right: 12px;
  margin-bottom: 2px;
  transform: rotate(180deg);
}
.main-container-edit-page .field-input .dropdown {
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  color: #3c3733;
  border-radius: 5px;
  margin-left: 10px;
  width: 520px;
  height: 56px;
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
}
.main-container-edit-page .field-input .dropdown .icon-holder {
  position: absolute;
  right: 23px;
}
.main-container-edit-page .field-input .dropdown li {
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 22px;
  list-style-type: none;
  font-weight: 500;
}
.main-container-edit-page .field-input .dropdown .dropdown-content {
  position: absolute;
  background-color: #ffffff;
  left: 10px;
  top: 85%;
  width: 100%;
  border: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 1;
  padding-top: 4%;
  border: 2px solid #e0e0e0;
  border-top: none;
}
.main-container-edit-page .field-input .dropdown .dropdown-content li {
  width: 98%;
  margin: 0 auto;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 0.875rem;
  color: #3c3733;
  line-height: 1.0625rem;
  letter-spacing: -0.0125rem;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
  padding-left: 18px;
}
.main-container-edit-page .field-input .dropdown .dropdown-content li:hover {
  background-color: #f5f2f0;
}
.main-container-edit-page .field-input input[type=text],
.main-container-edit-page .field-input input[type=number] {
  height: 56px;
  padding-left: 10px;
}
.main-container-edit-page .field-input input[type=checkbox] {
  width: 32px;
  height: 32px;
  background-size: 20px;
  border-radius: 4px;
  margin-top: 15px;
}
.main-container-edit-page .field-input select {
  padding-left: 10px;
}
.main-container-edit-page .field-input #search {
  width: 280px;
  height: 56;
  padding-left: 10px;
}
.main-container-edit-page .field-input .active {
  background-color: #ebf7fc;
  border: 2px solid #b3d1e6;
  color: #006bb2;
}
.main-container-edit-page .field-input .icon-search {
  position: absolute;
  right: 2%;
  bottom: 35%;
}
.main-container-edit-page .field-input .error-message {
  position: absolute;
  color: #ff1e00;
  font-size: 0.625rem;
  line-height: 0.75rem;
  padding-left: 10px;
  padding-top: 4px;
  font-weight: 500;
}

.edit-book-container .tabs-reservation-section .tabs-edit-page {
  width: 100%;
}
.edit-book-container .reservation-wrapper {
  width: 100%;
  background-color: #c4beb9;
  margin: 0 auto;
  position: sticky;
  top: 0px;
  z-index: 9;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12);
}
.edit-book-container .tabs-content {
  width: 1219px;
  margin: 0 auto;
}
.edit-book-container .reservation-content {
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 1219px;
  margin: 0 auto;
}
.edit-book-container .reservation-content .date-time-picker {
  display: flex;
  align-items: center;
  margin-left: auto;
  flex-direction: row-reverse;
}
.edit-book-container .reservation-content .date-time-picker button {
  width: 160px;
  height: 56px;
  font-weight: 600;
}
.edit-book-container .reservation-content .date-time-picker .button-full {
  margin-right: 8px;
}
.edit-book-container .reservation-content .date-time-picker .button-white {
  border: 2px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.010625rem;
  border-radius: 8px;
  margin-right: 5px;
}
.edit-book-container .reservation-content .date-time-picker svg {
  margin-right: 13px;
}
.edit-book-container .reservation-content .text-reservation {
  font-weight: 800;
  font-size: 1.25rem;
  line-height: 1.3125rem;
  margin-right: 16px;
  padding-left: 20px;
}
.edit-book-container .reservation-content .reservation-info {
  display: flex;
  align-items: center;
}
.edit-book-container .reservation-content span {
  color: #141414;
  font-size: 1.25rem;
  line-height: 1.3125rem;
  text-transform: uppercase;
  padding-left: 5px;
  font-weight: 500;
}
.edit-book-container .reservation-content img {
  width: 26px;
  height: 26px;
}
.edit-book-container .reservation-warn {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #E31f22;
  margin: 0 auto;
  width: 1219px;
}
.edit-book-container .reservation-banner {
  padding-bottom: 12px;
}
.edit-book-container [class$=control] input {
  height: auto !important;
}
.edit-book-container [class$=indicatorSeparator] {
  background-color: transparent;
}

[class$=control] div:nth-child(2) {
  min-width: 26px;
}

[class$=control] div:nth-child(2) {
  min-width: 26px;
}

.field-content-main-wrapper {
  width: 100%;
}

.field-content-flex {
  display: flex;
  width: 100%;
}
.field-content-flex.title-label-main {
  padding-bottom: 20px;
  border-bottom: 1px solid #979797;
  margin-top: 50px;
}
.field-content-flex .field-content-wrapper .field-input button {
  width: 48%;
  margin-left: 0px;
  margin-right: 10px;
  text-align: center;
  padding: 0;
}
.field-content-flex .field-content-wrapper .field-input button:last-child {
  margin-right: 0px;
}
.field-content-flex .field-content-wrapper .field-input.option-2 button {
  width: 48%;
  margin-left: 0px;
  margin-right: 10px;
}
.field-content-flex .field-content-wrapper .field-input.option-2 button:last-child {
  margin-right: 0px;
}
.field-content-flex .field-content-wrapper .field-input.option-3 button {
  width: 31%;
  margin-left: 0px;
  margin-right: 10px;
}
.field-content-flex .field-content-wrapper .field-input.option-3 button:last-child {
  margin-right: 0px;
}

.field-content {
  display: flex;
  width: 75rem;
  margin: 0 auto;
  padding-top: 20px;
}
.field-content .field-content-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
  gap: 5px;
}
.field-content .field-content-wrapper:first-child {
  padding-right: 38px;
}
.field-content .field-content-wrapper .field-text {
  width: 225px;
}
.field-content .field-content-wrapper .field-text p {
  color: #252500;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.field-content .field-content-wrapper .field-text p.error {
  color: #f8333c;
  max-width: initial;
  margin-right: 0.9375rem;
  margin-top: 0.3125rem;
}
.field-content .field-content-wrapper .field-text .btn-submit {
  background-color: #006bb2;
  color: #ffffff;
  border: none;
  line-height: 1.25rem;
  letter-spacing: -0.010625rem;
  font-size: 0.875rem;
  padding: 15px 40px;
  border-radius: 5px;
  width: 90%;
  margin-top: 50px;
}
.field-content .field-content-wrapper .field-input {
  width: auto;
  position: relative;
  margin-left: auto;
  flex: 1;
}
.field-content .field-content-wrapper .field-input.w100 {
  width: 100%;
}
.field-content .field-content-wrapper .field-input .dropdown {
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  color: #3c3733;
  border-radius: 5px;
  margin-left: 10px;
  width: 520px;
  height: 56px;
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  max-height: 200px;
  overflow: auto;
}
.field-content .field-content-wrapper .field-input .dropdown .icon-holder {
  position: absolute;
  right: 23px;
}
.field-content .field-content-wrapper .field-input .dropdown li {
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 22px;
  list-style-type: none;
  font-weight: 500;
}
.field-content .field-content-wrapper .field-input .dropdown .dropdown-content {
  position: absolute;
  background-color: #ffffff;
  left: 10px;
  top: 85%;
  width: 100%;
  border: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 1;
  padding-top: 4%;
  border: 2px solid #e0e0e0;
  border-top: none;
}
.field-content .field-content-wrapper .field-input .dropdown .dropdown-content li {
  width: 98%;
  margin: 0 auto;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 0.875rem;
  color: #3c3733;
  line-height: 1.0625rem;
  letter-spacing: -0.0125rem;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
  padding-left: 18px;
}
.field-content .field-content-wrapper .field-input .dropdown .dropdown-content li:hover {
  background-color: #f5f2f0;
}
.field-content .field-content-wrapper .field-input button {
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  color: #3c3733;
  border-radius: 8px;
  width: 100%;
  height: 56px;
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding-left: 0px;
  margin-bottom: 8px;
}
.field-content .field-content-wrapper .field-input input {
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  color: #3c3733;
  border-radius: 8px;
  width: 100%;
  height: 56px;
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding-left: 10px;
  margin-bottom: 8px;
}
.field-content .field-content-wrapper .field-input textarea {
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  color: #3c3733;
  border-radius: 8px;
  width: 100%;
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding-left: 10px;
  margin: 0px 0px 8px 0px;
}
.field-content .field-content-wrapper .field-input select {
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  color: #3c3733;
  border-radius: 8px;
  margin-left: 10px;
  width: 150px;
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.field-content .field-content-wrapper .field-input input[readonly],
.field-content .field-content-wrapper .field-input input[disabled] {
  background-color: #f2f2f2;
}
.field-content .field-content-wrapper .field-input input[type=text] {
  width: 100%;
  padding-left: 10px;
  margin: 0px;
}
.field-content .field-content-wrapper .field-input textarea[type=text] {
  width: 100%;
  padding-left: 10px;
  margin: 0px;
}
.field-content .field-content-wrapper .field-input input[type=checkbox] {
  width: 32px;
  height: 32px;
  background-size: 20px;
  border-radius: 4px;
}
.field-content .field-content-wrapper .field-input input[type=checkbox]:checked {
  background-image: url("../assets/Icons/icon-check.svg");
}
.field-content .field-content-wrapper .field-input select {
  width: 520px;
  height: 56px;
  padding-left: 10px;
}
.field-content .field-content-wrapper .field-input #search {
  width: 520px;
  height: 56;
  padding-left: 10px;
}
.field-content .field-content-wrapper .field-input .active {
  background-color: #ebf7fc;
  border: 2px solid #b3d1e6;
  color: #006bb2;
}
.field-content .field-content-wrapper .field-input .icon-search {
  position: absolute;
  right: 2%;
  bottom: 25%;
}
.field-content .field-content-wrapper .field-input .error-message {
  color: #ff1e00;
  font-size: 0.625rem;
  line-height: 0.75rem;
  padding-left: 10px;
  padding-top: 4px;
  font-weight: 500;
}
.field-content .field-content-wrapper .field-input .input-button {
  width: 128px;
  margin: 0;
  padding-top: 0px;
  margin-left: 5px;
}
.field-content .field-content-wrapper .field-input .input-button .button-save {
  color: #ffffff;
  letter-spacing: -0.010625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 8px;
  background-color: #006bb2;
  padding: 15px;
  width: 100%;
}
.field-content .field-content-wrapper .datepicker {
  width: auto;
  flex: 1;
  position: relative;
  margin-left: auto;
}
.field-content .field-content-wrapper .datepicker.w100 {
  width: 100%;
}
.field-content .field-content-wrapper .datepicker input {
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  color: #3c3733;
  border-radius: 8px;
  margin-left: 0px;
  width: 100%;
  height: 56px;
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding-left: 10px;
}
.field-content .field-content-wrapper .datepicker input[readonly],
.field-content .field-content-wrapper .datepicker input[disabled] {
  background-color: #f2f2f2;
}
.field-content .field-content-wrapper .datepicker .react-datepicker-wrapper {
  width: 100%;
}
.field-content .field-content-wrapper .datepicker .react-datepicker__close-icon {
  right: 10px;
}
.field-content .text-position-top {
  align-items: flex-start;
}
.field-content .text-position-top .field-text {
  padding-top: 20px;
}
.field-content .field-content-image {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 25px;
  align-items: center;
}
.field-content .field-content-image .fiend-content-image-left {
  margin-right: 0;
  width: 225px;
}
.field-content .field-content-image .filed-content-image-title {
  padding-bottom: 20px;
}
.field-content .field-content-image .filed-content-image-title p {
  color: #252500;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.field-content .field-content-image .field-content-image-checkbox {
  align-items: center;
  display: inline-block;
}
.field-content .field-content-image .field-content-image-checkbox input {
  width: 32px;
  height: 32px;
  margin-right: 15px;
  background-color: #ffffff;
  background-size: 20px;
  position: relative;
  top: 10px;
}
.field-content .field-content-image .field-content-image-checkbox span {
  color: #252500;
  font-size: 1rem;
  line-height: 1.125rem;
}
.field-content .image-field-button {
  width: 128px;
  margin: 0;
  padding-top: 5px;
}
.field-content .image-field-button .button-save {
  color: #ffffff;
  letter-spacing: -0.010625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 8px;
  background-color: #006bb2;
  padding: 15px;
  width: 100%;
}
.field-content .image-field-button .button-delete {
  color: #e53935;
  letter-spacing: -0.010625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 8px;
  background-color: #eef2f5;
  width: 50px;
  padding: 15px;
}
.field-content .image-field-button > input {
  visibility: hidden;
}
.field-content .field-import-beid-action {
  width: 128px;
  margin-left: auto;
}
.field-content .field-import-beid-action > .button-import {
  color: #ffffff;
  border-radius: 8px;
  background-color: #006bb2;
  padding: 15px;
  width: 100%;
}
.field-content .image-field {
  width: 56px;
  height: 56px;
  border-radius: 50px;
  border: 2px solid #e0e0e0;
  background-color: #F9F9F9;
  position: relative;
  margin-right: 15px;
}
.field-content .image-field .image-icon {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  overflow: hidden;
}
.field-content .image-field .image-icon .svg-icon {
  padding-top: 13px;
}
.field-content .image-field .image-icon img {
  width: 100%;
  height: 56px;
  object-fit: cover;
}
.field-content .image-field .button-delete {
  display: inline-block;
  position: absolute;
  top: -5px;
  right: -10px;
  background-color: #E31f22;
  border-radius: 50px;
  padding: 4px;
  width: 25px;
  height: 25px;
  text-align: center;
}
.field-content .image-field .button-delete img, .field-content .image-field .button-delete svg {
  width: 13px;
}
.field-content .image-field__inputfoto {
  display: flex;
  width: auto;
  position: relative;
  margin-left: auto;
  flex: 1;
}
.field-content .ceremony-button {
  width: 83px !important;
  height: 54px !important;
}

.printing-section {
  display: flex;
  margin-top: 0px;
  margin-bottom: 40px;
  border-radius: 8px;
}
.printing-section .select-section {
  width: 60%;
  display: flex;
  align-items: center;
  padding-left: 20px;
  height: 112px;
}
.printing-section .select-section p {
  padding-left: 20px;
  color: #323232;
  font-size: 1rem;
  line-height: 1.125rem;
}
.printing-section .select-section img {
  margin-left: 20px;
  margin-right: 26px;
}
.printing-section .select-section input {
  width: 20px;
  height: 20px;
}
.printing-section .document-right-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 40%;
}
.printing-section .document-right-content.gap {
  gap: 5px;
}
.printing-section .document-right-content .blue-link-uderline {
  margin-right: 30px;
}
.printing-section .document-right-content .button-remove {
  background: transparent;
  margin-right: 10px;
  border: 2px solid #003558;
  font-weight: 700;
  color: #003558;
}
.printing-section .document-right-content .button-print {
  background-color: #006bb2;
  border: 2px solid #006bb2;
  color: #ffffff;
}
.printing-section .document-right-content p {
  cursor: pointer;
}
.printing-section .document-right-content button {
  min-width: 215px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.01063rem;
  padding: 16px;
  border-radius: 8px;
}
.printing-section .document-right-content .button-icon {
  border: 2px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.01063rem;
  border-radius: 8px;
  padding: 14px 10px;
  cursor: pointer;
}
.printing-section.navigation-sticky {
  top: 196px;
  position: sticky;
  background: white;
  z-index: 1;
}

.document:nth-child(odd) {
  background: #f1edea;
}
.document .select-section {
  padding-left: 20px;
}
.document .select-section .document-info span {
  padding-left: 5px;
  font-size: 0.875rem;
  color: #252500;
  line-height: 1.125rem;
}
.document .select-section .document-info p {
  padding-left: 5px;
  color: #252500;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 600;
}
.document .document-right-content {
  padding-right: 20px;
}
.document .document-right-content p {
  margin-right: 20px;
  color: #006bb2;
  line-height: 1.125rem;
  font-size: 0.875rem;
  border-bottom: 0.5px solid #006bb2;
  font-weight: 600;
}
.document .document-right-content input {
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  width: 45px;
  height: 45px;
  text-align: center;
}

.field-input {
  position: relative;
}
.field-input input {
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  color: #3c3733;
  border-radius: 8px;
  width: 150px;
  height: 56px;
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding-left: 10px;
}

.invoices-document {
  background: #f1edea;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  border-radius: 0px !important;
}
.invoices-document:first-child {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.invoices-document:last-child {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.invoices-document .document-right-content {
  padding-right: 0px !important;
}
.invoices-document .invoices-button-content {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
}
.invoices-document .invoices-button-content .error {
  margin-left: 0.625rem;
  color: red;
}

.contact-details .field-content {
  width: 100%;
  padding-top: 0px;
}
.contact-details .field-content .field-content-wrapper {
  padding-top: 0px;
  padding-bottom: 25px;
}
.contact-details .input-field-buttons {
  margin-left: 260px;
  margin-top: 80px;
}
.contact-details .input-field-buttons button:first-child {
  margin-right: 10px;
}
.contact-details .warning-container {
  background-color: #ffe5e6;
  display: block;
  padding-left: 90px;
}
.contact-details .warning-container .warning-text {
  color: #d53e2a;
}
.contact-details .warning-container .contact-info-name {
  padding-bottom: 15px;
}
.contact-details .missing-info {
  margin-left: 16px;
  margin-top: 40px;
}
.contact-details .button-content {
  display: flex;
  align-items: center;
}
.contact-details label .light-subtitle {
  padding-bottom: 0px !important;
}
.contact-details .margin-radio-button {
  margin-top: 40px;
  margin-left: 44px;
}
.contact-details .number-yellow {
  color: #e98b08;
}
.contact-details .contact-info-input-fields {
  display: flex;
}
.contact-details .contact-info-input-fields p {
  padding-left: 12px;
  border-bottom: 2px solid White;
  padding-bottom: 25px;
  margin-bottom: 18px;
}
.contact-details .contact-info-input-fields .field-input {
  width: auto;
}
.contact-details .contact-info-input-fields .large {
  width: 464px;
}
.contact-details .contact-info-input-fields .large [class$=menu] {
  width: 464px;
}
.contact-details .contact-info-input-fields .medium {
  width: 163px;
}
.contact-details .contact-info-input-fields .medium [class$=menu] {
  width: 163px;
}
.contact-details .contact-info-input-fields .small {
  width: 62px;
}
.contact-details .contact-info-input-fields .small [class$=menu] {
  width: 70px;
}
.contact-details .contact-info-input-fields-wrapper {
  border-bottom: 2px solid white;
}
.contact-details .contact-info-input-fields-wrapper:first-child {
  border-bottom: 0px;
}
.contact-details .contact-info-input-fields-wrapper .container-select,
.contact-details .contact-info-input-fields-wrapper input {
  margin-right: 12px;
  margin-left: 0px;
  margin-bottom: 1.25rem;
}
.contact-details .contact-info-input-fields-wrapper .total {
  margin-right: 0px;
  color: #006bb2;
}
.contact-details .contact-info-input-fields-wrapper:first-child .field-input {
  height: 3.625rem;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
}
.contact-details .contact-info-input-fields-wrapper:first-child p {
  padding-left: 0px;
}

.input-number {
  display: flex;
  width: auto;
  margin-right: 12px;
}
.input-number input[type=number] {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  margin-right: 0px;
}
.input-number .input-number-buttons {
  display: flex;
  flex-direction: column;
}
.input-number .input-number-buttons button {
  width: 28px;
  height: 28px;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  border-radius: 0px;
  background-color: #fff;
  border: 2px solid #e0e0e0;
}
.input-number .input-number-buttons button svg {
  width: 8px;
  height: auto;
}
.input-number .input-number-buttons .arrow-top {
  border-top-right-radius: 8px;
}
.input-number .input-number-buttons .arrow-top svg {
  transform: rotate(180deg);
}
.input-number .input-number-buttons .arrow-bottom {
  border-bottom-right-radius: 8px;
}

input[disabled] {
  background-color: #e0dcda !important;
}

.contact-info {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 32px;
  padding: 3.125rem 0;
  background-color: #F1EDEA;
  border-radius: 0.5rem;
}
.contact-info .input-payment {
  position: relative;
  left: 0px;
}
.contact-info .input-payment-dom {
  position: relative;
  left: 32px;
  width: 100%;
  margin-top: -16px;
}
.contact-info__form {
  grid-column: span 8;
}
.contact-info__form .field-content {
  width: 100%;
}
.contact-info__form .field-content .field-content-wrapper {
  display: grid;
  grid-template-columns: 250px 1fr;
  grid-column-gap: 3.75rem;
}
.contact-info__form .field-content .field-content-wrapper .field-text {
  width: 100%;
  padding-left: 2.75rem;
  display: flex;
  align-items: center;
}
.contact-info__form .field-content .field-content-wrapper .field-text p {
  max-width: 100%;
}
.contact-info__form .field-content .field-content-wrapper .field-input {
  width: 100%;
  margin-left: 0;
}
.contact-info__form .field-content .field-content-wrapper .field-input > input {
  margin-left: 0;
}
.contact-info__form .field-content .field-content-wrapper .field-input .container-select {
  width: 100%;
  margin-left: 0;
}
.contact-info__form .field-content .field-content-wrapper .field-input .container-select [class$=menu] {
  width: 100%;
}
.contact-info__form .field-content .field-content-wrapper .field-input > input[type=text] {
  width: 100%;
}
.contact-info__form .field-content .field-content-wrapper .field-input .PhoneInput {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 20px;
}
.contact-info__form .field-content .field-content-wrapper .field-input .PhoneInput .PhoneInputCountrySelect {
  width: 100%;
}
.contact-info__form .field-content .field-content-wrapper .field-input .PhoneInput .PhoneInputInput {
  padding: 1.25rem;
  width: 100%;
  margin: 0;
}
.contact-info .button-content {
  margin-top: 4.6875rem;
  margin-left: 19.375rem;
}
.contact-info__address {
  padding: 0 3.125rem;
  grid-column: span 12;
}
.contact-info__address p {
  margin-bottom: 0.625rem;
}
.contact-info__radio {
  grid-column: span 12;
  padding-left: 2.75rem;
}
.contact-info__radio input[type=radio] {
  position: absolute;
  left: -9999px;
}
.contact-info__radio input[type=radio]:checked + .black-subtitle,
.contact-info__radio input[type=radio]:not(:checked) + .black-subtitle {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.contact-info__radio input[type=radio]:checked + .black-subtitle:before,
.contact-info__radio input[type=radio]:not(:checked) + .black-subtitle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #006bb2;
  border-radius: 100%;
  background: #fff;
}
.contact-info__radio input[type=radio]:checked + .black-subtitle:after,
.contact-info__radio input[type=radio]:not(:checked) + .black-subtitle:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #006bb2;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.contact-info__radio input[type=radio]:not(:checked) + .black-subtitle:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.contact-info__radio input[type=radio]:checked + .black-subtitle:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.contact-info__radio p {
  margin-bottom: 0.625rem;
}
.contact-info__table {
  grid-column: span 12;
  padding: 0 2.75rem;
}
.contact-info__table .contact-info-input-fields-wrapper:first-child p {
  width: 0;
}
.contact-info__table .contact-info-input-fields-wrapper:first-child .field-input.check-box-left-position {
  margin-right: 0;
}
.contact-info__footer {
  margin-top: 2.5rem;
  margin-bottom: 6.25rem;
}
.contact-info .saga {
  padding: 0px 2.75rem;
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 5px;
}
.contact-info .saga .response {
  flex: 1 1 0%;
  min-height: 150px;
  border: 1px solid #979797;
  border-radius: 8px;
  padding: 10px;
  background: white;
  color: red;
}

.PhoneInput .PhoneInputCountry {
  display: none;
}

@media (max-width: 991.98px) {
  .edit-book-container {
    padding-bottom: unset;
  }
  .edit-book-container .reservation-wrapper {
    padding: 10px;
  }
  .edit-book-container .tabs-content {
    width: auto;
  }
  .edit-book-container .tabs-content .agenda-calendar-content {
    flex-wrap: wrap;
    gap: 5px;
  }
  .edit-book-container .tabs-content .agenda-calendar-content .agenda-calendar-tabs {
    border-radius: 8px;
    width: auto;
    height: 36px;
  }
  .edit-book-container .tabs-content .agenda-calendar-content .agenda-calendar-tabs span {
    max-width: unset;
    margin-left: unset;
  }
  .edit-book-container .reservation-content {
    width: auto;
    flex-wrap: wrap;
    gap: 15px;
  }
  .edit-book-container .reservation-content .date-time-picker {
    flex-direction: row;
    gap: 10px;
  }
  .edit-book-container .reservation-content .date-time-picker button {
    height: 36px;
  }
  .edit-book-container .reservation-content .reservation-info {
    flex-wrap: wrap;
  }
  .edit-book-container .main-container-edit-page .content-top {
    width: auto;
  }
  .edit-book-container .main-container-edit-page .content-top .navigation-menu {
    flex-wrap: wrap;
    gap: 10px;
  }
  .edit-book-container .main-container-edit-page .field-content {
    width: auto;
    margin: 10px;
  }
  .edit-book-container .main-container-edit-page .field-content .field-content-flex {
    flex-direction: column;
  }
  .edit-book-container .main-container-edit-page .field-content .field-content-wrapper:first-child {
    padding-right: unset;
  }
}
.booking-wizard {
  width: 592px;
  margin: 0 auto;
  background-color: white;
  border-radius: 8px;
  position: relative;
  z-index: 100;
  box-shadow: -1px 0px 38px -3px rgba(0, 0, 0, 0.56);
}
.booking-wizard .booking-wizard-content {
  width: 80%;
  margin: 0 auto;
}
.booking-wizard .close-button {
  margin-left: auto;
  box-shadow: -1px 0px 38px -3px rgba(0, 0, 0, 0.56);
  cursor: pointer;
}
.booking-wizard .booking-wizard-header {
  background-color: #003558;
  padding-top: 25px;
  padding-bottom: 25px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.booking-wizard .booking-wizard-header .booking-wizard-header-content {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.booking-wizard .booking-wizard-header .booking-wizard-header-title {
  display: flex;
  width: 80%;
}
.booking-wizard .booking-wizard-header .booking-wizard-header-title p {
  margin-left: 12px;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3125rem;
  letter-spacing: -0.005rem;
}
.booking-wizard .booking-wizard-type-service {
  width: 90%;
  margin: 0 auto;
  border-radius: 8px;
}
.booking-wizard .booking-wizard-type-service .close-button {
  width: 20%;
  display: flex;
  justify-content: flex-end;
}
.booking-wizard .booking-wizard-type-service .booking-wizard-type-service-title {
  margin-bottom: 20px;
  margin-top: 40px;
}
.booking-wizard .booking-wizard-type-service .booking-wizard-type-service-title p {
  color: #006BB2;
  line-height: 1.3125rem;
  letter-spacing: -0.00375rem;
  font-weight: 700;
}
.booking-wizard .booking-wizard-type-service .booking-wizard-type-service-list-search {
  overflow-x: auto;
  max-height: 85px;
  padding-right: 5px;
}
.booking-wizard .booking-wizard-type-service .service-description {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  margin-bottom: 8px;
  cursor: pointer;
}
.booking-wizard .booking-wizard-type-service .service-description p {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #252500;
  margin-left: 14px;
  width: 85%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.booking-wizard .booking-wizard-type-service .active {
  position: relative;
  background-color: #F1EDEA;
}
.booking-wizard .booking-wizard-type-service .active p {
  color: #006BB2 !important;
}
.booking-wizard .booking-wizard-type-service .active svg {
  position: absolute;
  right: 22px;
  top: 14px;
}
.booking-wizard .booking-wizard-search-field {
  padding-top: 40px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.booking-wizard .booking-wizard-search-field .icon-search {
  position: absolute;
  right: 4%;
  bottom: 15%;
}
.booking-wizard .booking-wizard-search-field input {
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 22px;
  width: 100%;
  height: 50px;
}
.booking-wizard .booking-wizard-button {
  width: 90%;
  margin: 0 auto;
  margin-top: 40px;
  padding-bottom: 40px;
}
.booking-wizard .booking-wizard-button button {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.010625rem;
  font-weight: 700;
  padding: 16px;
  width: 44%;
}

@media (max-width: 767.98px) {
  .booking-wizard {
    width: 100vw;
    height: 100vh;
    overflow-x: auto;
  }
  .booking-wizard .popup-loading {
    width: auto;
  }
  .booking-wizard .booking-wizard-button {
    display: flex;
    flex-direction: column;
  }
  .booking-wizard .booking-wizard-button button {
    width: auto;
  }
}
.agenda-calendar-right > .active {
  align-items: flex-start;
}

.date-picker-large {
  width: 380px;
  margin: 0 auto;
  position: absolute;
  margin-top: -1em;
  z-index: 8;
  right: 0;
  padding: 0px 20px 1px;
}
.date-picker-large.active {
  border-radius: 10px;
  box-shadow: -1px 0px 38px -3px rgba(0, 0, 0, 0.56);
  background-color: white;
}
.date-picker-large.active .widget-content-date-picker {
  justify-content: center;
  margin-right: 0px;
}
.date-picker-large.active .text-bold {
  padding-left: 0px !important;
}
.date-picker-large.my-planning {
  margin-top: 0px;
  position: absolute;
  right: 16px;
  background: white;
}
.date-picker-large.my-planning .date-picker-large-dates {
  padding-top: 15px;
}
.date-picker-large.my-planning .date-picker-large-dates .date-presentation {
  display: flex;
  justify-content: flex-end;
}
.date-picker-large.my-planning .date-picker-large-dates .date-presentation .date-presentation-content {
  width: 32px;
  margin-right: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.date-picker-large.my-planning .date-picker-large-dates .date-presentation .date-presentation-content li {
  list-style-type: none;
  margin-bottom: 4px;
  list-style-type: none;
  display: flex;
  width: 32px;
  height: 32px;
  border: 1px solid #EFEFEF;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #7A736E;
  font-size: 0.625rem;
  line-height: 0.875rem;
  cursor: pointer;
  font-family: "Avenir-Next-Bold", "sans-serif";
}
.date-picker-large.my-planning .date-picker-large-dates .date-presentation .date-presentation-content .days-presentation {
  border: none;
  color: #006BB2;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Inter", sans-serif;
}
.date-picker-large .date-picker-large-wrapper {
  margin: 0 auto;
}
.date-picker-large .date-picker-large-dropdowns {
  display: flex;
}
.date-picker-large .date-picker-large-dropdowns .date-picker-dropdown-content {
  margin: 0 auto;
}
.date-picker-large .date-picker-large-dropdowns .dropdown {
  background-color: #FFFFFF;
  border: 2px solid #E0E0E0;
  color: #3C3733;
  border-radius: 5px;
  width: 168px;
  height: 56px;
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  position: relative;
}
.date-picker-large .date-picker-large-dropdowns .dropdown .icon-holder {
  position: absolute;
  right: 23px;
}
.date-picker-large .date-picker-large-dropdowns .dropdown li {
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 22px;
  list-style-type: none;
}
.date-picker-large .date-picker-large-dropdowns .dropdown .dropdown-content {
  position: absolute;
  background-color: #FFFFFF;
  left: -2px;
  top: 85%;
  width: 168px;
  border: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 2;
  padding-top: 4%;
  border: 2px solid #E0E0E0;
  border-top: none;
  height: 300px;
  overflow: auto;
}
.date-picker-large .date-picker-large-dropdowns .dropdown .dropdown-content li {
  width: 90%;
  margin: 0 auto;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 0.875rem;
  color: #3C3733;
  line-height: 1.0625rem;
  letter-spacing: -0.0125rem;
  padding: 10px;
  cursor: pointer;
  padding-left: 14px;
}
.date-picker-large .date-picker-large-dropdowns .dropdown .dropdown-content li:hover {
  background-color: #AFA69F;
}
.date-picker-large .widget-content-date-picker {
  width: 100%;
  justify-content: center;
}
.date-picker-large .widget-content-date-picker img {
  margin: 0 8px;
}
.date-picker-large .date-picker-large-dates {
  padding-top: 15px;
}
.date-picker-large .date-picker-large-dates .date-presentation {
  display: flex;
}
.date-picker-large .date-picker-large-dates .date-presentation .date-presentation-content {
  width: 32px;
  margin-right: 23px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.date-picker-large .date-picker-large-dates .date-presentation .date-presentation-content li {
  list-style-type: none;
  margin-bottom: 16px;
  list-style-type: none;
  margin-bottom: 16px;
  display: flex;
  width: 32px;
  height: 32px;
  border: 1px solid #EFEFEF;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #7A736E;
  font-size: 0.625rem;
  line-height: 0.875rem;
  cursor: pointer;
  font-family: "Avenir-Next-Bold", "sans-serif";
}
.date-picker-large .date-picker-large-dates .date-presentation .date-presentation-content .days-presentation {
  border: none;
  color: #006BB2;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Inter", sans-serif;
}
.date-picker-large .date-picker-large-button {
  width: 360px;
  height: 56px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.date-picker-large .date-picker-large-button button {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.010625rem;
  font-weight: 700;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.date-picker-large .single-date:hover {
  position: relative;
  color: white;
  color: #FFFFFF !important;
  font-size: 1rem;
  line-height: 1.1875rem;
  z-index: 100000;
}
.date-picker-large .single-date:hover::before {
  content: "";
  position: absolute;
  width: 42px !important;
  height: 42px !important;
  background-color: #656565;
  border-radius: 50%;
  z-index: -1;
}
.date-picker-large .single-date.today {
  position: relative;
  font-size: 1rem;
  line-height: 1.1875rem;
  z-index: 1;
}
.date-picker-large .single-date.today::before {
  content: "";
  position: absolute;
  width: 1.875rem !important;
  height: 1.875rem !important;
  border: 3px solid #006BB2;
  border-radius: 50%;
  z-index: -1;
}
.date-picker-large .single-date.active {
  position: relative;
  color: white;
  color: #FFFFFF !important;
  font-size: 1rem;
  line-height: 1.1875rem;
  z-index: 1;
}
.date-picker-large .single-date.active::before {
  content: "";
  position: absolute;
  width: 42px !important;
  height: 42px !important;
  background-color: #656565;
  border-radius: 50%;
  z-index: -1;
}

.date-picker-large .date-picker-content-center {
  margin: auto;
}

.left-menu-context {
  top: 10px;
  z-index: 10;
  background-color: white;
}

.widget-wrapper-left .date-picker-large {
  margin-left: 30px;
  width: 92%;
  position: relative;
}
.widget-wrapper-left .widget-days {
  width: 84%;
}

.agenda-calendar-right .active {
  width: 410px;
}
.agenda-calendar-right .active .date-picker-dropdown-content {
  margin-left: 0px !important;
}
.agenda-calendar-right .active .date-picker-large {
  margin-right: unset;
  width: 90%;
  margin: 0 auto;
}
.agenda-calendar-right .active .widget-content-date-picker {
  padding-right: 20px;
}
.agenda-calendar-right .active .dropdown {
  background-color: #f0f0f0 !important;
}
.agenda-calendar-right .active .button-full {
  background-color: #003558;
}

.current-month {
  background-color: #f5f2f0;
  color: #7A736E;
}

.document-upload-overlay {
  z-index: 998;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.document-upload {
  border-radius: 10px;
  width: 408px;
  min-height: 583px;
  padding-bottom: 10px;
  margin: 0 auto;
  box-shadow: -1px 0px 38px -3px rgba(0, 0, 0, 0.56);
  border-radius: 8px;
  position: fixed;
  background-color: #FFFFFF;
  z-index: 999;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.document-upload .document-upload-content {
  width: 85%;
  margin: 0 auto;
}
.document-upload .document-upload-content p {
  color: #252500;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 700;
  margin-bottom: 14px;
}
.document-upload .document-upload-content .document-upload-title {
  padding-top: 35px;
}
.document-upload .document-upload-content .document-upload-title p {
  color: #006BB2;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}
.document-upload .document-upload-content .document-upload-dropdown {
  position: relative;
}
.document-upload .document-upload-content .document-upload-dropdown .icon-holder {
  position: absolute;
  right: 40px;
  z-index: 1;
  top: 15px;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select {
  width: 344px;
  height: 56px;
  margin-left: 10px;
  border: 2px solid #E0E0E0 !important;
  border-radius: 8px;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select:active {
  border-color: none;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select.dark [class$=control] {
  border-color: black;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=control] {
  display: flex;
  justify-content: space-between;
  padding: 0 35px 0 15px;
  padding-right: 0;
  cursor: pointer;
  height: 100%;
  margin-left: 10px;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=control] > div:first-of-type {
  padding: 2px 0;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=placeholder] {
  color: black;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=ValueContainer] {
  height: 100%;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=ValueContainer] [class$=singleValue] {
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=Input] {
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=IndicatorsContainer] {
  color: black;
  margin-right: 23px;
  outline: none !important;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=IndicatorsContainer] [class$=indicatorContainer] {
  position: relative;
  background-color: white;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=IndicatorsContainer] [class$=indicatorSeparator] {
  height: 10px;
  width: 16px;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  right: 10px;
  z-index: 1;
  background-color: transparent;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=menu] {
  margin-left: -2px;
  margin-top: -10px;
  width: 344px;
  z-index: 10;
  border: 2px solid #E0E0E0;
  border-top: none;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select .custom-menu-list {
  padding-bottom: 70px;
  display: table;
  width: 100%;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=multiValue] {
  background-color: transparent;
  margin: 0;
  position: relative;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=multiValue] > div:first-of-type {
  padding: 0;
  padding-right: 3px;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=option] {
  background-color: white;
  color: #3C3733;
  position: relative;
  padding: 15px 15px;
  border-radius: 3px;
  width: 98%;
  margin: 0 auto;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=option]:after {
  width: calc(100% - 30px);
  content: "";
  left: 10px;
  bottom: 0;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=option]:last-child {
  margin-bottom: 10px;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=option]:first-child {
  margin-top: 20px;
}
.document-upload .document-upload-content .document-upload-dropdown .container-select [class$=option]:hover {
  cursor: pointer;
  background-color: #f5f2f0;
}
.document-upload .document-upload-content .document-upload-dropdown .dropdown {
  background-color: #FFFFFF;
  border: 2px solid #E0E0E0;
  color: #3C3733;
  border-radius: 5px;
  width: 344px;
  height: 56px;
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  position: relative;
}
.document-upload .document-upload-content .document-upload-dropdown .dropdown li {
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 22px;
  list-style-type: none;
}
.document-upload .document-upload-content .document-upload-dropdown .dropdown .dropdown-content {
  position: absolute;
  background-color: #FFFFFF;
  left: -2px;
  top: 85%;
  width: 344px;
  border: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 1;
  padding-top: 4%;
  border: 2px solid #E0E0E0;
  border-top: none;
}
.document-upload .document-upload-content .document-upload-dropdown .dropdown .dropdown-content li {
  width: 90%;
  margin: 0 auto;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 0.875rem;
  color: #3C3733;
  line-height: 1.0625rem;
  letter-spacing: -0.0125rem;
  padding: 10px;
  cursor: pointer;
}
.document-upload .document-upload-content .document-upload-dropdown .dropdown .dropdown-content li:hover {
  background-color: #AFA69F;
}
.document-upload .document-upload-content .document-upload-description {
  margin-top: 25px;
}
.document-upload .document-upload-content .document-upload-description textarea {
  width: 344px;
  height: 136px;
  padding: 13px 23px;
  color: #252500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.00625rem;
  border-radius: 8px;
  border: 2px solid #E0E0E0;
  margin-left: 10px;
}
.document-upload .document-upload-content .document-upload-category {
  margin-top: 25px;
}
.document-upload .document-upload-content .document-upload-details {
  margin-top: 23px;
}
.document-upload .document-upload-content .document-upload-details .document-upload-details-file-name {
  margin-top: 15px;
  margin-bottom: 20%;
}
.document-upload .document-upload-content .document-upload-details .document-upload-details-file-name p {
  color: #006BB2;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.document-upload .document-upload-content .document-upload-details .document-upload-details-file-name span {
  margin-top: 5px;
  color: #252500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  word-wrap: break-word;
}
.document-upload .document-upload-content .document-upload-button {
  padding-top: 20px;
  padding-bottom: 20px;
}
.document-upload .document-upload-content .document-upload-button button {
  background-color: #003558;
  width: 344px;
  height: 56px;
}

.invoices {
  padding-bottom: 100px;
}
.invoices .invoices-sub-header {
  background-color: #C4BEB9;
  padding-top: 80px;
  padding-bottom: 40px;
}
.invoices .invoices-sub-header .invoices-sub-header-content {
  width: 80%;
  margin: 0 auto;
}
.invoices .invoices-sub-header .invoices-sub-header-content h2 {
  color: #141414;
  font-size: 2rem;
  line-height: 1.3125rem;
}
.invoices .invoices-search-title {
  padding-top: 60px;
  padding-bottom: 60px;
}
.invoices .invoices-search-title h3 {
  color: #006BB2;
  font-size: 1rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}
.invoices .invoices-search {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 70px;
  border-bottom: 1px solid #979797;
}
.invoices .invoices-search .invoices-search-content {
  display: flex;
  align-items: center;
  padding-top: 40px;
}
.invoices .invoices-search .invoices-search-content .invoices-text {
  width: 30%;
}
.invoices .invoices-search .invoices-search-content .invoices-text span {
  color: #252500;
  line-height: 1.125rem;
  font-size: 1rem;
}
.invoices .invoices-search .invoices-search-content .invoices-field {
  width: 70%;
}
.invoices .invoices-search .invoices-search-content .invoices-field .dropdown {
  background-color: #FFFFFF;
  border: 2px solid #E0E0E0;
  color: #3C3733;
  border-radius: 5px;
  width: 520px;
  height: 56px;
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  position: relative;
}
.invoices .invoices-search .invoices-search-content .invoices-field .dropdown .icon-holder {
  position: absolute;
  right: 23px;
}
.invoices .invoices-search .invoices-search-content .invoices-field .dropdown li {
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 22px;
  list-style-type: none;
}
.invoices .invoices-search .invoices-search-content .invoices-field .dropdown .dropdown-content {
  position: absolute;
  background-color: #FFFFFF;
  left: -2px;
  top: 85%;
  width: 520px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 1;
  padding-top: 4%;
  border: 2px solid #E0E0E0;
  border-top: none;
}
.invoices .invoices-search .invoices-search-content .invoices-field .dropdown .dropdown-content li {
  width: 90%;
  margin: 0 auto;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 0.875rem;
  color: #3C3733;
  line-height: 1.0625rem;
  letter-spacing: -0.0125rem;
  padding: 10px;
  cursor: pointer;
}
.invoices .invoices-search .invoices-search-content .invoices-field .dropdown .dropdown-content li:hover {
  background-color: #AFA69F;
}
.invoices .invoices-search .invoices-search-content .invoices-field select, .invoices .invoices-search .invoices-search-content .invoices-field input {
  width: 520px;
  padding: 16px;
  background-color: #FFFFFF;
  border: 2px solid #E0E0E0;
  font-size: 0.875rem;
  line-height: 1.125rem;
  border-radius: 8px;
}
.invoices .invoices-search .invoices-search-content .invoices-field button {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.010625rem;
  width: 204px;
  height: 56px;
  padding: 16px;
  border-radius: 8px;
  margin-right: 15px;
}
.invoices .invoices-search .invoices-search-content .invoices-field .button-right {
  background: transparent;
  margin-right: 10px;
  border: 2px solid #003558;
}
.invoices .invoices-search .invoices-search-content .invoices-field .button-left {
  background-color: #006BB2;
  border: 2px solid #006BB2;
  color: #FFFFFF;
}
.invoices .invoices-available-documents {
  width: 80%;
  margin: 0 auto;
}
.invoices .invoices-select-wrapper {
  width: 80%;
  margin: 0 auto;
}
.invoices .invoices-select-wrapper .invoices-select-section {
  display: flex;
  align-items: center;
  padding-bottom: 50px;
}
.invoices .invoices-select-wrapper .invoices-select-section .left-content {
  width: 50%;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.invoices .invoices-select-wrapper .invoices-select-section .right-content {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}
.invoices .invoices-select-wrapper .invoices-select-section .right-content button {
  background: transparent;
  margin-right: 10px;
  border: 2px solid #003558;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.01063rem;
  width: 215px;
  padding: 16px;
  border-radius: 8px;
}
.invoices .invoices-select-wrapper input[type=checkbox] {
  width: 24px;
  height: 24px;
  margin-right: 20px;
}
.invoices .invoices-select-wrapper .invoices-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.invoices .invoices-select-wrapper .invoices-list span {
  margin-right: 15px;
  color: #252500;
  font-size: 1rem;
  line-height: 1.125rem;
}
.invoices .invoices-select-wrapper .invoices-list .number {
  color: #006BB2;
}
.invoices .invoices-select-wrapper .invoices-list input {
  margin-right: 15px;
}
.invoices .invoices-select-wrapper .invoices-list .invoices-left-content {
  display: flex;
  align-items: center;
}
.invoices .documents:nth-child(even) {
  background: #DCDCDC;
}

.confirmation {
  width: 600px;
  height: 304px;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 0 0 50vmax rgba(0, 0, 0, 0.53);
  border-radius: 8px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  left: 50%;
  z-index: 99999;
  top: 50%;
  transform: translate(-50%, -50%);
}
.confirmation .confirmation-title {
  margin-top: 46px;
}
.confirmation .confirmation-title h2 {
  color: #006BB2;
  line-height: 1.25rem;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
}
.confirmation .confirmation-text {
  padding-top: 48px;
}
.confirmation .confirmation-text p {
  color: #252500;
  line-height: 1.125rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.confirmation .confirmation-buttons {
  padding-top: 70px;
}
.confirmation .confirmation-buttons button {
  width: 160px;
  height: 56px;
  margin-right: 5px;
}
.confirmation .confirmation-buttons .button-border {
  border-color: #006BB2;
  color: #006BB2;
  font-weight: 700;
}
.confirmation .confirmation-buttons .button-full {
  font-weight: 700;
}

.system-message .confirmation-title h2 {
  color: #FB503A;
}
.system-message .confirmation-buttons .button-border {
  border-color: #FB503A;
  color: #FB503A;
}
.system-message .confirmation-buttons .button-full {
  background-color: #FB503A;
  border-color: #FB503A;
}

.confirmation-modal {
  position: fixed;
  z-index: 8000000000;
  width: 100%;
  height: 304px;
  background-color: transparent;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
}
.confirmation-modal .confirmation-title {
  margin-top: 46px;
}
.confirmation-modal .confirmation-title h2 {
  color: #006BB2;
  line-height: 1.25rem;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
}
.confirmation-modal .confirmation-text {
  padding-top: 1rem;
}
.confirmation-modal .confirmation-text p {
  color: #252500;
  line-height: 1.125rem;
  font-size: 0.875rem;
}
.confirmation-modal .confirmation-text textarea {
  width: 350px;
  height: 136px;
  padding: 13px 23px;
  color: #252500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.00625rem;
  border-radius: 8px;
  border: 2px solid #E0E0E0;
  margin-left: 10px;
  margin-top: 16px;
}
.confirmation-modal .confirmation-buttons {
  padding-top: 70px;
  margin-bottom: 46px;
}
.confirmation-modal .confirmation-buttons button {
  width: 160px;
  height: 56px;
  margin-right: 5px;
}
.confirmation-modal .confirmation-content {
  position: fixed;
  border-radius: 8px;
  border: 1px solid #888;
  width: 600px;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 10 auto;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 2px 3px #d3d3d3;
  /* The Close Button */
}
.confirmation-modal .confirmation-content .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.confirmation-modal .confirmation-content .close:hover,
.confirmation-modal .confirmation-content .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.follow-up {
  background-color: #e1dddb;
  min-height: 1200px;
}
.follow-up .filter-input {
  margin-left: auto;
  width: 345px;
  height: 56px;
  position: relative;
}
.follow-up .filter-input .icon-yellow {
  position: absolute;
  right: 22px;
  top: 18px;
}
@media screen and (min-height: 1200px) {
  .follow-up {
    min-height: 100vh;
  }
}
.follow-up .follow-up-content {
  width: 80%;
  margin: 0 auto;
  padding-top: 40px;
  width: 1217px;
  padding-bottom: 170px;
}
.follow-up .follow-up-content .follow-up-title {
  padding-bottom: 20px;
  display: flex;
  align-items: center;
}
.follow-up .follow-up-content .follow-up-title span {
  text-transform: uppercase;
  color: #141414;
  line-height: 1.3125rem;
  font-size: 1.25rem;
  font-weight: 800;
  padding-left: 16px;
}
.follow-up .time {
  font-family: "Gotham-Medium", "sans-serif";
  font-size: 16px;
  letter-spacing: 0.06px;
  line-height: 21px;
}
.follow-up .green {
  color: #2eba0d;
}
.follow-up .yellow {
  color: #e98b08;
}
.follow-up .light {
  font-weight: 300 !important;
}
.follow-up .follow-up-tabs {
  display: flex;
  padding-bottom: 50px;
  align-items: center;
}
.follow-up .follow-up-tabs .tabs-content {
  width: 16%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  height: 48px;
  margin-right: 15px;
  background-color: #c4beb9;
}
.follow-up .follow-up-tabs .tabs-content span {
  color: #383433;
  line-height: 1.125rem;
  font-size: 1rem;
  font-weight: 600;
}
.follow-up .follow-up-tabs .tabs-content .follow-up-text-bold {
  font-weight: 700;
  margin-left: 4px;
}
.follow-up .follow-up-tabs .activeTab {
  background-color: #383433;
}
.follow-up .follow-up-tabs .activeTab span {
  color: #ffffff;
}
.follow-up .follow-up-tabs .content-third {
  width: 30%;
  margin-right: 20px;
  position: relative;
}
.follow-up .follow-up-tabs .content-third:last-child {
  margin-right: 0px;
}
.follow-up .follow-up-tabs .content-third .date-picker-large {
  margin-top: -35px;
}
.follow-up .follow-up-tabs .content-third .active {
  width: 410px;
  left: 0px;
}
.follow-up .follow-up-tabs .content-third .active .date-picker-dropdown-content {
  margin-left: 0px !important;
}
.follow-up .follow-up-tabs .content-third .active .date-picker-large {
  margin-right: unset;
  width: 90%;
  margin: 0 auto;
}
.follow-up .follow-up-tabs .content-third .active .widget-content-date-picker {
  padding-right: 20px;
}
.follow-up .follow-up-tabs .content-third .active .dropdown {
  background-color: #f0f0f0 !important;
}
.follow-up .follow-up-tabs .content-third .active .button-full {
  background-color: #003558;
}
.follow-up .follow-up-tabs .content-third .active .button-full:hover {
  background-color: #0f76b3;
}
.follow-up .follow-up-tabs .content-third .active .button-full-secondary {
  background-color: #a3d5e9;
}
.follow-up .follow-up-tabs .content-third .widget-content-date-picker img:hover {
  background-color: #084062;
  transition: all 100ms;
}
.follow-up .follow-up-tabs .content-half {
  width: 40%;
  margin-right: 20px;
}
.follow-up .follow-up-tabs .container-select {
  width: 100%;
  border-radius: 8px;
}
.follow-up .follow-up-tabs .container-select [class$=placeholder] {
  margin-top: 1px;
  font-size: 16px;
  color: #3c3733;
  width: 100%;
}
.follow-up .follow-up-tabs .container-select [class$=menu] {
  border: none;
  margin-left: 0px;
  width: 100%;
}
.follow-up .follow-up-tabs .container-select [class$=option] {
  padding: 0 20px;
}
.follow-up .follow-up-tabs .container-select [class$=control] {
  border-radius: 8px;
}
.follow-up .follow-up-tabs .container-select .icon-yellow {
  margin-top: 8px !important;
}
.follow-up .follow-up-operations {
  position: relative;
  margin-bottom: 32px;
}
.follow-up .follow-up-operations .input-small {
  width: 160px;
}
.follow-up .follow-up-operations .input-cube {
  width: 56px;
  height: 56px;
  padding: 16px;
}
.follow-up .follow-up-operations .icon-holder {
  position: absolute;
  right: 25px;
  z-index: 1;
  top: 25px;
}
.follow-up .follow-up-operations .dropdown {
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  color: #3c3733;
  border-radius: 8px;
  width: 280px;
  height: 72px;
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  position: relative;
}
.follow-up .follow-up-operations .dropdown li {
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 22px;
  list-style-type: none;
}
.follow-up .follow-up-operations .dropdown .dropdown-content {
  position: absolute;
  background-color: #ffffff;
  left: -2px;
  top: 85%;
  width: 280px;
  border: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 1;
  padding-top: 4%;
  border: 2px solid #e0e0e0;
  border-top: none;
}
.follow-up .follow-up-operations .dropdown .dropdown-content li {
  width: 90%;
  margin: 0 auto;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 0.875rem;
  color: #3c3733;
  line-height: 1.0625rem;
  letter-spacing: -0.0125rem;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
}
.follow-up .follow-up-operations .dropdown .dropdown-content li:hover {
  background-color: #f5f2f0;
}
.follow-up .follow-up-operations .dropdown li {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #3c3733;
}
.follow-up .follow-up-operations .follow-up-operations-header {
  background-color: #003558;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-left-content {
  display: flex;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-left-content span {
  margin-right: 20px;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-left-content .dot-green {
  height: 20px;
  width: 20px;
  background-color: #2eba0d;
  border-radius: 50%;
  display: inline-block;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-left-content .dot-yellow {
  height: 20px;
  width: 20px;
  background-color: #e98b08;
  border-radius: 50%;
  display: inline-block;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-left-content .number {
  color: #9ee1fc;
  letter-spacing: 0.00375rem;
  font-size: 1rem;
  line-height: 1.3125rem;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-left-content .name {
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.25rem;
  letter-spacing: -0.0125rem;
  font-weight: 600;
  cursor: pointer;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-center-content {
  display: flex;
  align-items: center;
  margin-left: 30px;
  margin-right: 0.625rem;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-center-content span {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0.003125rem;
  padding-left: 11px;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-right-content {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-right-content .right-content-alert {
  padding: 14px;
  border: 1px solid #0e4c75;
  border-radius: 8px;
  width: 220px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-left: auto;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-right-content .right-content-alert span {
  color: #ffffff;
  letter-spacing: -0.010625rem;
  font-size: 0.875rem;
  padding-left: 14px;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-right-content .right-content-more {
  border: 1px solid #ffffff;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 36px;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-right-content .right-content-more span {
  height: 5px;
  width: 5px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-right-content .right-content-more span:last-child {
  margin-right: 0px;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-right-content .right-content-burger {
  display: flex;
  align-items: center;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-right-content .info-back-the-urn {
  border: 1px solid #0e4c75;
  border-radius: 8px;
  padding: 6px;
}
.follow-up .follow-up-operations .follow-up-operations-header .operations-header-right-content .info-back-the-urn .title {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.follow-up .follow-up-operations .follow-up-operations-message {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 88px;
  width: 100%;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms 100ms;
}
.follow-up .follow-up-operations .follow-up-operations-message::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.95;
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
}
.follow-up .follow-up-operations .follow-up-operations-message p {
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  color: #f8333c;
  font-weight: 500;
  line-height: 32px;
}
.follow-up .follow-up-operations .button-border {
  width: 210px;
  height: 56px;
  display: inline-block;
  margin-left: auto;
}
.follow-up .follow-up-operations.operation-stopped .follow-up-operations-header {
  background-color: #e31f22 !important;
}
.follow-up .follow-up-operations.operation-stopped .follow-up-operations-message {
  z-index: 2;
}
.follow-up .follow-up-operations.operation-stopped .right-content-alert {
  border-color: #ffffff !important;
}
.follow-up .follow-up-inputs {
  background-color: white;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.follow-up .follow-up-inputs .follow-up-input-content {
  display: flex;
  align-items: center;
  padding-top: 19px;
  padding-bottom: 31px;
  padding-left: 30px;
  padding-right: 30px;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left {
  display: flex;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left .content-input {
  position: relative;
  display: flex;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left .content-input .content-input-hour {
  display: flex;
  align-items: center;
  gap: 8px;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left .content-input .content-input-hour input.search-input-field {
  width: 52px;
  height: 44px;
  padding: 0 !important;
  text-align: center;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left .content-input .service-status {
  z-index: 0;
  position: relative;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left .content-input .service-status .container-select {
  margin-right: 12px;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left .content-input .service-status .container-select.error > div {
  border: 1px solid red;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left .content-input.frigo-checkbox {
  align-items: center;
  gap: 5px;
  margin-right: 2px;
  margin-left: 2px;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left .content-input span {
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: -0.009375rem;
  color: #006BB2;
  padding-left: 7px;
  padding-right: 7px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left .content-input input {
  width: 56px;
  height: 56px;
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 24px;
  border-radius: 8px;
  border: 2px solid #e0e0e0;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left .title p {
  color: #252500;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding-bottom: 11px;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-left .service-status-title {
  font-size: 0.625rem;
  line-height: 0.9375rem;
  font-weight: 700;
  color: #006BB2;
  padding-bottom: 4px;
  text-transform: uppercase;
  position: absolute;
  z-index: 1000;
  left: 25px;
  top: 10px;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-center {
  display: flex;
  align-items: center;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-center .title p {
  color: #252500;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding-bottom: 11px;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-center .follow-up-dropdown {
  position: relative;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-center .follow-up-dropdown .service-status-title {
  color: #006bb2;
  font-size: 0.625rem;
  line-height: 1.25rem;
  letter-spacing: -0.009375rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  z-index: 1;
  left: 47px;
  top: 14px;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-right {
  height: auto;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.follow-up .follow-up-inputs .follow-up-input-content .follow-up-input-content-right button {
  width: 210px;
  height: 3.5rem;
  letter-spacing: -0.01375rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  margin-left: 10px;
}
.follow-up .follow-up-inputs .operations-header-right-content {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  padding-right: 1.875rem;
}
.follow-up .follow-up-inputs .operations-header-right-content .right-content-alert {
  padding: 14px;
  border: 1px solid #0e4c75;
  border-radius: 8px;
  width: 220px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-left: auto;
}
.follow-up .follow-up-inputs .operations-header-right-content .right-content-alert svg {
  transform: none;
}
.follow-up .follow-up-inputs .operations-header-right-content .right-content-alert span {
  color: #0e4c75;
  letter-spacing: -0.010625rem;
  font-size: 0.875rem;
  padding-left: 14px;
}
.follow-up .follow-up-content-bottom {
  display: flex;
  padding-bottom: 35px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.follow-up .follow-up-content-bottom .comment-section {
  padding-left: 30px;
  padding-right: 20px;
}
.follow-up .follow-up-content-bottom a {
  color: #006BB2;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: -0.00625rem;
  line-height: 1.125rem;
  padding-left: 2px;
}
.follow-up .follow-up-content-bottom svg {
  transform: rotate(-180deg);
}
.follow-up .small-input {
  margin-right: 18px;
}
.follow-up .button-position-right {
  display: flex;
  justify-content: flex-end;
  margin-left: 30px;
  margin-right: 30px;
}
.follow-up .button-position-right button {
  margin-right: 0px;
}
.follow-up .container-select {
  width: 320px;
  height: 56px;
  border: 2px solid #e0e0e0 !important;
  border-radius: 8px;
  margin-left: 0px !important;
}
.follow-up .container-select:focus {
  border-color: transparent;
  border: 100px solid black !important;
}
.follow-up .container-select:active {
  border-color: none;
}
.follow-up .container-select.dark [class$=control] {
  border-color: black;
}
.follow-up .container-select [class$=control] {
  padding: 0 35px 0 20px;
  padding-right: 0;
  cursor: pointer;
  height: 100%;
}
.follow-up .container-select [class$=control] > div:first-of-type {
  padding: 2px 0;
}
.follow-up .container-select [class$=placeholder] {
  color: black;
}
.follow-up .container-select [class$=ValueContainer] {
  height: 100%;
}
.follow-up .container-select [class$=ValueContainer] [class$=singleValue] {
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.follow-up .container-select [class$=Input] {
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.follow-up .container-select [class$=IndicatorsContainer] {
  color: black;
  margin-bottom: 10px;
  outline: none !important;
}
.follow-up .container-select [class$=IndicatorsContainer] [class$=indicatorContainer] {
  z-index: 2;
  position: relative;
  background-color: white;
  margin-top: -10px;
}
.follow-up .container-select [class$=IndicatorsContainer] [class$=indicatorSeparator] {
  height: 10px;
  width: 16px;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  right: 10px;
  z-index: 1;
  background-color: transparent;
}
.follow-up .container-select [class$=menu] {
  margin-left: -2px;
  margin-top: -8px;
  width: 320px;
  z-index: 10;
  border: 2px solid #e0e0e0;
  border-top: none;
}
.follow-up .container-select .custom-menu-list {
  padding-bottom: 70px;
  display: table;
  width: 100%;
}
.follow-up .container-select [class$=multiValue] {
  background-color: transparent;
  margin: 0;
  position: relative;
}
.follow-up .container-select [class$=multiValue] > div:first-of-type {
  padding: 0;
  padding-right: 3px;
}
.follow-up .container-select [class$=option] {
  background-color: white;
  color: #3c3733;
  position: relative;
  padding: 15px 20px;
  border-radius: 3px;
  width: 98%;
  margin: 0 auto;
}
.follow-up .container-select [class$=option]:after {
  position: absolute;
  width: calc(100% - 30px);
  content: "";
  left: 10px;
  bottom: 0;
}
.follow-up .container-select [class$=option]:last-child {
  margin-bottom: 10px;
}
.follow-up .container-select [class$=option]:first-child {
  margin-top: 5px;
}
.follow-up .container-select [class$=option]:hover {
  cursor: pointer;
  background-color: #f5f2f0;
}
.follow-up .input-inline-select {
  display: flex;
  align-items: center;
}
.follow-up .input-inline-select input {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.comment-links-read {
  display: flex;
  align-items: center;
}
.comment-links-read::before {
  content: url("../assets/Icons/icon-comments.svg");
  display: block;
  width: 20px;
  margin-top: 2px;
}

.comment-links-edit {
  display: flex;
  align-items: center;
}
.comment-links-edit::before {
  content: url("../assets/Icons/icon-calendar-alerts-time-yellow.svg");
  display: block;
  width: 20px;
  margin-top: 2px;
}

.container {
  background-color: #daf0f7;
  padding: 30px;
  width: 1217px;
  min-height: 80px;
  display: flex;
  align-items: center;
}
.container .coffin-steps {
  display: flex;
  width: 100%;
  gap: 20px;
  flex-wrap: wrap;
}
.container .step-text {
  list-style-type: none;
  font-size: 0.625rem;
  line-height: 0.75rem;
  letter-spacing: 0.0125rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #182025;
}
.container .step-text.active.urn {
  color: #6acd5b;
}
.container .step-time {
  font-size: 10px;
  cursor: pointer;
  position: relative;
  font-weight: 500;
  color: #006bb2;
  display: flex;
  align-items: center;
}
.container .step-time.display-only {
  cursor: default;
}
.container .step-time:after {
  content: "i";
  background-color: #006bb2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 5px;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  margin-left: 2px;
}
.container .step-time .follow-up-info {
  position: absolute;
  padding: 20px;
  background-color: #ffffff;
  z-index: 100000;
  display: none;
  opacity: 0;
  transition: opacity 0.4s;
  left: -20px;
  top: 15px;
  box-shadow: 0 12px 30px 0 rgba(175, 166, 159, 0.35);
  min-width: 250px;
  border-radius: 10px;
  border: 1px solid #eef1f3;
}
.container .step-time .follow-up-info > div {
  margin-bottom: 12px;
}
.container .step-time .follow-up-info > div:last-child {
  margin-bottom: 0px;
}
.container .step-time .follow-up-info .comment-body {
  margin-top: 0px;
  font-size: 10px !important;
}
.container .step-time .follow-up-info .comment-body .field-content-wrapper .field-input .container-select-no-border {
  margin-left: 0;
}
.container .step-time .follow-up-info .comment-body .field-content-wrapper .field-input .container-select-no-border .css-1uccc91-singleValue {
  margin-bottom: 0;
}
.container .step-time .follow-up-info .comment-body .dropdown-users-wrapper .field-text {
  margin-bottom: 0;
}
.container .step-time .follow-up-info .comment-body .dropdown-users {
  margin-left: 0;
}
.container .step-time .follow-up-info .comment-body .dropdown-users [class$=-control] {
  min-height: 36px;
  height: 36px;
  padding: 0;
  margin-bottom: 0;
}
.container .step-time .follow-up-info .comment-body .dropdown-users [class$=-ValueContainer] {
  height: 36px;
  padding: 0;
  margin-bottom: 0;
}
.container .step-time .follow-up-info .comment-body .dropdown-users [class$=-ValueContainer] [class$=-singleValue] {
  font-size: 0.75rem;
  margin-bottom: 0;
}
.container .step-time .follow-up-info .comment-body .dropdown-users [class$=-IndicatorsContainer] {
  height: 36px;
  margin-right: 0;
}
.container .step-time .follow-up-info .comment-body .dropdown-users [class$=-indicatorSeparator] {
  display: none;
}
.container .step-time .follow-up-info .comment-body .dropdown-users [class$=-menu] {
  left: 0;
  width: 100%;
  margin: 6px 0 0;
  border: 1px solid #eef1f3;
  border-radius: 8px;
  box-shadow: 0 8px 20px 0 rgba(175, 166, 159, 0.3);
}
.container .step-time .follow-up-info .comment-body .dropdown-users [class$=-MenuList] {
  max-height: 160px;
  padding: 4px 0;
}
.container .step-time .follow-up-info .comment-body .dropdown-users [class$=-option] {
  margin: 0;
  padding: 7px 12px;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container .step-time .follow-up-info .comment-body .dropdown-users [class$=-option]:first-child {
  margin-top: 0;
}
.container .step-time .follow-up-info .comment-body .dropdown-users [class$=-option]:last-child {
  margin-bottom: 0;
}
.container .step-time .follow-up-info .comment-body .dropdown-users [class$=-option]:after {
  display: none;
}
.container .step-time .follow-up-info .comment-title {
  font-size: 10px !important;
}
.container .step-time .follow-up-info .time-edit {
  margin-bottom: 0;
}
.container .step-time .follow-up-info .content-input-hour {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.container .step-time .follow-up-info .content-input-hour input.search-input-field {
  width: 52px;
  height: 44px;
  padding: 0 !important;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #3c3733;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.container .step-time .follow-up-info .content-input-hour input.search-input-field:focus {
  border-color: #006BB2;
  outline: none;
}
.container .step-time .follow-up-info .content-input-hour span {
  font-size: 13px;
  font-weight: 700;
  color: #006BB2;
}
.container .step-time .follow-up-info .time-edit-actions {
  display: flex;
  gap: 8px;
  margin-bottom: 0;
}
.container .step-time .follow-up-info .time-edit-actions button {
  flex: 1;
  padding: 9px 10px;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  border: none;
  margin: 0;
}
.container .step-time.show .follow-up-info.show {
  transition: opacity 0.4s;
  display: block;
  opacity: 1;
  z-index: 10000;
}

.progressbar {
  display: flex;
  z-index: 1;
}
.progressbar li {
  list-style-type: none;
  width: 145px;
  font-size: 0.625rem;
  line-height: 0.75rem;
  letter-spacing: 0.0125rem;
  font-weight: 800;
  position: relative;
  text-transform: uppercase;
  color: #182025;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.progressbar li.hide {
  cursor: default;
}
.progressbar li:before {
  width: 16px;
  height: 16px;
  content: "";
  cursor: pointer;
  line-height: 30px;
  display: block;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
  color: white;
  margin-bottom: 10px;
}
.progressbar li:after {
  width: 150px;
  height: 6px;
  content: "";
  position: absolute;
  background-color: #ffffff;
  top: 5px;
  left: 5%;
  z-index: -1;
}
.progressbar li:last-child:after {
  width: 128px;
}
.progressbar li.active {
  z-index: 15;
  justify-content: flex-end;
}
.progressbar li.active.urn::before {
  width: 24px;
  height: 24px;
  background-color: #2eba0d;
  animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in;
  position: absolute;
  bottom: 20px;
}
.progressbar li.active::before {
  width: 24px;
  height: 24px;
  background-color: #006bb2;
  animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in;
  position: absolute;
  bottom: 20px;
}
.progressbar li.done {
  z-index: 15;
}
.progressbar li.done.urn:before {
  border-color: #2eba0d;
  background-color: #2eba0d;
}
.progressbar li.done:before {
  border-color: #006bb2;
  background-color: #006bb2;
}
.progressbar li.done::after {
  background-color: #006bb2;
}
.progressbar li.done .skip {
  opacity: 0.5;
}
.progressbar li .step-time {
  font-size: 10px;
  cursor: pointer;
  position: relative;
  font-weight: 500;
  color: #006bb2;
  display: flex;
  align-items: center;
}
.progressbar li .step-time.display-only {
  cursor: default;
}
.progressbar li .step-time.hide {
  cursor: default;
}
.progressbar li .step-time.hide:after {
  content: "";
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 5px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-left: 2px;
  margin-top: 2px;
}
.progressbar li .step-time:after {
  content: "i";
  background-color: #006bb2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 5px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-left: 2px;
  margin-top: 2px;
}
.progressbar li .step-time .follow-up-info {
  position: absolute;
  padding: 20px;
  background-color: #ffffff;
  z-index: 100000;
  display: none;
  opacity: 0;
  transition: opacity 0.4s;
  left: -20px;
  top: 15px;
  box-shadow: 0 12px 30px 0 rgba(175, 166, 159, 0.35);
  min-width: 250px;
  border-radius: 10px;
  border: 1px solid #eef1f3;
}
.progressbar li .step-time .follow-up-info > div {
  margin-bottom: 12px;
}
.progressbar li .step-time .follow-up-info > div:last-child {
  margin-bottom: 0px;
}
.progressbar li .step-time .follow-up-info .comment-body {
  margin-top: 0px;
  font-size: 10px !important;
}
.progressbar li .step-time .follow-up-info .comment-body .field-content-wrapper .field-input .container-select-no-border {
  margin-left: 0;
}
.progressbar li .step-time .follow-up-info .comment-body .field-content-wrapper .field-input .container-select-no-border .css-1uccc91-singleValue {
  margin-bottom: 0;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users-wrapper .field-text {
  margin-bottom: 0;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users {
  margin-left: 0;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users [class$=-control] {
  min-height: 36px;
  height: 36px;
  padding: 0;
  margin-bottom: 0;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users [class$=-ValueContainer] {
  height: 36px;
  padding: 0;
  margin-bottom: 0;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users [class$=-ValueContainer] [class$=-singleValue] {
  font-size: 0.75rem;
  margin-bottom: 0;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users [class$=-IndicatorsContainer] {
  height: 36px;
  margin-right: 0;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users [class$=-indicatorSeparator] {
  display: none;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users [class$=-menu] {
  left: 0;
  width: 100%;
  margin: 6px 0 0;
  border: 1px solid #eef1f3;
  border-radius: 8px;
  box-shadow: 0 8px 20px 0 rgba(175, 166, 159, 0.3);
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users [class$=-MenuList] {
  max-height: 160px;
  padding: 4px 0;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users [class$=-option] {
  margin: 0;
  padding: 7px 12px;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users [class$=-option]:first-child {
  margin-top: 0;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users [class$=-option]:last-child {
  margin-bottom: 0;
}
.progressbar li .step-time .follow-up-info .comment-body .dropdown-users [class$=-option]:after {
  display: none;
}
.progressbar li .step-time .follow-up-info .comment-title {
  font-size: 10px !important;
}
.progressbar li .step-time .follow-up-info .time-edit {
  margin-bottom: 0;
}
.progressbar li .step-time .follow-up-info .content-input-hour {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.progressbar li .step-time .follow-up-info .content-input-hour input.search-input-field {
  width: 52px;
  height: 44px;
  padding: 0 !important;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #3c3733;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.progressbar li .step-time .follow-up-info .content-input-hour input.search-input-field:focus {
  border-color: #006BB2;
  outline: none;
}
.progressbar li .step-time .follow-up-info .content-input-hour span {
  font-size: 13px;
  font-weight: 700;
  color: #006BB2;
}
.progressbar li .step-time .follow-up-info .time-edit-actions {
  display: flex;
  gap: 8px;
  margin-bottom: 0;
}
.progressbar li .step-time .follow-up-info .time-edit-actions button {
  flex: 1;
  padding: 9px 10px;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  border: none;
  margin: 0;
}
.progressbar li .step-time.show:hover .follow-up-info {
  transition: opacity 0.4s;
  display: block;
  opacity: 1;
  z-index: 10000;
}
.progressbar:nth-last-child(9) ::after {
  width: 30px;
}

@keyframes borderPulse {
  0% {
    box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 0.4), 0px 0px 0px 0px grey;
  }
  100% {
    box-shadow: inset 0px 0px 0px 3px rgba(117, 117, 255, 0.2), 0px 0px 0px 10px rgba(255, 255, 255, 0);
  }
}
.comment {
  border-top: 2px solid #e1f2f8;
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 30px;
  padding-top: 30px;
}
.comment .inline-comment {
  padding-bottom: 30px;
  border-bottom: 2px solid #e1f2f8;
}
.comment .inline-comment ul {
  display: flex;
  align-items: center;
}
.comment .inline-comment li {
  margin-right: 40px;
  list-style-type: none;
  margin-top: 0px;
  display: flex;
  padding-bottom: 10px;
}
.comment .inline-comment li span {
  margin-top: 0px;
  margin-right: 5px;
}
.comment .inline-comment .comment-title {
  margin-right: 70px;
}

.comment-title {
  font-size: 12px;
  line-height: 0.9375rem;
  font-weight: 700;
  color: #006bb2;
  text-transform: uppercase;
  font-weight: 700;
}

.comment-date {
  color: #182025;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.2px;
  margin-top: 2px;
}

.comment-body {
  color: #252500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.22px;
  margin-top: 12px;
  font-weight: 500;
  width: 80%;
}

.comment-input {
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 30px;
  padding-top: 30px;
  display: flex;
  border-top: 2px solid #e1f2f8;
}
.comment-input input {
  background-color: #e5eff2;
  width: 75%;
  height: 56px;
  border-radius: 8px;
  padding-left: 20px;
  color: #3c3733;
  font-size: 16px;
  line-height: 20px;
}
.comment-input .follow-up-input-content-right {
  margin-left: 1.25rem;
  display: flex;
}
.comment-input .follow-up-input-content-right button.btn-dark-border-small {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

.follow-up-error-message {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 0;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.follow-up-error-message div {
  padding-top: 45px;
}
.follow-up-error-message p,
.follow-up-error-message a {
  color: #e31f22;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.2px;
  font-weight: 700;
}
.follow-up-error-message p a,
.follow-up-error-message a a {
  text-decoration: underline;
}

.header-content-right {
  width: 333px;
  margin-left: 36px;
  height: 100%;
  border-radius: 8px;
  background-color: #003558;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
  padding: 16px;
}
.header-content-right span {
  color: #FFFFFF;
  font-size: 0.625rem;
  line-height: 0.75rem;
  font-weight: 300;
}
.header-content-right .search-text-color {
  color: #E98B08;
  font-weight: 600;
  font-size: 0.8125rem;
  padding-right: 10px;
}
.header-content-right p {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  padding-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 210px;
}
.header-content-right .icon-yellow {
  position: absolute;
  top: 28px;
  right: 22px;
}
.header-content-right img {
  width: 21px;
  height: 33px;
  margin-bottom: 3px;
}
.header-content-right .icon-holder {
  margin-right: 14px;
}
.header-content-right .icon-holder .dropdown-content {
  position: absolute;
  left: 0;
  top: 80%;
  width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 2;
  padding-top: 10%;
}
.header-content-right .icon-holder .dropdown-content li {
  width: 90%;
  margin: 0 auto;
  list-style-type: none;
  margin-bottom: 4px;
  font-size: 0.875rem;
  color: #FFFFFF;
  line-height: 1.0625rem;
  letter-spacing: -0.0125rem;
  padding: 10px;
  cursor: pointer;
}
.header-content-right .icon-holder .dropdown-links {
  background-color: #003558;
  border-radius: 8px;
  height: auto;
  z-index: 2000;
  padding-bottom: 10px;
}
.header-content-right .icon-holder .dropdown-links li {
  border-radius: 3px;
}
.header-content-right .icon-holder .dropdown-links li:hover {
  background-color: #001F35;
  opacity: 0.8;
  color: #E98B08;
}
.header-content-right .icon-holder .dropdown-category {
  background-color: #FFFFFF;
}
.header-content-right .icon-holder .dropdown-category li {
  color: #252500;
  border-radius: 3px;
}
.header-content-right .icon-holder .dropdown-category li:hover {
  background-color: #f5f2f0;
}

.header-content-right-color {
  background-color: #E98B08;
  align-items: center;
}
.header-content-right-color .text-style {
  color: #FFFFFF;
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25rem;
}
.header-content-right-color .dropdown-content {
  background-color: #E98B08 !important;
}
.header-content-right-color .dropdown-content li:hover {
  background-color: #cc7906 !important;
  color: #f5f0f0 !important;
}

.booking-overview {
  width: 1328px;
  min-height: 770px;
  border-radius: 8px;
  background-color: white;
  box-shadow: -1px 0px 38px -3px rgba(0, 0, 0, 0.56);
  position: relative;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .booking-overview {
    width: 100%;
    min-height: 100%;
    padding-bottom: 30px;
  }
}
.booking-overview .booking-overview-navigation .navigation-menu li {
  text-transform: lowercase !important;
}
.booking-overview .booking-overview-navigation.navigation-sticky {
  top: 0;
  position: sticky;
  background: white;
  z-index: 1;
}
.booking-overview .booking-overview-content-header {
  background-image: url("../../../assets/Images/header-grey.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.booking-overview .booking-overview-content-header-wrapper {
  width: 95%;
  margin: 0 auto;
  display: flex;
  padding-top: 40px;
}
.booking-overview .booking-overview-content-header-wrapper .header-left-content {
  width: 60%;
  padding-bottom: 40px;
}
.booking-overview .booking-overview-content-header-wrapper .header-left-content .header-left-content-time {
  display: flex;
  align-items: center;
}
.booking-overview .booking-overview-content-header-wrapper .header-left-content .header-left-content-time svg {
  margin-left: 5px;
  margin-right: 5px;
}
.booking-overview .booking-overview-content-header-wrapper .header-left-content span {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0.003125rem;
  font-weight: 700;
  color: #AFA69F;
}
.booking-overview .booking-overview-content-header-wrapper .header-left-content .date {
  margin-right: 23px;
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0.003125rem;
}
.booking-overview .booking-overview-content-header-wrapper .header-left-content p {
  padding-top: 10px;
  color: #FFFFFF;
  font-size: 1.5rem;
  line-height: 1.25rem;
  letter-spacing: -0.016875rem;
  font-weight: 700;
  padding-bottom: 5px;
  font-family: "Gotham-Bold", "sans-serif";
}
.booking-overview .booking-overview-content-header-wrapper .header-left-content .room {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0.003125rem;
  padding-top: 5px;
  font-family: "Gotham-Medium", "sans-serif";
}
.booking-overview .booking-overview-content-header-wrapper .header-right-content {
  display: flex;
  width: 50%;
  justify-content: flex-end;
}
.booking-overview .booking-overview-content-header-wrapper .header-right-content .close-btn svg {
  margin-right: 23px;
}
.booking-overview .booking-overview-content-header-wrapper .header-right-content span {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.3125rem;
  letter-spacing: 0.00375rem;
  margin-right: 25px;
  margin-left: 30px;
}
.booking-overview .tabs-content {
  width: 100%;
  margin: 0 32px;
  display: flex;
  justify-content: space-between;
}
.booking-overview .tabs-content .agenda-calendar-tabs {
  width: 166px;
  margin-right: 8px;
}
.booking-overview .tabs-content .agenda-calendar-tabs:hover {
  background-color: #fff;
}
.booking-overview .tabs-content .agenda-calendar-tabs:hover span {
  color: #2C2543;
}
.booking-overview .tabs-content .right-content-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 15px;
}
.booking-overview .tabs-content .right-content-more span {
  height: 5px;
  width: 5px;
  background-color: #656565;
  border-radius: 50%;
  display: inline-block;
  margin-top: 2px;
}
.booking-overview .tabs-content .tabs-content-dropdown {
  width: 75%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: -8px;
  margin-right: 64px;
}
.booking-overview .tabs-content .dropdown {
  background-color: #323232;
  border-radius: 6px;
  width: 216px;
  height: 56px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.booking-overview .tabs-content .dropdown li {
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.010625rem;
  padding-left: 24px;
  font-weight: 700;
  list-style-type: none;
}
.booking-overview .tabs-content .dropdown .dropdown-content {
  position: absolute;
  background-color: #323232;
  left: 0;
  top: 85%;
  width: 216px;
  border: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 2;
  padding-top: 4%;
  border-top: none;
}
.booking-overview .tabs-content .dropdown .dropdown-content li {
  width: 90%;
  margin: 0 auto;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 0.75rem;
  color: #FFFFFF;
  line-height: 0.9375rem;
  letter-spacing: -0.010625rem;
  padding: 10px;
  cursor: pointer;
}
.booking-overview .tabs-content .dropdown .dropdown-content li a {
  color: #FFFFFF;
}
.booking-overview .tabs-content .dropdown .dropdown-content li:hover {
  background-color: #7A736E;
}
.booking-overview .tab-reservation {
  width: 95%;
  margin: 0 auto;
  overflow: auto;
  overflow-y: auto;
  max-height: 400px;
}
.booking-overview .tab-reservation .tab-reservation-wrapper {
  display: flex;
  background-color: #f0f1f2;
  margin-top: 24px;
  padding: 31px 24px;
  border-radius: 8px;
  margin-right: 20px;
}
.booking-overview .tab-reservation .tab-reservation-wrapper .tab-reservation-holder {
  width: 50%;
}
.booking-overview .tab-reservation .tab-reservation-wrapper .tab-reservation-holder .reservation-content {
  padding-bottom: 23px;
}
.booking-overview .tab-reservation .tab-reservation-wrapper .tab-reservation-holder .reservation-content span, .booking-overview .tab-reservation .tab-reservation-wrapper .tab-reservation-holder .reservation-content a {
  color: #34312F;
  font-size: 1rem;
  letter-spacing: -0.01125rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.booking-overview .tab-reservation .tab-reservation-wrapper .tab-reservation-holder .reservation-content a {
  font-weight: 600;
}
.booking-overview .tab-reservation .tab-reservation-wrapper .tab-reservation-holder .reservation-content p {
  font-size: 0.625rem;
  line-height: 1.3125rem;
  letter-spacing: 0.0025rem;
  font-weight: 700;
  color: #006BB2;
  text-transform: uppercase;
  padding-bottom: 14px;
}
.booking-overview .tab-reservation .tab-reservation-wrapper .tab-reservation-holder .reservation-content .reservation-content-icon {
  position: relative;
}
.booking-overview .tab-reservation .tab-reservation-wrapper .tab-reservation-holder .reservation-content .booking-overview-icon {
  display: flex;
  border: 1px solid #D53E2A;
  width: 140px;
  height: 31px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 6px;
}
.booking-overview .tab-reservation .tab-reservation-wrapper .tab-reservation-holder .reservation-content .booking-overview-icon .booking-overview-icon-text {
  font-size: 0.625rem;
  line-height: 0.6875rem;
  letter-spacing: -0.006875rem;
  color: #D53E2A;
  padding-left: 10px;
}
.booking-overview ::-webkit-scrollbar-track {
  margin-top: 30px;
  margin-left: 20px;
}
.booking-overview .booking-overview-content-buttons {
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
  padding-top: 40px;
}
.booking-overview .booking-overview-content-buttons .button-content {
  width: 50%;
}
.booking-overview .booking-overview-content-buttons .button-content .button-border {
  width: 237px;
  height: 56px;
  position: relative;
  text-align: left;
  padding-left: 23px;
  color: #006BB2;
  font-weight: 700;
  letter-spacing: -0.010625rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
}
.booking-overview .booking-overview-content-buttons .button-content .button-border:focus {
  outline: none;
  border: 2px solid #003558;
  border-radius: 8px;
}
.booking-overview .booking-overview-content-buttons .button-content .button-border svg {
  position: absolute;
  right: 20px;
  top: 15px;
}
.booking-overview .booking-overview-content-buttons .button-content .button-full {
  width: 216px;
  height: 56px;
}
.booking-overview .booking-overview-content-buttons .button-content .button-red {
  width: 216px;
  height: 56px;
}
.booking-overview .booking-overview-content-buttons .button-end {
  text-align: end;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}
.booking-overview .navigation-menu {
  display: flex;
  border-bottom: 1px solid #979797;
  padding-top: 30px;
  padding-bottom: 20px;
}
.booking-overview .navigation-menu li {
  list-style-type: none;
  margin-right: 50px;
  color: #656565;
  line-height: 1.25rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  font-weight: 700;
}
.booking-overview .navigation-menu li::before {
  content: "";
  width: 0%;
  height: 5px;
  background-color: transparent;
  position: absolute;
  top: 2.25rem;
  left: 0;
  background-color: #00afff;
  transition: all 0.6s;
}
.booking-overview .navigation-menu .active {
  transition: all 0.6s;
  color: #006BB2;
}
.booking-overview .navigation-menu .active::before {
  width: 100%;
  transition: all 0.6s;
}
.booking-overview .navigation-menu .navigation-menu-right {
  display: flex;
}
.booking-overview .navigation-menu .navigation-menu-right li {
  color: #006BB2;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  text-transform: none;
  border-bottom: 0.2px solid #006BB2;
  margin-right: 2rem;
}
.booking-overview .printing-section {
  height: 112px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.booking-overview .printing-section img {
  width: 63px;
  height: 81px;
  margin-left: 20px;
  margin-right: 26px;
}
.booking-overview .navigation-menu {
  width: 95%;
  margin: 0 auto;
}
.booking-overview .agenda-tab-content span {
  margin-left: 0px !important;
}

@media (max-width: 991.98px) {
  .booking-overview .tab-reservation {
    max-height: 200px;
  }
  .booking-overview .booking-overview-content-header-wrapper .header-left-content {
    padding-bottom: 5px;
  }
  .booking-overview .booking-overview-content-header-wrapper .header-left-content p {
    font-size: 16px;
  }
  .booking-overview .booking-overview-content-buttons .button-content .button-border svg {
    top: 5px;
  }
}
.error-strip {
  position: fixed;
  box-shadow: 3px 10px 34px -12px rgba(0, 0, 0, 0.53);
  z-index: 10000;
  width: 100%;
}
.error-strip-content {
  width: 80%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 25px 10px;
}
.error-strip-content-body p {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.1px;
  display: flex;
  align-items: center;
}
.error-strip-content-body p::before {
  content: url("../assets/Icons/icon-systemmessage.svg");
  margin-right: 10px;
  margin-bottom: -5px;
}
.error-strip-content-close {
  margin-left: auto;
}

.strip-green {
  background-color: #08B079;
}

.strip-orange {
  background-color: #E98B08;
}

.strip-red {
  background-color: #FB503A;
}

.strip-loading {
  background-color: #006BB2;
}
.strip-loading .error-strip-content-body p::before {
  content: url("../assets/Icons/icon-loading-white.svg");
}

.skeleton-loader {
  width: 100%;
  height: 15px;
  display: block;
  border-radius: 10px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), lightgray;
  background-repeat: repeat-y;
  background-size: 50px 500px;
  background-position: 0 0;
  animation: shine 1s infinite;
  margin-top: 5px;
  margin-bottom: 5px;
}

@keyframes shine {
  to {
    background-position: 100% 0, 0 0;
  }
}
.loading-wrapper {
  display: flex;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 9;
  background: rgba(0, 0, 0, 0.5);
}
.loading-wrapper .boxes {
  --size: 32px;
  --duration: 800ms;
  height: calc(var(--size) * 2);
  width: calc(var(--size) * 3);
  position: relative;
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  margin-top: calc(var(--size) * 1.5 * -1);
  transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
}
.loading-wrapper .boxes .box {
  width: var(--size);
  height: var(--size);
  top: 0;
  left: 0;
  position: absolute;
  transform-style: preserve-3d;
}
.loading-wrapper .boxes .box:nth-child(1) {
  transform: translate(100%, 0);
  animation: box1 var(--duration) linear infinite;
}
.loading-wrapper .boxes .box:nth-child(2) {
  transform: translate(0, 100%);
  animation: box2 var(--duration) linear infinite;
}
.loading-wrapper .boxes .box:nth-child(3) {
  transform: translate(100%, 100%);
  animation: box3 var(--duration) linear infinite;
}
.loading-wrapper .boxes .box:nth-child(4) {
  transform: translate(200%, 0);
  animation: box4 var(--duration) linear infinite;
}
.loading-wrapper .boxes .box > div {
  --background: #5C8DF6;
  --top: auto;
  --right: auto;
  --bottom: auto;
  --left: auto;
  --translateZ: calc(var(--size) / 2);
  --rotateY: 0deg;
  --rotateX: 0deg;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--background);
  top: var(--top);
  right: var(--right);
  bottom: var(--bottom);
  left: var(--left);
  transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
}
.loading-wrapper .boxes .box > div:nth-child(1) {
  --top: 0;
  --left: 0;
}
.loading-wrapper .boxes .box > div:nth-child(2) {
  --background: #145af2;
  --right: 0;
  --rotateY: 90deg;
}
.loading-wrapper .boxes .box > div:nth-child(3) {
  --background: #447cf5;
  --rotateX: -90deg;
}
.loading-wrapper .boxes .box > div:nth-child(4) {
  --background: #DBE3F4;
  --top: 0;
  --left: 0;
  --translateZ: calc(var(--size) * 3 * -1);
}

@keyframes box1 {
  0%, 50% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(200%, 0);
  }
}
@keyframes box2 {
  0% {
    transform: translate(0, 100%);
  }
  50% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}
@keyframes box3 {
  0%, 50% {
    transform: translate(100%, 100%);
  }
  100% {
    transform: translate(0, 100%);
  }
}
@keyframes box4 {
  0% {
    transform: translate(200%, 0);
  }
  50% {
    transform: translate(200%, 100%);
  }
  100% {
    transform: translate(100%, 100%);
  }
}
html {
  -webkit-font-smoothing: antialiased;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #293241;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #293241;
}
.table tbody + tbody {
  border-top: 2px solid #293241;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #293241;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #293241;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #c1e6d8;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #8dd0b7;
}

.table-hover .table-primary:hover {
  background-color: #afdfcd;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #afdfcd;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #fee7bc;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #fdd383;
}

.table-hover .table-secondary:hover {
  background-color: #fedea3;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #fedea3;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #f7f8fa;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #f0f2f6;
}

.table-hover .table-light:hover {
  background-color: #e7eaf0;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #e7eaf0;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c3c6ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #90949c;
}

.table-hover .table-dark:hover {
  background-color: #b5b9be;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b5b9be;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #28292b;
  border-color: #293241;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.table-sticky-container {
  overflow: auto;
}
.table-sticky-container table {
  /* define width */
}
.table-sticky-container table .column-sticky {
  position: sticky;
  left: 0;
}

.document-list {
  padding: 10px;
  margin-right: 24px;
  margin-left: 24px;
  overflow: auto;
}
.document-list .search-filter {
  flex-direction: column;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.document-list-table tr {
  padding: 10px;
  margin-top: 10px;
  height: 48px;
}
.document-list-table td {
  padding-left: 8px;
}
.document-list-table tr:nth-child(odd) {
  background: #f1edea;
}
.document-list-table td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.document-list-table td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.document-list .input-name {
  width: 100%;
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
}
.document-list .input-name .input-wrapper {
  width: 50%;
  padding: 10px;
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  margin-right: 8px;
  position: relative;
  height: auto;
  min-height: 72px;
  overflow-wrap: anywhere;
}
.document-list .input-name .input-wrapper .field-input {
  width: auto;
  position: relative;
}
.document-list .input-name .input-wrapper p {
  color: #006bb2;
  font-size: 0.625rem;
  line-height: 0.4375rem;
  font-weight: 700;
  padding-top: 8px;
  padding-left: 5px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.document-list .input-name .input-wrapper .file-name {
  color: #006BB2;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.document-list .input-name .input-wrapper input {
  width: 100%;
}
.document-list .input-name .button-section {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.01063rem;
  display: flex;
  justify-content: flex-end;
}
.document-list .input-name .button-section button {
  width: 30%;
  padding: 16px;
  border-radius: 8px;
}
.document-list .input-name .button-section .button-left {
  background: transparent;
  margin-right: 10px;
  border: 2px solid #003558;
}
.document-list .input-name .button-section .button-right {
  background-color: #006bb2;
  border: 2px solid #006bb2;
  color: #ffffff;
}

.table-hover {
  border: none;
}
.table-hover th,
.table-hover td {
  border: none;
}

form {
  margin: 2rem 0;
}
form.inline {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}
form.inline .field {
  margin-right: 1rem;
}

/**
* Make the field a flex-container, reverse the order so label is on top.
*/
.field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1rem;
}

.homepage {
  width: auto;
  position: relative;
  min-height: 100vh;
}
@media screen and (max-width: 1920px) {
  .homepage {
    width: fit-content;
  }
}
@media screen and (min-width: 1530px) {
  .homepage {
    width: 100%;
  }
}
.homepage::before {
  content: "";
  position: absolute;
  background-color: #132E3F;
  opacity: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.homepage .agenda {
  position: relative;
}
@media screen and (min-width: 1530px) {
  .homepage .agenda {
    width: 100%;
  }
}
.homepage .agenda__desktop {
  display: block;
}
.homepage .agenda__mobile {
  display: none;
}
.homepage .agenda .agenda-wrapper-menu-header {
  display: flex;
  position: relative;
  height: 0;
}
.homepage .agenda .agenda-wrapper-menu-header .agenda-calendar-right {
  margin-top: auto;
}
.homepage .agenda .agenda-image-holder {
  background-color: #C4BEB9;
  height: 100vh;
  width: 100%;
  min-height: 100vh;
  height: 100%;
}
@media screen and (max-width: 1990px) {
  .homepage .agenda .agenda-image-holder {
    min-height: 1000px;
  }
}
.homepage .agenda .agenda-image-holder .agenda-wrapper-menu {
  margin: 0 auto;
  padding: 40px 24px 10% 24px;
  width: fit-content;
}
.homepage .agenda .agenda-image-holder .agenda-wrapper-menu .agenda-banner {
  text-align: center;
  background: white;
  border-radius: 6px;
  padding: 8px;
  margin-bottom: 12px;
}
.homepage .agenda .agenda-image-holder .agenda-wrapper-menu .agenda-banner.message-error, .homepage .agenda .agenda-image-holder .agenda-wrapper-menu .agenda-banner.message-success {
  cursor: pointer;
}
.homepage .agenda .agenda-image-holder .agenda-wrapper-menu .agenda-wrapper-menu-container {
  display: flex;
  width: fit-content;
  gap: 32px;
}
@media screen and (max-width: 1720px) {
  .homepage .agenda .agenda-image-holder .agenda-wrapper-menu .agenda-wrapper-menu-container {
    gap: 0px;
  }
}
.homepage .agenda .agenda-image-holder .agenda-text {
  padding-bottom: 30px;
  display: flex;
  align-items: center;
}
.homepage .agenda .agenda-image-holder .agenda-text span {
  color: #141414;
  line-height: 21px;
  font-size: 1.625rem;
  padding-left: 15px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .homepage .agenda .agenda-image-holder .agenda-wrapper-menu {
    width: auto;
  }
  .homepage .agenda .agenda-image-holder .agenda-wrapper-menu .agenda-wrapper-menu-container {
    width: auto;
    overflow-y: auto;
  }
}
.homepage .calendar-wrapper {
  background-color: white;
  padding-bottom: 22px;
  padding-top: 10px;
  border-radius: 6px;
  border-top-left-radius: 0px;
  min-height: 450px;
}
.homepage .calendar {
  display: flex;
  padding: 5px;
}
.homepage .calendar .calendar-content {
  width: 17%;
  position: relative;
}
.homepage .calendar .calendar-content .calendar-rooms {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px 0px 0px 6px;
  margin-bottom: 2px;
  position: relative;
  min-width: 150px;
}
.homepage .calendar .calendar-content .calendar-rooms.ibw {
  height: 35px;
}
.homepage .calendar .calendar-content .calendar-rooms .calendar-room-icon-holder {
  display: flex;
  position: absolute;
  width: 25px;
  flex-wrap: wrap;
  left: 6%;
  margin-bottom: 2px;
}
.homepage .calendar .calendar-content .calendar-rooms .calendar-room-icon-holder span {
  width: 9px;
  height: 9px;
  background-color: white;
  border-radius: 50%;
  margin: 1px;
}
.homepage .calendar .calendar-content .calendar-rooms p {
  font-size: 0.87rem;
  line-height: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.homepage .calendar .calendar-content .calendar-rooms:first-child {
  margin-top: 6px;
}
.homepage .calendar .calendar-content .background-2 {
  background-color: #827B73;
}
.homepage .calendar .calendar-content .background-1 {
  background-color: #A9A49E;
}
.homepage .calendar .calendar-content .background-3 {
  background-color: #56524D;
}
.homepage .calendar .calendar-content .calendar-days {
  width: 147px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-bottom: 2px;
  margin-right: 2px;
  cursor: pointer;
  position: relative;
}
.homepage .calendar .calendar-content .calendar-days.ibw {
  height: 35px;
}
.homepage .calendar .calendar-content .calendar-days.ibw .ceremony-ready {
  top: unset;
}
.homepage .calendar .calendar-content .calendar-days.ibw .ceremony-ready svg {
  top: unset;
}
.homepage .calendar .calendar-content .calendar-days .ceremony-ready {
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: row;
  left: 90px;
  top: 16px;
  width: 54px;
  height: 16px;
  gap: 4px;
}
.homepage .calendar .calendar-content .calendar-days .ceremony-ready.len {
  right: 0;
  gap: 2px;
  flex-wrap: wrap;
}
.homepage .calendar .calendar-content .calendar-days .ceremony-ready img {
  position: unset;
}
.homepage .calendar .calendar-content .calendar-days .overlay {
  background-color: black;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 9px;
}
.homepage .calendar .calendar-content .calendar-days div {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.homepage .calendar .calendar-content .calendar-days div p {
  padding-bottom: 2px;
}
.homepage .calendar .calendar-content .calendar-days svg {
  position: absolute;
  left: 17px;
  top: 17px;
}
.homepage .calendar .calendar-content .calendar-days img {
  position: absolute;
  left: 17px;
  top: 16px;
  width: 16px;
  height: 16px;
}
.homepage .calendar .calendar-content .calendar-days p {
  color: #060401;
  line-height: 0.9375rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.homepage .calendar .calendar-content .calendar-days span {
  text-align: center;
  color: #1A1A1A;
  line-height: 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.homepage .calendar .calendar-content:first-child {
  margin-right: 4px;
}
.homepage .calendar .calendar-content .active-day {
  background-color: #c3dde8;
}
.homepage .calendar .calendar-content .day-content {
  justify-content: center;
  margin-bottom: 8px;
}
.homepage .calendar .calendar-content .days-background-0 {
  opacity: 1;
  background: #c4c4c4;
}
.homepage .calendar .calendar-content .days-background-0 span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #000000;
  font-weight: 500;
}
.homepage .calendar .calendar-content .days-background-1 {
  opacity: 1;
  background: repeating-linear-gradient(315deg, #d4cfcb, #d4cfcb 3px, #eae7e3 3px, #eae7e3 7px);
}
.homepage .calendar .calendar-content .days-background-1 span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #000000;
  font-weight: 500;
}
.homepage .calendar .calendar-content .days-background-1.aside {
  background: transparent;
  border: 0.5px solid #a6a6a1;
}
.homepage .calendar .calendar-content .days-background-cafeteria {
  background-color: #F5F4F3;
}
.homepage .calendar .calendar-content .days-background-cafeteria span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #000000;
  font-weight: 500;
}
.homepage .calendar .calendar-content .days-background-cafeteria-active {
  background-color: #E98B08;
}
.homepage .calendar .calendar-content .days-background-cafeteria-active span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #000000;
  font-weight: 700;
}
.homepage .calendar .calendar-content .days-background-cafeteria-active p {
  color: #FFFFFF;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  font-weight: 400;
  padding-top: 4px;
  text-align: left;
}
.homepage .calendar .calendar-content .days-background-2 {
  background-color: #003558;
}
.homepage .calendar .calendar-content .days-background-2 span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
.homepage .calendar .calendar-content .days-background-3 {
  background-color: #F5F4F3;
}
.homepage .calendar .calendar-content .days-background-3 span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #000000;
  font-weight: 500;
}
.homepage .calendar .calendar-content .days-background-4 {
  background-color: #006BB2;
}
.homepage .calendar .calendar-content .days-background-4 span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #FFFFFF;
}
.homepage .calendar .calendar-content .days-background-5 {
  background-color: #003558;
}
.homepage .calendar .calendar-content .days-background-5 span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #FFFFFF;
  font-weight: 500;
}
.homepage .calendar .calendar-content .days-background-6 {
  background-color: #003558;
}
.homepage .calendar .calendar-content .days-background-6 span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #FFFFFF;
  font-weight: 500;
}
.homepage .calendar .calendar-content .days-background-7 {
  background: rgb(0, 108, 178);
  background: linear-gradient(315deg, rgb(0, 108, 178) 50%, rgb(0, 53, 88) 50%);
}
.homepage .calendar .calendar-content .days-background-7 span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #FFFFFF;
  font-weight: 500;
}
.homepage .calendar .calendar-content .days-background-8 {
  color: #fff;
  background: -webkit-linear-gradient(135deg, #003558 33%, rgba(0, 0, 0, 0) 33%), -webkit-linear-gradient(135deg, #9CE3FF 66%, #006BB2 66%);
  background: -o-linear-gradient(135deg, #003558 33%, rgba(0, 0, 0, 0) 33%), -o-linear-gradient(135deg, #9CE3FF 66%, #006BB2 66%);
  background: -moz-linear-gradient(135deg, #003558 33%, rgba(0, 0, 0, 0) 33%), -moz-linear-gradient(110deg, #9CE3FF 66%, #006BB2 66%);
  background: linear-gradient(135deg, #003558 33%, rgba(0, 0, 0, 0) 33%), linear-gradient(135deg, #9CE3FF 66%, #006BB2 66%);
}
.homepage .calendar .calendar-content .days-background-8 span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #FFFFFF;
  font-weight: 500;
}
.homepage .calendar .calendar-content .days-background-10 {
  border: 2px solid #006BB2;
  background-color: #FFFFFF;
}
.homepage .calendar .calendar-content .days-background-10 span {
  color: #006BB2;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  font-weight: 700;
}
.homepage .calendar .calendar-content .days-background-10 svg {
  top: 14px;
}
.homepage .calendar .calendar-content .days-background-9 {
  background-color: #9CE3FF;
}
.homepage .calendar .calendar-content .days-background-9 span {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #FFFFFF;
  font-weight: 500;
}
.homepage .calendar .calendar-content .days-background-11 {
  background-color: white;
  border: none;
  border-left: 0.5px solid #a6a6a1;
  border-right: 0.5px solid #a6a6a1;
}
.homepage .calendar .calendar-content .indicator-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: 90%;
  flex-direction: row !important;
  margin-right: 6px;
}
.homepage .calendar .calendar-content .indicator-wrapper .reservation-badge {
  color: #E98B08;
  width: auto !important;
  margin-right: 6px;
}
.homepage .calendar .calendar-content .indicator-wrapper .space-wrapper {
  width: 90%;
  height: 15px;
  border-radius: 16px;
  background-color: white;
}
.homepage .calendar .calendar-content .indicator-wrapper .space-wrapper .progress {
  background-color: #E98B08;
  border-radius: 16px;
  height: 15px;
  width: 0;
  transition: width 1s;
}
.homepage .calendar .calendar-content .selected {
  width: calc(100% - 8px);
  height: 100%;
  margin-left: 4px;
  margin-right: 4px;
}
.homepage .calendar .calendar-content .selected.first {
  height: calc(100% - 4px);
  margin-top: 4px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.homepage .calendar .calendar-content .selected.end {
  height: calc(100% - 4px);
  margin-bottom: 4px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.homepage .calendar .calendar-content .single-cafeteria-content {
  width: 90%;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
.homepage .calendar .calendar-content .single-cafeteria-content span {
  width: 90%;
  text-align: left;
}
.homepage .calendar .calendar-content .single-cafeteria-content p {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homepage .calendar .calendar-content .single-cafeteria-content .single-cafeteria-content-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.homepage .calendar .calendar-content .single-cafeteria-content .single-cafeteria-content-top .wrapper-left {
  display: flex;
  flex-direction: row;
}
.homepage .calendar .calendar-content .single-cafeteria-content .single-cafeteria-content-top .wrapper-left .lighter {
  font-weight: lighter;
  font-size: 0.625rem;
  margin-left: 4px;
}
.homepage .calendar .calendar-content .single-cafeteria-content .single-cafeteria-content-top p {
  width: 85%;
}
.homepage .calendar .calendar-content .single-cafeteria-content .single-cafeteria-content-top .single-cafeteria-right-text {
  color: black;
  font-weight: bolder;
  line-height: 0.9375rem;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 5px;
}
.homepage .calendar .calendar-content .single-cafeteria-content .single-cafeteria-content-top .single-cafeteria-left-text {
  color: black;
  font-weight: bolder;
  line-height: 0.9375rem;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homepage .calendar .calendar-content .single-cafeteria-content .single-cafeteria-content-top .single-cafeteria-left-text {
  white-space: normal;
  overflow: initial;
  text-overflow: initial;
}
.homepage .calendar .calendar-content .cafeteria-content {
  margin-top: 50px;
  padding-left: 20px;
}
.homepage .calendar .calendar-content .cafeteria-content p {
  color: #FFFFFF;
  font-weight: 700;
  line-height: 1rem;
  font-size: 0.87rem;
}
.homepage .calendar .cafeteria-background {
  background-color: #A9A49E;
  border-radius: 5px 0 0 5px;
}
.homepage .new-agenda .calendar-content:first-child {
  margin-right: 0px;
}
.homepage .new-agenda .calendar-content .calendar-days {
  border-radius: 0px;
  margin-bottom: 0px;
  transition: height 0.5s, opacity 0.5s, position 2s;
  height: 50px;
  opacity: 1;
  width: 100%;
}
.homepage .new-agenda .calendar-content .calendar-days.hide {
  height: 0;
  opacity: 0;
  position: absolute;
}
.homepage .new-agenda .calendar-content .calendar-days.days-background-3 {
  background-color: white;
  border: 0.5px solid #a6a6a1;
}
.homepage .new-agenda .calendar-content .calendar-days.aside {
  border-left: 0px none;
}
.homepage .new-agenda .calendar-content .calendar-days.days-background-0 span {
  text-align: left;
  width: 100%;
  padding-left: 8px;
  font-weight: bold;
}
.homepage .new-agenda .calendar-content .calendar-days.days-background-0.hide.aside::after {
  content: url("../../assets/Icons/icon-down.svg");
}
.homepage .new-agenda .calendar-content .calendar-days.days-background-0.show.aside::after {
  content: url("../../assets/Icons/icon-up.svg");
}
.homepage .new-agenda .calendar-content .calendar-days.days-background-0.aside {
  font-weight: bolder;
}
.homepage .new-agenda .calendar-content .calendar-days.days-background-0.aside::after {
  position: absolute;
  right: 4px;
  width: 15px;
  height: 15px;
}
.homepage .new-agenda .calendar-content .calendar-days.hide.days-background-0 {
  height: 50px;
  opacity: 1;
  position: relative;
}

.agenda-calendar-content {
  display: flex;
  width: 100%;
  align-items: flex-start;
  width: 1207px;
}
.agenda-calendar-content .agenda-calendar-tabs {
  width: 200px;
  background-color: #7A736E;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-right: 3px;
  height: 60px;
  cursor: pointer;
}
.agenda-calendar-content .agenda-calendar-tabs .agenda-tab-content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
}
.agenda-calendar-content .agenda-calendar-tabs span {
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-left: 10px;
  font-weight: 700;
  text-align: center;
  max-width: 67%;
}
.agenda-calendar-content .agenda-calendar-tabs span.error {
  color: #f8333c;
}
.agenda-calendar-content .active {
  background-color: White;
}
.agenda-calendar-content .active span {
  color: #2C2543;
}

.agenda-calendar-right {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.agenda-calendar-right .left-menu-context {
  right: -14px;
  top: -16px;
}

.active-home {
  display: inline-flex;
}
.active-home::before {
  opacity: 0.4;
  z-index: 1000;
}

.legend {
  width: 71%;
  margin: 0 auto;
  position: relative;
}
.legend .legend-title {
  color: #323232;
  font-size: 1.125rem;
  line-height: 1.26rem;
  font-weight: 700;
  margin: 40px;
}
.legend .legend-title p {
  color: #323232;
  font-size: 1.125rem;
  line-height: 1.26rem;
}
.legend .legend-title svg {
  position: absolute;
  right: 38px;
  top: 42px;
}
.legend .legend-content-show {
  display: flex;
  padding-top: 20px;
}
.legend .legend-content-show div {
  cursor: pointer;
  z-index: 999;
}
.legend .legend-content-show span {
  color: #060401;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  padding-left: 6px;
  font-weight: 600;
}
.legend .legend-wrapper {
  position: absolute;
  background-color: #FFFFFF;
  bottom: 95%;
  width: 848px;
  border-radius: 10px;
  box-shadow: 3px 10px 34px -12px rgba(0, 0, 0, 0.53);
}
.legend .legend-wrapper .legend-description {
  display: flex;
  margin-left: 40px;
  width: 100%;
}
.legend .legend-wrapper .legend-description span {
  font-size: 0.75rem;
  line-height: 1.26rem;
  color: #323232;
}
.legend .legend-wrapper .legend-description .legend-description-types {
  width: 45%;
}
.legend .legend-wrapper .legend-description .legend-description-types .legend-type-content {
  display: flex;
  padding-bottom: 25px;
  align-items: center;
}
.legend .legend-wrapper .legend-description .legend-description-types .legend-type-content img {
  width: 22px;
  height: 22px;
}
.legend .legend-wrapper .legend-description .legend-description-types span {
  padding-left: 13px;
}
.legend .legend-wrapper .legend-description .legend-description-icons {
  width: 50%;
}
.legend .legend-wrapper .legend-description .legend-description-icons .legend-description-icons-content {
  display: flex;
  padding-bottom: 18px;
  align-items: center;
}
.legend .legend-wrapper .legend-description .legend-description-icons .legend-description-icons-content span {
  padding-left: 13px;
}
.legend .legend-wrapper .legend-description .legend-description-icons .legend-description-icons-content .icon-legend-holder {
  background: #D8D8D8;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.widget-administration-title {
  display: flex;
  width: 80%;
  height: 81%;
  align-items: flex-end;
}
.widget-administration-title h1 {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.3125rem;
  letter-spacing: -0.006875rem;
}

.administration h3 {
  padding-left: 30px;
  line-height: 2rem;
  letter-spacing: -0.003125rem;
  font-size: 1rem;
  font-weight: 800;
  color: #000000;
  padding-top: 5px;
}
.administration a {
  padding-left: 70px;
  font-size: 0.875rem;
  letter-spacing: -0.00313rem;
  padding-top: 5px;
  font-weight: 600;
  display: block;
  margin: 0px;
  color: black;
  font-weight: 400;
}
.administration a:hover, .administration a.selected {
  color: #003558;
  font-weight: bold;
}
.administration .change-color {
  color: #006BB2;
}
.administration .administration-content-padding {
  padding-top: 25px;
}

/*STYLES FOR MOBILE HEADER DISABLED BECAUSE INTEGRATION IS NOT DONE YET*/
.left-menu {
  width: 88px;
  background-color: #001F35;
  display: flex;
  flex-direction: column;
  position: absolute;
  height: fit-content;
  min-height: 100%;
  z-index: 10;
}
.left-menu.invisible-menu {
  display: none;
}
.left-menu .menu-brand {
  display: none;
}
.left-menu .widget-content {
  height: 272px;
}
.left-menu .widget-wrapper-left {
  position: absolute;
  background-color: white;
  top: 0px;
  width: 440px;
  overflow: hidden;
  border-radius: 5px;
  height: 100%;
  overflow: hidden;
  transform: translateX(-120%);
  transition: all 650ms;
  z-index: 50;
}
.left-menu .widget-wrapper-left .widget-content-scroll {
  height: 43.125rem;
  width: 90% !important;
  margin: 0 auto;
  overflow: auto;
}
.left-menu .widget-wrapper-left .widget-content-bottom {
  display: flex;
  flex-direction: column;
  margin-top: 1.25rem;
}
.left-menu .widget-wrapper-left .widget-content-bottom .not-found-wrapper {
  margin-left: auto;
  margin-right: auto;
}
.left-menu .widget-wrapper-left.active-tab:after {
  height: auto !important;
}
.left-menu .burger-menu {
  padding-top: 40px;
  padding-left: 30px;
}
.left-menu .icon-your-day {
  padding-top: 80px;
  padding-left: 20px;
  display: flex;
}
.left-menu .icon-your-day .your-day-content {
  padding-bottom: 50px;
}
.left-menu .icon-your-day .your-day-content .icons-content {
  margin-left: 0px;
}
.left-menu .icon-your-day .your-day-content .icons-content {
  height: 53px;
}
.left-menu .icon-your-day .your-day-content .icons-content:hover {
  height: 53px;
}
.left-menu .icon-your-day .your-day-content .icons-content .title {
  font-size: 1.125rem;
  height: auto;
  padding-left: 20px;
}
.left-menu .icon-your-day .your-day-content .link,
.left-menu .icon-your-day .your-day-content p {
  font-size: 0.75rem;
  line-height: 1.3125rem;
  letter-spacing: 0.003125rem;
  font-weight: 500;
  color: #FFFFFF;
  height: 16px;
  padding-left: 4px;
  text-transform: uppercase;
  padding-top: 5px;
  margin-bottom: 3px;
}
.left-menu .icon-your-day .your-day-content span {
  color: #ACDBEE;
  font-size: 0.75rem;
  line-height: 1.3125rem;
  letter-spacing: 0.003125rem;
  font-weight: 400;
  padding-left: 7px;
}
.left-menu .icon-your-day .your-day-text {
  padding-left: 20px;
  padding-top: 20px;
  margin-bottom: 55px;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  letter-spacing: -0.00375rem;
  font-weight: 700;
  color: #FFFFFF;
}
.left-menu .icon-your-day .administration-text-color {
  color: #E98B08 !important;
}
.left-menu .icons-content {
  margin-top: 25px;
  padding-top: 0px;
  display: flex;
  align-items: center;
  height: 50px;
  margin-left: 20px;
  cursor: pointer;
}
.left-menu .icons-content p {
  padding-left: 20px;
  color: #FFFFFF;
  letter-spacing: -0.00375rem;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: 300;
}
.left-menu .icons-content .title {
  padding-left: 20px;
  color: #FFFFFF;
  letter-spacing: -0.00375rem;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: 400;
}

@media (max-width: 991.98px) {
  .homepage .left-menu {
    display: none;
  }
  .homepage .main-page {
    margin-left: 0;
  }
}
/* Check small devices */
@media (max-width: 767.98px) {
  .homepage .left-menu {
    width: auto;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    flex-direction: row;
    min-height: auto;
  }
  .homepage .left-menu .menu-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    background: transparent;
  }
  .homepage .left-menu .burger-menu {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    margin-left: auto;
  }
  .homepage .left-menu .menu-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    height: 100vh;
  }
  .homepage .left-menu .menu-collapse.collapsed {
    display: none;
  }
  .homepage .left-menu .menu-collapse.collapsed.show {
    display: block;
  }
  .homepage .left-menu .menu-collapse .menu-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-right: auto !important;
    overflow-y: scroll;
    max-height: 60vh;
  }
  .homepage .left-menu .icon-your-day {
    padding-top: 0;
  }
  .homepage .left-menu .icon-your-day .your-day-content {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
  }
  .homepage .left-menu .icon-your-day .your-day-content .icon-users {
    margin-top: 12px;
  }
  .homepage .left-menu .icon-your-day .your-day-content .time-info {
    display: flex;
  }
  .homepage .left-menu .icon-your-day .your-day-content .time-info p {
    padding-top: 0;
  }
  .homepage .left-menu .widget-wrapper-left {
    left: 0;
  }
  .homepage .left-menu .widget-wrapper-left.open {
    left: -308px;
  }
  .homepage .left-menu .widget-wrapper-left.open .widget-content-bottom {
    max-height: 60vh;
    overflow-y: auto;
  }
  .homepage .main-page {
    margin-left: 0;
  }
  .homepage .main-page .logo {
    display: none;
  }
}
.left-menu-background {
  background-color: #1A1A1A;
}

.icon-users.icons-content:hover svg circle, .icon-users.icons-content.selected svg circle {
  fill: #E98B08;
}
.icon-users.icons-content:hover svg path, .icon-users.icons-content.selected svg path {
  fill: white;
}

.menu-active {
  transition: all 0.2 s;
  width: 325px;
  z-index: 1001;
}
.menu-active .icons-content:hover, .menu-active .icons-content.selected {
  background-color: #003558;
  width: 272px;
  border-radius: 53px;
}
.menu-active .icons-content p {
  color: #FFFFFF;
}
.menu-active .icon-users.icons-content:hover svg circle {
  fill: #003558;
}
.menu-active .icon-users.icons-content:hover svg path {
  fill: #9CE3FF;
}

.widget-days {
  width: 80%;
  margin: 0 auto;
  height: 80px;
}
.widget-days li {
  list-style-type: none;
}
.widget-days .widget-days-presentation {
  display: flex;
  justify-content: space-between;
  width: 390px;
}
.widget-days .dropdown {
  position: relative;
  cursor: pointer;
  padding: 17px;
  border: 0.5px solid #E7E4E2;
  border-radius: 50%;
  color: #006BB2;
  width: 36px;
  font-size: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-height: 1.8125rem;
}
.widget-days .dropdown:hover {
  background-color: #006BB2;
  color: white;
  border: none;
  border-radius: 30px;
  max-height: 80px;
}
.widget-days .dropdown.selected {
  border: 2px solid #006BB2;
}
.widget-days .dropdown .dropdown-content {
  display: none;
  padding-right: 18px;
  width: 100%;
  padding-top: 8px;
}
.widget-days .dropdown .dropdown-content li {
  color: #FFFFFF;
  background-color: #006BB2;
  font-size: 0.875rem;
  line-height: 0.625rem;
  padding-top: 4px;
  padding-bottom: 4px;
}
.widget-days .dropdown .dropdown-content li:hover {
  color: #ACDBEE;
}
.widget-days .dropdown:hover .dropdown-content {
  display: block;
}

.bottom-widget .group-widget {
  width: 100%;
}
.bottom-widget .widget-wrapper-bottom {
  left: 100px;
  right: auto;
}
.bottom-widget .widget-content-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.my-planning.widget-days .widget-days-presentation {
  padding-top: 15px;
}

.widget {
  position: relative;
}

.widget-wrapper-bottom {
  position: fixed;
  background-color: white;
  bottom: 2%;
  right: 2%;
  width: 440px;
  overflow: hidden;
  height: 100px;
  border-radius: 15px;
  height: 105px;
  transition: all 650ms;
  overflow: hidden;
  z-index: 1000;
  box-shadow: 18px 0px 38px -3px rgba(0, 0, 0, 0.56);
}
.widget-wrapper-bottom .closed {
  background-color: #E98B08;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 15px 23px;
  height: 105px;
}
.widget-wrapper-bottom .closed .widget-content-left {
  display: flex;
  flex: auto;
  flex-direction: column;
}
.widget-wrapper-bottom .closed .widget-content-right {
  display: flex;
  flex-direction: column;
}
.widget-wrapper-bottom .closed .widget-content-right div {
  padding-bottom: 15px;
}
.widget-wrapper-bottom .closed .widget-content-block-1 {
  padding-bottom: 8px;
}
.widget-wrapper-bottom .closed .widget-content-block-1 span {
  color: #FFFFFF;
  letter-spacing: -0.0025rem;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  font-weight: 300;
}
.widget-wrapper-bottom .closed .widget-content-block-1 p {
  color: #FFFFFF;
  letter-spacing: -0.006875rem;
  line-height: 0.735625rem;
  font-size: 1.120625rem;
  margin-top: 8px;
  font-weight: 700;
}
.widget-wrapper-bottom .closed .widget-content-clock {
  display: flex;
}
.widget-wrapper-bottom .closed .widget-content-clock p {
  color: #252500;
  letter-spacing: -0.0425rem;
  font-size: 1.330625rem;
  font-weight: 300;
}
.widget-wrapper-bottom .closed .widget-content-clock img {
  width: 1.125rem;
  margin-right: 5px;
  width: 18px;
}
.widget-wrapper-bottom .widget-content-scroll {
  width: 90%;
  margin: 0 auto;
  height: calc(70vh - 197px);
  overflow-y: auto;
}
.widget-wrapper-bottom .date-picker-large {
  position: relative;
  width: 92%;
  right: 0px;
  padding: 0px 20px 1px;
}
.widget-wrapper-bottom .widget-days {
  width: 84%;
}
.widget-wrapper-bottom .widget-content-date-picker img {
  margin: 0px;
}

.open {
  transition: all 650ms;
  height: 90vh;
}
.open.my-widget {
  height: 100vh;
}
.open .widget-content {
  padding: 30px 40px !important;
}
.open .widget-content-left {
  padding-top: 10px !important;
  padding-left: 0px !important;
}
.open .widget-content-right {
  padding-top: 10px;
}
.open .widget-content-right div {
  padding-top: 0px;
  padding-bottom: 7px;
}

.widget-wrapper-left .widget-technical-acts,
.open .widget-technical-acts {
  background-color: #F1EDEA;
  border-radius: 10px;
  justify-content: space-between;
  margin-bottom: 16px;
  width: 344px;
  height: 72px;
  margin-left: 22px;
  align-items: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.widget-wrapper-left .widget-technical-acts:hover,
.open .widget-technical-acts:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.widget-wrapper-left .widget-technical-acts .widget-technical-acts-buttons,
.open .widget-technical-acts .widget-technical-acts-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.widget-wrapper-left .widget-technical-acts .widget-technical-acts-buttons button,
.open .widget-technical-acts .widget-technical-acts-buttons button {
  width: 40%;
  padding: 14px;
  margin-right: 10px;
}
.widget-wrapper-left .widget-technical-acts .widget-technical-acts-buttons .dots,
.open .widget-technical-acts .widget-technical-acts-buttons .dots {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.widget-wrapper-left .widget-technical-acts .widget-technical-acts-buttons .dots span,
.open .widget-technical-acts .widget-technical-acts-buttons .dots span {
  height: 6px;
  width: 6px;
  background-color: #BAB3AD;
  border-radius: 50%;
  display: inline-block;
  margin-top: 4px;
}
.widget-wrapper-left .widget-technical-acts .widget-technical-acts-buttons .dropdown,
.open .widget-technical-acts .widget-technical-acts-buttons .dropdown {
  background-color: #F1EDEA;
  display: flex;
  align-items: center;
  position: relative;
}
.widget-wrapper-left .widget-technical-acts .widget-technical-acts-buttons .dropdown li,
.open .widget-technical-acts .widget-technical-acts-buttons .dropdown li {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.010625rem;
  padding-left: 24px;
  font-weight: 700;
  list-style-type: none;
}
.widget-wrapper-left .widget-technical-acts .widget-technical-acts-buttons .dropdown .dropdown-content,
.open .widget-technical-acts .widget-technical-acts-buttons .dropdown .dropdown-content {
  position: absolute;
  background-color: #F1EDEA;
  left: -19.6875rem;
  top: 170%;
  width: 21.5rem;
  border: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 1;
  padding-top: 4%;
  border-top: none;
}
.widget-wrapper-left .widget-technical-acts .widget-technical-acts-buttons .dropdown .dropdown-content li,
.open .widget-technical-acts .widget-technical-acts-buttons .dropdown .dropdown-content li {
  width: 90%;
  margin: 0 auto;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  letter-spacing: -0.010625rem;
  padding: 10px;
  cursor: pointer;
}
.widget-wrapper-left .widget-technical-acts .widget-technical-acts-buttons .dropdown .dropdown-content li:hover,
.open .widget-technical-acts .widget-technical-acts-buttons .dropdown .dropdown-content li:hover {
  background-color: #7A736E;
}
.widget-wrapper-left .widget-technical-acts .text-end,
.open .widget-technical-acts .text-end {
  text-align: end;
  color: #006BB2;
  letter-spacing: 0.04375rem;
  line-height: 1.0625rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.widget-wrapper-left .widget-technical-acts .widget-content-box,
.open .widget-technical-acts .widget-content-box {
  display: flex;
  margin-bottom: 2px;
  width: 90%;
  align-items: center;
}
.widget-wrapper-left .widget-technical-acts .widget-content-box .widget-cremations-left,
.open .widget-technical-acts .widget-content-box .widget-cremations-left {
  display: flex;
  width: 75%;
}
.widget-wrapper-left .widget-technical-acts .widget-content-box .widget-cremations-left span,
.widget-wrapper-left .widget-technical-acts .widget-content-box .widget-cremations-left p,
.open .widget-technical-acts .widget-content-box .widget-cremations-left span,
.open .widget-technical-acts .widget-content-box .widget-cremations-left p {
  margin-right: 4px;
}
.widget-wrapper-left .widget-technical-acts .widget-content-box .widget-cremations-left span,
.open .widget-technical-acts .widget-content-box .widget-cremations-left span {
  color: #006BB2;
  font-size: 0.75rem;
  margin-top: -2px;
}
.widget-wrapper-left .widget-technical-acts .widget-content-box .widget-cremations-left p,
.open .widget-technical-acts .widget-content-box .widget-cremations-left p {
  color: #44403D;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 700;
}
.widget-wrapper-left .widget-technical-acts .widget-content-box .widget-cremations-left .widget-cremations-change-font,
.open .widget-technical-acts .widget-content-box .widget-cremations-left .widget-cremations-change-font {
  font-family: "Roboto-Bold", "sans-serif";
}
.widget-wrapper-left .widget-technical-acts .widget-content-box .widget-cremations-left .name,
.open .widget-technical-acts .widget-content-box .widget-cremations-left .name {
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.widget-wrapper-left .widget-technical-acts .widget-content-box .widget-cremations-left .time,
.open .widget-technical-acts .widget-content-box .widget-cremations-left .time {
  color: #44403D;
  letter-spacing: 0.0375rem;
  font-size: 0.75rem;
  font-weight: 400;
}
.widget-wrapper-left .widget-technical-acts .widget-content-box .widget-cremations-right,
.open .widget-technical-acts .widget-content-box .widget-cremations-right {
  width: 25%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.widget-wrapper-left .widget-technical-acts .widget-content-box .widget-cremations-right p,
.open .widget-technical-acts .widget-content-box .widget-cremations-right p {
  padding-right: 4px;
}
.widget-wrapper-left .widget-technical-acts .widget-content-box .stopped-info,
.open .widget-technical-acts .widget-content-box .stopped-info {
  color: #FFFFFF;
  background-color: #E31F22;
  border-radius: 3px;
  padding: 4px 10px;
  margin-right: 6px;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
}
.widget-wrapper-left .opperation-stopped,
.open .opperation-stopped {
  border: 2px solid #FF0000;
}
.widget-wrapper-left .widget-content,
.open .widget-content {
  background-color: #E98B08;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 15px;
}
.widget-wrapper-left .widget-content .widget-content-left,
.open .widget-content .widget-content-left {
  display: flex;
  flex: auto;
  flex-direction: column;
  padding-top: 100px;
  padding-left: 24px;
}
.widget-wrapper-left .widget-content .widget-content-left .widget-content-block-1,
.open .widget-content .widget-content-left .widget-content-block-1 {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.widget-wrapper-left .widget-content .widget-content-left .widget-content-block-1 span,
.open .widget-content .widget-content-left .widget-content-block-1 span {
  margin-bottom: 10px;
  color: #FFFFFF;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  letter-spacing: -0.00375rem;
}
.widget-wrapper-left .widget-content .widget-content-left .widget-content-block-1 p,
.open .widget-content .widget-content-left .widget-content-block-1 p {
  margin-bottom: 10px;
  font-size: 2rem;
  line-height: 1.3125rem;
  letter-spacing: -0.006875rem;
  color: #FFFFFF;
  font-weight: 700;
}
.widget-wrapper-left .widget-content .widget-content-clock,
.open .widget-content .widget-content-clock {
  display: flex;
  align-items: center !important;
}
.widget-wrapper-left .widget-content .widget-content-clock p,
.open .widget-content .widget-content-clock p {
  font-size: 2.375rem;
  letter-spacing: -0.0425rem;
  line-height: 1.3125rem;
  color: #252500;
  padding-left: 10px;
  font-weight: 300;
}
.widget-wrapper-left .widget-content-title,
.open .widget-content-title {
  display: flex;
  width: 90%;
  margin: 0 auto;
  padding-top: 65px;
}
.widget-wrapper-left .widget-content-title span, .widget-wrapper-left .widget-content-title p,
.open .widget-content-title span,
.open .widget-content-title p {
  letter-spacing: -0.03rem;
  font-size: 1.25rem;
  line-height: 1.3125rem;
  font-weight: 700;
  padding-bottom: 30px;
}
.widget-wrapper-left .widget-content-title span,
.open .widget-content-title span {
  color: #006BB2;
}
.widget-wrapper-left .widget-content-title p,
.open .widget-content-title p {
  color: #252500;
  padding-left: 5px;
  font-weight: 800;
}

.widget-wrapper-left .widget-content-right {
  padding-top: 30px;
  padding-right: 20px;
  margin-left: auto;
}
.widget-wrapper-left .widget-content-right div {
  padding-bottom: 15px;
}
.widget-wrapper-left .widget-content {
  justify-content: flex-start;
}
.widget-wrapper-left .widget-content-left {
  flex: unset;
  padding-top: 120px;
}

.widget-content-date-picker {
  display: flex;
  justify-content: flex-end;
  width: 90%;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  align-items: center;
  position: relative;
}
.widget-content-date-picker .date-picker-content-center {
  display: flex;
  align-items: center;
}
.widget-content-date-picker .date-picker-content-center span {
  padding-left: 5px;
  color: #7A736E;
  font-family: "Inter-Regular", sans-serif;
}
.widget-content-date-picker .date-picker-content-center svg {
  margin-left: 5px;
}
.widget-content-date-picker img {
  background: #006BB2;
  padding: 10px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.widget-content-date-picker img.clickable {
  cursor: pointer;
}
.widget-content-date-picker #arrow-rotate {
  transform: rotate(-180deg);
}
.widget-content-date-picker .text-bold {
  color: #323232 !important;
  font-weight: 700;
  font-family: "Inter-Bold", sans-serif;
}

.active-tab {
  transition: transform 0.8s;
  transform: translateX(70%) !important;
  z-index: 1;
}
.active-tab::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 10;
}

.container-select {
  margin-left: 10px;
  border-radius: 8px;
  border: 2px solid #e0e0e0 !important;
}
.container-select:active {
  border-color: none;
}
.container-select.dark [class$=control] {
  border-color: black;
}
.container-select [class$=control] {
  padding: 0 35px 0 15px;
  padding-right: 0;
  cursor: pointer;
  height: 100%;
}
.container-select [class$=control] > div:first-of-type {
  padding: 2px 0;
}
.container-select [class$=placeholder] {
  color: black;
}
.container-select [class$=ValueContainer] {
  height: 100%;
}
.container-select [class$=ValueContainer] [class$=singleValue] {
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.container-select [class$=Input] {
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.container-select [class$=IndicatorsContainer] {
  color: black;
  margin-right: 10px;
  outline: none !important;
}
.container-select [class$=IndicatorsContainer] [class$=indicatorContainer] {
  position: relative;
  background-color: white;
}
.container-select [class$=indicatorSeparator] {
  height: 10px;
  width: 16px;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  right: 10px;
  z-index: 1;
  background-color: transparent;
}
.container-select [class$=menu] {
  margin-left: -4px;
  margin-top: -8px;
  z-index: 10;
  width: 102%;
  border: 2px solid #e0e0e0;
  border-top: none;
  box-shadow: 0 12px 30px 0 rgba(175, 166, 159, 0.3);
}
.container-select .custom-menu-list {
  padding-bottom: 70px;
  display: table;
  width: 100%;
}
.container-select [class$=multiValue] {
  background-color: transparent;
  margin: 0;
  position: relative;
}
.container-select [class$=multiValue] > div:first-of-type {
  padding: 0;
  padding-right: 3px;
}
.container-select [class$=option] {
  background-color: white;
  color: #3c3733;
  position: relative;
  padding: 15px 15px;
  border-radius: 3px;
  width: 100%;
  margin: 0 auto;
}
.container-select [class$=option]:after {
  width: calc(100% - 30px);
  content: "";
  left: 10px;
  bottom: 0;
}
.container-select [class$=option]:last-child {
  margin-bottom: 10px;
}
.container-select [class$=option]:first-child {
  margin-top: 20px;
}
.container-select [class$=option]:hover {
  cursor: pointer;
  background-color: #f5f2f0;
}

.container-select-no-border {
  margin-left: 10px;
  border-radius: 8px;
}
.container-select-no-border:active {
  border-color: none;
}
.container-select-no-border.dark [class$=control] {
  border-color: black;
}
.container-select-no-border [class$=control] {
  padding: 0 35px 0 15px;
  padding-right: 0;
  cursor: pointer;
  height: 100%;
}
.container-select-no-border [class$=control] > div:first-of-type {
  padding: 2px 0;
}
.container-select-no-border [class$=placeholder] {
  color: black;
}
.container-select-no-border [class$=ValueContainer] {
  height: 100%;
}
.container-select-no-border [class$=ValueContainer] [class$=singleValue] {
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.container-select-no-border [class$=Input] {
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.container-select-no-border [class$=IndicatorsContainer] {
  color: black;
  margin-right: 10px;
  outline: none !important;
}
.container-select-no-border [class$=IndicatorsContainer] [class$=indicatorContainer] {
  position: relative;
  background-color: white;
}
.container-select-no-border [class$=IndicatorsContainer] [class$=indicatorSeparator] {
  height: 10px;
  width: 16px;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  right: 10px;
  z-index: 1;
  background-color: transparent;
}
.container-select-no-border [class$=menu] {
  margin-left: -22px;
  margin-top: -8px;
  z-index: 10;
  width: 104.9%;
  border: 2px solid #E0E0E0;
  border-top: none;
  box-shadow: 0 12px 30px 0 rgba(175, 166, 159, 0.3);
}
.container-select-no-border .custom-menu-list {
  padding-bottom: 70px;
  display: table;
  width: 100%;
}
.container-select-no-border [class$=multiValue] {
  background-color: transparent;
  margin: 0;
  position: relative;
}
.container-select-no-border [class$=multiValue] > div:first-of-type {
  padding: 0;
  padding-right: 3px;
}
.container-select-no-border [class$=option] {
  background-color: white;
  color: #3c3733;
  position: relative;
  padding: 15px 15px;
  border-radius: 3px;
  width: 100%;
  margin: 0 auto;
}
.container-select-no-border [class$=option]:after {
  width: calc(100% - 30px);
  content: "";
  left: 10px;
  bottom: 0;
}
.container-select-no-border [class$=option]:last-child {
  margin-bottom: 10px;
}
.container-select-no-border [class$=option]:first-child {
  margin-top: 20px;
}
.container-select-no-border [class$=option]:hover {
  cursor: pointer;
  background-color: #f5f2f0;
}

.container-select-no-border-with-modal {
  margin-left: 10px;
  border-radius: 8px;
}
.container-select-no-border-with-modal:active {
  border-color: none;
}
.container-select-no-border-with-modal.dark [class$=control] {
  border-color: black;
}
.container-select-no-border-with-modal [class$=control] {
  padding: 0 35px 0 15px;
  padding-right: 0;
  cursor: pointer;
  height: 100%;
}
.container-select-no-border-with-modal [class$=control] > div:first-of-type {
  padding: 2px 0;
}
.container-select-no-border-with-modal [class$=placeholder] {
  color: black;
}
.container-select-no-border-with-modal [class$=ValueContainer] {
  height: 100%;
}
.container-select-no-border-with-modal [class$=ValueContainer] [class$=singleValue] {
  color: #3c3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.container-select-no-border-with-modal [class$=Input] {
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.container-select-no-border-with-modal [class$=IndicatorsContainer] {
  color: black;
  margin-right: 10px;
  outline: none !important;
}
.container-select-no-border-with-modal [class$=IndicatorsContainer] [class$=indicatorContainer] {
  position: relative;
  background-color: white;
}
.container-select-no-border-with-modal [class$=IndicatorsContainer] [class$=indicatorSeparator] {
  height: 10px;
  width: 16px;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  right: 10px;
  z-index: 1;
  background-color: transparent;
}
.container-select-no-border-with-modal [class$=menu] {
  margin-left: -22px;
  margin-top: -8px;
  z-index: 10;
  width: 110%;
  border: 2px solid #E0E0E0;
  border-top: none;
  box-shadow: 0 12px 30px 0 rgba(175, 166, 159, 0.3);
}
.container-select-no-border-with-modal .custom-menu-list {
  padding-bottom: 70px;
  display: table;
  width: 100%;
}
.container-select-no-border-with-modal [class$=multiValue] {
  background-color: transparent;
  margin: 0;
  position: relative;
}
.container-select-no-border-with-modal [class$=multiValue] > div:first-of-type {
  padding: 0;
  padding-right: 3px;
}
.container-select-no-border-with-modal [class$=option] {
  background-color: white;
  color: #3c3733;
  position: relative;
  padding: 15px 15px;
  border-radius: 3px;
  width: 100%;
  margin: 0 auto;
}
.container-select-no-border-with-modal [class$=option]:after {
  width: calc(100% - 30px);
  content: "";
  left: 10px;
  bottom: 0;
}
.container-select-no-border-with-modal [class$=option]:last-child {
  margin-bottom: 10px;
}
.container-select-no-border-with-modal [class$=option]:first-child {
  margin-top: 20px;
}
.container-select-no-border-with-modal [class$=option]:hover {
  cursor: pointer;
  background-color: #f5f2f0;
}

.document-list [class$=control] {
  margin-left: -20px;
}
.document-list input[type=text] {
  margin-left: 5px;
}
.document-list .react-datepicker__input-container {
  margin-left: 5px;
}
.document-list .react-datepicker__input-container input[type=text] {
  margin-left: 0px;
}
.document-list [class$=indicatorSeparator] {
  background-color: transparent;
}

.header-content-botton .container-select {
  border: none !important;
}

.history .scroll-wrapper {
  display: flex;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 8px;
  height: 48px;
  align-items: center;
}
.history .scroll-wrapper .column-first {
  min-width: 170px;
}
.history .scroll-wrapper:nth-child(odd) {
  background: #f1edea;
}

.widget-message {
  z-index: 9999999;
  border-radius: 15px;
  background-color: #003558 !important;
}
.widget-message-header {
  width: 440px;
  height: 105px;
  padding: 20px 24px;
}
.widget-message-header-title {
  display: flex;
}
.widget-message-header-title .icon-close {
  margin-left: auto;
}
.widget-message-header-title p {
  color: #FFFFFF;
  font-size: 18px;
  font-family: "Inter", sans-serif;
  line-height: 11.77px;
  letter-spacing: -0.06px;
  display: flex;
  align-items: center;
  font-weight: 700;
}
.widget-message-header-title p::before {
  content: url("../assets/Icons/icon-systemmessage.svg");
  margin-right: 10px;
  margin-bottom: -5px;
}
.widget-message-header-info {
  display: flex;
  padding-top: 22px;
  align-items: center;
}
.widget-message-header-info p {
  font-size: 22px;
  font-family: "Inter", sans-serif;
  color: #FFFFFF;
  letter-spacing: -0.38px;
  line-height: 11.77px;
  font-weight: 200;
  padding-right: 10px;
}
.widget-message-header-info .info-messages {
  color: #E98B08;
}
.widget-message-header .icons {
  margin-left: auto;
}
.widget-message-wrapper {
  height: 70%;
  background-color: #FFFFFF;
  padding-top: 10px;
}
.widget-message-wrapper-content {
  margin: 22px;
  height: 90%;
  overflow: auto;
}
.widget-message .message {
  border-bottom: 2px solid #E7E4E2;
  padding: 10px 10px 25px 10px;
}
.widget-message .message-date {
  padding-bottom: 15px;
}
.widget-message .message-date p {
  color: #006BB2;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.05px;
  font-weight: 800;
}
.widget-message .message-body {
  padding-bottom: 24px;
}
.widget-message .message-body p {
  color: #252500;
  font-size: 14px;
  line-height: 22px;
}
.widget-message .message-button button {
  width: 176px;
  height: 48px;
}
.widget-message .header-open {
  height: 168px;
  padding-left: 40px;
}
.widget-message .header-open .widget-message-header-info {
  align-items: flex-start;
}
.widget-message .header-open .widget-message-header-info p {
  margin-top: 60px;
}
.widget-message .message-button .button-ghost:focus {
  border: 2px solid #006BB2;
}

.popup-loading {
  width: 520px;
  height: 219px;
  margin: 0 auto;
  background-color: white;
  box-shadow: 3px 10px 34px -12px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}
.popup-loading-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.popup-loading-body {
  display: block;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.popup-loading-body p {
  color: #1A1A1A;
  line-height: 20px;
  position: relative;
  font-size: 16px;
}
.popup-loading-image {
  text-align: center;
}
.popup-loading-image::after {
  content: url("../assets/Icons/icon-loading.svg");
}
.popup-loading h4 {
  display: block;
  text-align: center;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 21px;
  font-weight: bold;
  text-transform: uppercase;
}
.popup-loading p {
  display: block;
  text-align: center;
  font-weight: bold;
}
.popup-loading #floatingCirclesG {
  position: relative;
  width: 96px;
  height: 96px;
  margin: auto;
  transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
}
.popup-loading .f_circleG {
  position: absolute;
  background-color: rgb(255, 255, 255);
  height: 17px;
  width: 17px;
  border-radius: 9px;
  -o-border-radius: 9px;
  -ms-border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  animation-name: f_fadeG;
  -o-animation-name: f_fadeG;
  -ms-animation-name: f_fadeG;
  -webkit-animation-name: f_fadeG;
  -moz-animation-name: f_fadeG;
  animation-duration: 0.882s;
  -o-animation-duration: 0.882s;
  -ms-animation-duration: 0.882s;
  -webkit-animation-duration: 0.882s;
  -moz-animation-duration: 0.882s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}
.popup-loading #frotateG_01 {
  left: 0;
  top: 39px;
  animation-delay: 0.3295s;
  -o-animation-delay: 0.3295s;
  -ms-animation-delay: 0.3295s;
  -webkit-animation-delay: 0.3295s;
  -moz-animation-delay: 0.3295s;
}
.popup-loading #frotateG_02 {
  left: 11px;
  top: 11px;
  animation-delay: 0.446s;
  -o-animation-delay: 0.446s;
  -ms-animation-delay: 0.446s;
  -webkit-animation-delay: 0.446s;
  -moz-animation-delay: 0.446s;
}
.popup-loading #frotateG_03 {
  left: 39px;
  top: 0;
  animation-delay: 0.5525s;
  -o-animation-delay: 0.5525s;
  -ms-animation-delay: 0.5525s;
  -webkit-animation-delay: 0.5525s;
  -moz-animation-delay: 0.5525s;
}
.popup-loading #frotateG_04 {
  right: 11px;
  top: 11px;
  animation-delay: 0.659s;
  -o-animation-delay: 0.659s;
  -ms-animation-delay: 0.659s;
  -webkit-animation-delay: 0.659s;
  -moz-animation-delay: 0.659s;
}
.popup-loading #frotateG_05 {
  right: 0;
  top: 39px;
  animation-delay: 0.7755s;
  -o-animation-delay: 0.7755s;
  -ms-animation-delay: 0.7755s;
  -webkit-animation-delay: 0.7755s;
  -moz-animation-delay: 0.7755s;
}
.popup-loading #frotateG_06 {
  right: 11px;
  bottom: 11px;
  animation-delay: 0.882s;
  -o-animation-delay: 0.882s;
  -ms-animation-delay: 0.882s;
  -webkit-animation-delay: 0.882s;
  -moz-animation-delay: 0.882s;
}
.popup-loading #frotateG_07 {
  left: 39px;
  bottom: 0;
  animation-delay: 0.9985s;
  -o-animation-delay: 0.9985s;
  -ms-animation-delay: 0.9985s;
  -webkit-animation-delay: 0.9985s;
  -moz-animation-delay: 0.9985s;
}
.popup-loading #frotateG_08 {
  left: 11px;
  bottom: 11px;
  animation-delay: 1.105s;
  -o-animation-delay: 1.105s;
  -ms-animation-delay: 1.105s;
  -webkit-animation-delay: 1.105s;
  -moz-animation-delay: 1.105s;
}
@keyframes f_fadeG {
  0% {
    background-color: rgb(233, 139, 8);
  }
  100% {
    background-color: rgb(255, 255, 255);
  }
}
@-o-keyframes f_fadeG {
  0% {
    background-color: rgb(233, 139, 8);
  }
  100% {
    background-color: rgb(255, 255, 255);
  }
}
@-ms-keyframes f_fadeG {
  0% {
    background-color: rgb(233, 139, 8);
  }
  100% {
    background-color: rgb(255, 255, 255);
  }
}
@-webkit-keyframes f_fadeG {
  0% {
    background-color: rgb(233, 139, 8);
  }
  100% {
    background-color: rgb(255, 255, 255);
  }
}
@-moz-keyframes f_fadeG {
  0% {
    background-color: rgb(233, 139, 8);
  }
  100% {
    background-color: rgb(255, 255, 255);
  }
}

.cellules-presentation {
  width: 100%;
}
.cellules-presentation-header {
  width: 100%;
  display: flex;
  padding-left: 110px;
  margin-bottom: 15px;
}
.cellules-presentation .cellules-presentation-wrapper {
  min-height: 160px;
}
.cellules-presentation .single-cellules {
  width: 10%;
  text-align: center;
}
.cellules-presentation .single-cellules p {
  color: #060401;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
}
.cellules-presentation-days {
  background-color: #e3e0dc;
  height: 32px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  border-radius: 5px;
}
.cellules-presentation-days span {
  display: inline-block;
  color: #56524D;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  padding-right: 5px;
}
.cellules-presentation-rooms {
  width: 100%;
  display: flex;
  position: relative;
  min-height: 160px;
}
.cellules-presentation-rooms .borders {
  position: absolute;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #D7D7D7;
}
.cellules-presentation-rooms .single-room {
  display: flex;
  justify-content: center;
  width: 10%;
  min-height: 125px;
  border-left: 1px solid #D7D7D7;
  z-index: 1;
  margin-top: 5px;
}
.cellules-presentation-rooms .single-room:first-child {
  margin-left: 110px;
  border-left: none;
}
.cellules-presentation-rooms .single-room-presentation {
  width: 64px;
  background-color: #006BB2;
  height: 64px;
  border-radius: 8px;
  cursor: pointer;
}
.cellules-presentation-rooms .single-room-closed {
  width: 64px;
  background-color: #D53E2A;
  height: 64px;
  border-radius: 8px;
  cursor: not-allowed;
}
.cellules-presentation-rooms .color-yellow {
  background-color: #E98B08;
}
.cellules-presentation-rooms .color-red {
  background-color: #D53E2A;
}
.cellules-presentation-rooms .color-brown {
  background-color: #96643E;
}
.cellules-presentation-rooms .color-light-blue {
  background-color: #ACDBEE;
}
.cellules-presentation-rooms .color-black {
  background-color: #323232;
}
.cellules-presentation-rooms .color-green {
  background-color: #346638;
}
.cellules-presentation-rooms .color-dark-blue {
  background-color: #006BB2;
}
.cellules-presentation-rooms .color-dark-red {
  background-color: #A56F68;
}

.info-line {
  width: 1000px;
  margin: 0 auto;
  background-color: white;
  box-shadow: 3px 10px 34px -12px rgba(0, 0, 0, 0.53);
  border-radius: 8px;
  position: fixed;
  z-index: 999999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.info-line .info-line-content {
  width: 80%;
  margin: 0 auto;
}
.info-line .info-line-header {
  background-color: #003558;
  padding-top: 40px;
  padding-bottom: 40px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.info-line .info-line-header .info-line-header-content {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.info-line .info-line-header-button-wrapper {
  display: flex;
}
.info-line .info-line-header-button-wrapper .add-button {
  margin-right: 1.25rem;
}
.info-line .info-line-header .info-line-header-title {
  display: flex;
  width: 97%;
  align-items: center;
}
.info-line .info-line-header .info-line-header-title img {
  width: 24px;
  height: 24px;
}
.info-line .info-line-header .info-line-header-title p {
  margin-left: 12px;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3125rem;
  letter-spacing: -0.005rem;
}
.info-line .info-line-content-text {
  width: 90%;
  margin: 0 auto;
  color: red;
  font-size: 1rem;
  letter-spacing: -0.01125rem;
  line-height: 1.25rem;
  padding: 10px;
}
.info-line .info-line-content-buttons {
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
  padding-top: 25px;
}
.info-line .info-line-content-buttons .button-content {
  width: 100%;
  margin-bottom: 16px;
}
.info-line .info-line-content-buttons .button-content .button-border {
  width: 237px;
  height: 56px;
  position: relative;
  text-align: left;
  padding-left: 23px;
  color: #006BB2;
  font-weight: 700;
  letter-spacing: -0.010625rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
}
.info-line .info-line-content-buttons .button-content .button-border:focus {
  outline: none;
  border: 2px solid #003558;
  border-radius: 8px;
}
.info-line .info-line-content-buttons .button-content .button-border svg {
  position: absolute;
  right: 20px;
  top: 15px;
}
.info-line .info-line-content-buttons .button-content .button-full {
  width: 216px;
  height: 56px;
}
.info-line .info-line-content-buttons .button-content .button-red {
  width: 216px;
  height: 56px;
}
.info-line .info-line-content-buttons .button-end {
  text-align: end;
}
.info-line-wrapper {
  width: 90%;
  margin: 0 auto;
}
.info-line-title {
  display: flex;
  list-style-type: none;
}
.info-line-title li {
  width: 23%;
  color: #006BB2;
  font-weight: 700;
  padding: 16px 12px;
}
.info-line-title li:last-child {
  width: 6%;
}
.info-line-row {
  display: flex;
  list-style-type: none;
  transition: 0.3s;
}
.info-line-row:hover li {
  transition: 0.3s;
  color: #006BB2;
  cursor: pointer;
}
.info-line-row:nth-child(even) {
  background-color: #EBEBEB;
}
.info-line-row li {
  color: #34312F;
  font-size: 16px;
  letter-spacing: -0.18px;
  line-height: 20px;
  width: 23%;
  padding: 16px 12px;
  transition: 0.3s;
}
.info-line-row li:last-child {
  width: 6%;
}
.info-line .checkbox-facture {
  -webkit-appearance: auto;
  appearance: auto;
}

.login {
  background-image: url("../assets/Images/background-login.jpg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  min-height: 100vh;
  position: relative;
  display: flex;
}
.login::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.4;
}
.login .login-content {
  width: 900px;
  height: 630px;
  display: flex;
  margin: auto;
  border-radius: 10px;
  z-index: 10;
}
.login .login-content .login-content-left {
  background-image: url("../assets/Images/header-blue.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: bottom;
  width: 300px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  flex-direction: column;
}
.login .login-content-right {
  width: 600px;
  background-color: #FFFFFF;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.login .image-logo {
  max-width: 230px;
  margin: 0 auto;
  margin-top: 50px;
}
.login .image-logo img {
  width: 100%;
  height: auto;
}
.login .login-content-adress {
  margin-top: 440px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 75%;
  margin: 0 auto;
  margin-top: auto;
  margin-bottom: 30px;
}
.login .login-content-adress p {
  font-size: 12px;
  line-height: 20px;
  color: #FFFFFF;
  font-weight: 300;
}
.login .login-content-adress .bold {
  font-weight: 700;
  font-family: "Inter-Bold", sans-serif;
}
.login .login-content-right {
  padding-top: 50px;
}
.login .login-content-wrapper {
  width: 80%;
  margin: 0 auto;
}
.login .black-subtitle {
  margin-top: 14px;
  margin-bottom: 14px;
  font-family: "Inter-Bold", sans-serif;
}
.login .light-subtitle {
  font-family: "Inter-Regular", sans-serif;
  font-weight: 500 !important;
}
.login .field-input {
  margin-bottom: 18px;
  margin-left: 0px;
}
.login .field-input input {
  margin-left: 0px;
}
.login .login-inputs {
  margin-top: 50px;
}
.login input {
  width: 493px;
}
.login .button-content {
  margin-top: 30px;
}
.login .button-content .blue-link-uderline {
  margin-left: 25px;
}
.login .blue-link-uderline {
  font-weight: 600;
}
.login .links-content {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}
.login .links-content .black-subtitle {
  margin-bottom: 18px;
}
.login .links-content .blue-link-uderline {
  margin-bottom: 15px;
  font-family: "Inter-Regular", sans-serif;
}
.login .links-content .blue-link-uderline::before {
  content: url("../assets/Icons/icon-arrow.svg");
  display: inline-block;
  margin-right: 12px;
}
.login .select2 {
  width: 100%;
  min-height: 40px;
  margin-bottom: 20px;
}
.login .select2 .select2-selection__arrow {
  background-image: url("../assets/Icons/chevron-big.svg");
  background-repeat: no-repeat;
  background-position: center;
  top: 10px !important;
  right: 15px !important;
}
.login .select2 .select2-selection__arrow b {
  display: none;
}
.login .select2 .select2-selection__rendered {
  padding: 5px !important;
  color: #3C3733 !important;
  font-size: 16px !important;
  padding-left: 20px !important;
}
.login .select2 .select2-selection {
  min-height: 40px;
  border-radius: 8px !important;
  border: none !important;
}
.login .white-title {
  margin-bottom: 20px;
}

.select2-container--open .select2-dropdown {
  top: -12px !important;
  border-radius: 8px !important;
  padding-top: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: none;
}
.select2-container--open .select2-results__option--selected {
  background-color: white;
}
.select2-container--open .select2-results__option {
  margin: 10px;
  padding: 6px 10px;
  color: #3C3733 !important;
  border-radius: 6px !important;
}
.select2-container--open .select2-results__option:hover {
  background-color: #f5f2f0 !important;
}

.select2-results__option--highlighted {
  background-color: #f5f2f0 !important;
}

.my-day {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  width: 500px;
}
@media screen and (max-width: 1720px) {
  .my-day {
    display: none;
  }
}
.my-day ::after, .my-day ::before {
  content: none;
}
.my-day__header {
  padding: 30px 24px 19px 24px;
  background-color: #003558;
  color: white;
}
.my-day__header__actions {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
}
.my-day__header__actions__item {
  background-color: transparent;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
.my-day__header__actions__item:hover {
  opacity: 0.6;
}
.my-day__header__actions__item svg {
  fill: white;
}
.my-day__header__content__text {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
}
.my-day__header__content__title {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 10px;
}
.my-day__header__content__time {
  display: flex;
  align-items: center;
  gap: 12px;
}
.my-day__header__content__time__icon {
  position: relative;
  width: 32px;
  min-width: 32px;
  height: 32px;
  z-index: 2;
}
.my-day__header__content__time span {
  color: #FF9400;
  font-family: "Inter", sans-serif;
  font-size: 38px;
  font-weight: 200;
  line-height: 21px;
  letter-spacing: -0.679px;
}
.my-day__body {
  display: flex;
  flex-direction: column;
  padding: 24px;
  background-color: white;
  height: 100%;
  overflow: auto;
  list-style: none;
}
.my-day__list {
  display: flex;
  flex-direction: column;
  gap: 9px;
  list-style: none;
}
.my-day__body-section__header {
  padding: 7px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #AFA69F;
}
.my-day__body-section__header__title {
  color: #006BB2;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}
.my-day__body-section__header__date {
  color: #696969;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
}
.my-day__body-section__header__right {
  display: flex;
  align-items: center;
  gap: 7px;
}
.my-day__body-section__header__right__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-color: transparent;
  transform: rotate(180deg);
  transition: transform 0.2s ease-in-out;
}
.my-day__body-section__header__right__btn svg {
  stroke: #FF9400;
}
.my-day__body-section[open] .my-day__body-section__header__right__btn {
  transform: rotate(0deg);
}
.my-day__body-section[open] .my-day__body-section__header__right__btn svg {
  stroke: #006BB2;
}
.my-day__body-section__content {
  padding-top: 9px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: none;
}
.my-day__schedule {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  background-color: #F1EDEA;
  cursor: pointer;
}
.my-day__schedule--open {
  margin-bottom: 280px;
}
.my-day__schedule:hover .my-day__schedule__actions {
  opacity: 1;
  pointer-events: auto;
}
.my-day__schedule:hover .my-day__schedule__side__details {
  display: none;
}
.my-day__schedule__icon {
  width: 16px;
  min-width: 16px;
  max-height: 16px;
}
.my-day__schedule__side {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
}
.my-day__schedule__side--left {
  flex-wrap: wrap;
  padding: 9px 0 9px 8px;
  width: 112px;
  min-width: 162px;
  flex-direction: column;
  align-items: start;
}
.my-day__schedule__side__details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 10px;
  padding: 9px 8px 9px 0;
  width: 100%;
}
.my-day__schedule__side__details__text {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 7px;
}
.my-day__schedule__side__details__icons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.my-day__schedule__time {
  display: flex;
  align-items: center;
  gap: 2px;
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.4px;
}
.my-day__schedule__time svg {
  width: 8px;
  transform: rotate(-90deg);
  stroke: #FF9400;
}
.my-day__schedule__title {
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
}
.my-day__schedule__id {
  text-align: right;
  color: #E98B08;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.my-day__schedule__id--active {
  color: white;
}
.my-day__schedule__room {
  width: max-content;
  min-width: 60px;
  padding: 2px 4px;
  text-align: center;
  border-radius: 4px;
  background: #7A736E;
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.my-day__schedule__actions {
  position: absolute;
  display: flex;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}
.my-day__schedule__actions::after {
  content: "";
  position: absolute;
  border-radius: 4px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F1EDEA;
}
.my-day__schedule__actions__container {
  position: relative;
  height: 100%;
  display: flex;
  gap: 8px;
  z-index: 1;
}
.my-day__schedule__actions__dots {
  position: absolute;
  right: 8px;
  top: 50%;
  width: 30px;
  height: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
  transform: translateY(-50%);
  z-index: 1;
}
.my-day__schedule__actions__dots:hover {
  opacity: 0.5;
}
.my-day__schedule__actions__dots span {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: #7A736E;
  border-radius: 50%;
  z-index: 1;
  transition: opacity 0.2s ease-in-out;
}
.my-day__schedule__actions__item {
  padding: 8px;
  min-height: 32px;
  height: 100%;
  max-height: 42px;
  width: 100%;
  margin: auto 0;
  border-radius: 4px;
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  transition: opacity 0.2s ease-in-out;
}
.my-day__schedule__actions__item:hover {
  opacity: 0.75;
}
.my-day__schedule__actions--edit {
  background-color: #E98B08;
}
.my-day__schedule__actions--select {
  background-color: #006BB2;
}
.my-day__schedule__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #F1EDEA;
  transform: translateY(-1px);
  z-index: 3;
}
.my-day__schedule__dropdown__item {
  padding: 8px;
  background: none;
  text-align: left;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
}
.my-day__schedule__dropdown__item:hover {
  background-color: #7A736E;
  color: white;
  opacity: 0.75;
}

button, a {
  font-family: "Inter", sans-serif;
}
button.btn, a.btn {
  padding: 1rem 2rem;
  font-size: 0.8rem;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
button.btn-primary, a.btn-primary {
  color: #ffffff;
  background-color: #23a474;
  border: 2px solid #23a474;
  transition: all 0.3s ease;
}
button.btn-primary.btn-hover, a.btn-primary.btn-hover {
  opacity: 0.8;
}
button.btn-primary:hover, button.btn-primary.btn-hover, a.btn-primary:hover, a.btn-primary.btn-hover {
  opacity: 0.8;
}
button.btn-primary:disabled, button.btn-primary.btn-disabled, a.btn-primary:disabled, a.btn-primary.btn-disabled {
  opacity: 0.6;
}
button.btn-primary:disabled:hover, button.btn-primary.btn-disabled:hover, a.btn-primary:disabled:hover, a.btn-primary.btn-disabled:hover {
  opacity: 0.6;
}
button.btn-primary:focus, a.btn-primary:focus {
  outline: none;
}
button.btn-primary-ghost, a.btn-primary-ghost {
  color: #23a474;
  background-color: #ffffff;
  border: 2px solid #23a474;
  transition: all 0.3s ease;
}
button.btn-primary-ghost.btn-hover, a.btn-primary-ghost.btn-hover {
  opacity: 0.8;
}
button.btn-primary-ghost:hover, button.btn-primary-ghost.btn-hover, a.btn-primary-ghost:hover, a.btn-primary-ghost.btn-hover {
  opacity: 0.8;
}
button.btn-primary-ghost:disabled, button.btn-primary-ghost.btn-disabled, a.btn-primary-ghost:disabled, a.btn-primary-ghost.btn-disabled {
  opacity: 0.6;
}
button.btn-primary-ghost:disabled:hover, button.btn-primary-ghost.btn-disabled:hover, a.btn-primary-ghost:disabled:hover, a.btn-primary-ghost.btn-disabled:hover {
  opacity: 0.6;
}
button.btn-primary-ghost:focus, a.btn-primary-ghost:focus {
  outline: none;
}
button.btn-secondary, a.btn-secondary {
  color: #ffffff;
  background-color: #fcab10;
  border: 2px solid #fcab10;
  transition: all 0.3s ease;
}
button.btn-secondary.btn-hover, a.btn-secondary.btn-hover {
  opacity: 0.8;
}
button.btn-secondary:hover, button.btn-secondary.btn-hover, a.btn-secondary:hover, a.btn-secondary.btn-hover {
  opacity: 0.8;
}
button.btn-secondary:disabled, button.btn-secondary.btn-disabled, a.btn-secondary:disabled, a.btn-secondary.btn-disabled {
  opacity: 0.6;
}
button.btn-secondary:disabled:hover, button.btn-secondary.btn-disabled:hover, a.btn-secondary:disabled:hover, a.btn-secondary.btn-disabled:hover {
  opacity: 0.6;
}
button.btn-secondary:focus, a.btn-secondary:focus {
  outline: none;
}
button.btn-secondary-ghost, a.btn-secondary-ghost {
  color: #fcab10;
  background-color: #ffffff;
  border: 2px solid #fcab10;
  transition: all 0.3s ease;
}
button.btn-secondary-ghost.btn-hover, a.btn-secondary-ghost.btn-hover {
  opacity: 0.8;
}
button.btn-secondary-ghost:hover, button.btn-secondary-ghost.btn-hover, a.btn-secondary-ghost:hover, a.btn-secondary-ghost.btn-hover {
  opacity: 0.8;
}
button.btn-secondary-ghost:disabled, button.btn-secondary-ghost.btn-disabled, a.btn-secondary-ghost:disabled, a.btn-secondary-ghost.btn-disabled {
  opacity: 0.6;
}
button.btn-secondary-ghost:disabled:hover, button.btn-secondary-ghost.btn-disabled:hover, a.btn-secondary-ghost:disabled:hover, a.btn-secondary-ghost.btn-disabled:hover {
  opacity: 0.6;
}
button.btn-secondary-ghost:focus, a.btn-secondary-ghost:focus {
  outline: none;
}
button.btn-white, a.btn-white {
  background-color: #ffffff;
  color: #006BB2;
  border-radius: 0.5rem;
  padding: 1rem;
  font-weight: 600;
}
button.btn-white svg,
button.btn-white .design__designsystem__icon-logout__shape,
button.btn-white .design__designsystem__icon-closer__shape,
button.btn-white .design__designsystem__icon-calendar-burgermenu__shape, a.btn-white svg,
a.btn-white .design__designsystem__icon-logout__shape,
a.btn-white .design__designsystem__icon-closer__shape,
a.btn-white .design__designsystem__icon-calendar-burgermenu__shape {
  fill: #003558;
  margin-right: 8px;
}
button.btn-rounded, a.btn-rounded {
  border-radius: 0.5rem;
}
button.btn-block, a.btn-block {
  width: 100%;
}
button.btn-xs, a.btn-xs {
  min-width: 7.5rem;
}
button.btn-sm, a.btn-sm {
  min-width: 9.375rem;
}
button.btn-md, a.btn-md {
  min-width: 11.25rem;
}
button.btn-lg, a.btn-lg {
  min-width: 11.25rem;
}
button.btn-xl, a.btn-xl {
  min-width: 18.75rem;
}
button.btn-icon-left i, a.btn-icon-left i {
  margin-right: 2rem;
}
button.btn-icon-right i, a.btn-icon-right i {
  margin-left: 2rem;
}
button.btn-icon-center, a.btn-icon-center {
  display: flex;
  align-items: center;
  padding: 1.5rem;
}
button.btn-loading i, a.btn-loading i {
  animation: spin 1s infinite linear forwards;
}

a.btn {
  display: inline-flex;
}

.btn-dark-blue {
  background-color: #003558;
  border-radius: 8px;
  min-width: 170px;
  min-height: 56px;
  padding: 8px 22px;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.17px;
}

.btn-light-blue {
  background-color: #006BB2;
  border-radius: 8px;
  min-width: 170px;
  min-height: 56px;
  padding: 8px 40px;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.17px;
}

.btn-border-dark-grey {
  border: 2px solid #7A736E;
  border-radius: 8px;
  min-width: 170px;
  min-height: 56px;
  padding: 8px 35px;
  color: #7A736E;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: -0.17px;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-remove {
  border: 2px solid #7A736E;
  border-radius: 8px;
  min-width: 170px;
  min-height: 56px;
  padding: 8px 35px;
  color: #7A736E;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: -0.17px;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
}
.btn-remove::before {
  content: url("../assets/Icons/icon-trash.svg");
  display: block;
  margin-right: 15px;
  margin-top: 2px;
}
.btn-remove:hover {
  background: #7A736E;
  color: #fff;
}

.button-add {
  background-color: #7A736E;
  border-radius: 8px;
  min-width: 170px;
  min-height: 56px;
  padding: 8px 40px;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.17px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  border: 2px solid #7A736E;
}
.button-add::before {
  content: url("../assets/Icons/icon-add-more.svg");
  display: block;
  margin-right: 15px;
  margin-top: 2px;
}
.button-add:hover {
  background: none;
  border: 2px solid #7A736E;
  color: #7A736E;
}

.btn-dark-grey {
  background-color: #7A736E;
  border-radius: 8px;
  min-width: 170px;
  min-height: 56px;
  padding: 8px 40px;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.17px;
  font-size: 14px;
}

.btn-dark-border-small {
  background: transparent;
  margin-right: 10px;
  border: 2px solid #003558;
  border-radius: 8px;
  min-width: 120px;
  height: 56px;
  font-size: 14px;
  font-weight: 700;
  color: #003558;
}

.btn-light-blue-border {
  border: 2px solid #006BB2;
  border-radius: 8px;
  color: #006BB2;
  font-weight: 700;
  font-family: "Inter-Bold", sans-serif;
  letter-spacing: -0.17px;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

a.btn-link {
  color: #293241;
  font-size: 0.8rem;
  font-weight: bold;
  position: relative;
  transition: all 0.3s ease;
}
a.btn-link:hover::after {
  transform: scale(1);
}
a.btn-link::after {
  content: "";
  display: inline-block;
  transform: scale(0);
  width: 100%;
  height: 2px;
  background-color: #293241;
  position: absolute;
  left: 0;
  bottom: -5px;
  transition: all 0.3s ease;
}
a.btn-link-primary {
  color: #23a474;
  font-size: 0.8rem;
  font-weight: bold;
  position: relative;
  transition: all 0.3s ease;
}
a.btn-link-primary:hover::after {
  transform: scale(1);
}
a.btn-link-primary::after {
  content: "";
  display: inline-block;
  transform: scale(0);
  width: 100%;
  height: 2px;
  background-color: #23a474;
  position: absolute;
  left: 0;
  bottom: -5px;
  transition: all 0.3s ease;
}
a.btn-link-secondary {
  color: #fcab10;
  font-size: 0.8rem;
  font-weight: bold;
  position: relative;
  transition: all 0.3s ease;
}
a.btn-link-secondary:hover::after {
  transform: scale(1);
}
a.btn-link-secondary::after {
  content: "";
  display: inline-block;
  transform: scale(0);
  width: 100%;
  height: 2px;
  background-color: #fcab10;
  position: absolute;
  left: 0;
  bottom: -5px;
  transition: all 0.3s ease;
}

input[type=checkbox].checkbox {
  position: absolute;
  left: -9999px;
}
input[type=checkbox].checkbox + label {
  position: relative;
  display: inline-block;
  padding: 6px 10px 6px 28px;
  cursor: pointer;
}
input[type=checkbox].checkbox + label:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin: -9px 0 0;
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>icon</title><path d="M28,4V28H4V4H28m4-4H0V32H32V0Z" style="fill:%2323a474"/></svg>');
}
input[type=checkbox].checkbox:checked + label:before {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>icon</title><rect width="32" height="32" style="fill:%2323a474"/><path d="M23.24,11.14a.89.89,0,0,0-1.26,0L14.14,19,10,14.85a.89.89,0,0,0-1.26,1.26l4.76,4.75a.88.88,0,0,0,1.25,0l8.47-8.47A.88.88,0,0,0,23.24,11.14Z" style="fill:%23FFF"/></svg>');
}
input[type=checkbox].checkbox:disabled + label {
  cursor: not-allowed;
}
input[type=checkbox].checkbox:disabled + label:before {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>icon</title><path d="M28,4V28H4V4H28m4-4H0V32H32V0Z" style="fill:%23e2e6ed"/></svg>');
}
input[type=checkbox].checkbox:disabled:checked + label:before {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>icon</title><rect width="32" height="32" style="fill:%23e2e6ed"/><path d="M23.24,11.14a.89.89,0,0,0-1.26,0L14.14,19,10,14.85a.89.89,0,0,0-1.26,1.26l4.76,4.75a.88.88,0,0,0,1.25,0l8.47-8.47A.88.88,0,0,0,23.24,11.14Z" style="fill:%23FFF"/></svg>');
}

.checkbox-container {
  position: relative;
  display: block;
}
.checkbox-container .message-error, .checkbox-container .message-success {
  display: block;
  margin: 0.5rem 1.75rem;
}

.checkbox-container-inline {
  position: relative;
  display: inline-flex;
  min-width: 12.5rem;
  flex-direction: column;
}
.checkbox-container-inline .message-error, .checkbox-container-inline .message-success {
  display: block;
  margin: 0.5rem 1.75rem;
}

label {
  display: flex;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.375em;
  /* Accessible outline */
  /* Remove comment to use */
  /*
  	&:focus-within {
  			outline: .125em solid $primary-color;
  	}
  */
}
label input {
  position: absolute;
  left: -9999px;
}
label input[name=address] {
  position: relative;
  left: 0px;
}
label input:checked + span:before {
  box-shadow: inset 0 0 0 0.3375em white;
  background-color: #006bb2;
}
label input[name=paymentName] {
  position: relative;
  left: 0px;
}
label span {
  display: flex;
  align-items: center;
  border-radius: 99em;
  transition: 0.25s ease;
}
label span:not(.ant-checkbox) before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: white;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin-right: 15px;
  transition: 0.25s ease;
  border: 2px solid #E0E0E0;
}

.ui-datepicker {
  background: #ffffff;
  border: 2px solid #e2e6ed;
  margin-top: 0.625rem;
  padding: 1rem;
  min-width: 21.875rem;
  display: none;
}

.ui-datepicker-header {
  display: inline-flex;
  padding: 0 1rem 1rem 1rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}

.ui-datepicker-prev, .ui-datepicker-next {
  font-size: 0.75rem;
  padding: 0.375rem 0.25rem;
  position: absolute;
  left: 0.75rem;
  color: #a4b0c5;
  text-transform: uppercase;
  cursor: pointer;
}

.ui-datepicker-next {
  right: 0.75rem;
  left: auto;
}

.ui-datepicker-title {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #23a474;
}

.ui-datepicker-calendar thead {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
}
.ui-datepicker-calendar tbody {
  font-size: 0.75rem;
  text-align: center;
}
.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  padding: 0.375rem 0.25rem;
}
.ui-datepicker-calendar td .ui-state-default,
.ui-datepicker-calendar th .ui-state-default {
  color: #293241;
  transition: all 0.1s ease;
}
.ui-datepicker-calendar td .ui-state-default:hover,
.ui-datepicker-calendar th .ui-state-default:hover {
  color: #23a474;
  font-weight: bold;
}
.ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight {
  color: #ffffff;
  position: relative;
  font-weight: bold;
}
.ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight::before {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fcab10;
  z-index: -1;
}
.ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-active {
  color: #ffffff;
  position: relative;
  font-weight: bold;
}
.ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-active::before {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #23a474;
  z-index: -1;
}
.ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
  color: #a4b0c5;
}

.timepicker {
  text-align: center;
}

/**
 * jQuery Timepicker
 * http://timepicker.co
 *
 * Enhances standard form input fields helping users to select (or type) times.
 *
 * Copyright (c) 2016 Willington Vega; Licensed MIT, GPL
 */
.ui-timepicker-container {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
}

.ui-timepicker {
  box-sizing: content-box;
  display: block;
  height: 300px;
  list-style: none outside none;
  margin: 0;
  padding: 0 1px;
  text-align: center;
}

.ui-timepicker-viewport {
  box-sizing: content-box;
  display: block;
  height: 300px;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  /* IE */
}

.ui-timepicker-standard {
  /* overwrites .ui-widget */
  font-size: 1rem;
  /* overwrites .ui-widget-content */
  background-color: #ffffff;
  border: 2px solid #e2e6ed;
  border-top: none;
  color: #293241;
  /* overwrites .ui-menu */
  margin: 0;
  padding: 0;
}

.ui-timepicker-standard a {
  border: 2px solid transparent;
  color: #293241;
  display: block;
  padding: 0.75rem;
  text-decoration: none;
}

.ui-timepicker-standard .ui-state-hover {
  /* overwrites .ui-state-hover */
  background-color: #23a474;
  border: 2px solid transparent;
  font-weight: normal;
  color: #ffffff;
}

.ui-timepicker-standard .ui-menu-item {
  /* overwrites .ui-menu and .ui-menu-item */
  /*clear: left;
    float: left;*/
  margin: 0;
  padding: 0;
}

.ui-timepicker-corners,
.ui-timepicker-corners .ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ui-timepicker-hidden {
  /* overwrites .ui-helper-hidden */
  display: none;
}

.ui-timepicker-no-scrollbar .ui-timepicker {
  border: none;
}

input[type=radio].radio {
  position: absolute;
  left: -9999px;
}
input[type=radio].radio + label {
  position: relative;
  display: inline-block;
  padding: 6px 10px 6px 28px;
  cursor: pointer;
}
input[type=radio].radio + label:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin: -9px 0 0;
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>icon</title><path d="M16,4A12,12,0,1,1,4,16,12,12,0,0,1,16,4m0-4A16,16,0,1,0,32,16,16,16,0,0,0,16,0Z" style="fill:%2323a474"/></svg>');
}
input[type=radio].radio:checked + label:before {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>icon</title><circle cx="16" cy="16" r="16" style="fill:%2323a474"/><path d="M23.24,11.14a.89.89,0,0,0-1.26,0L14.14,19,10,14.85a.89.89,0,0,0-1.26,1.26l4.76,4.75a.88.88,0,0,0,1.25,0l8.47-8.47A.88.88,0,0,0,23.24,11.14Z" style="fill:%23FFF"/></svg>');
}
input[type=radio].radio:disabled + label {
  cursor: not-allowed;
}
input[type=radio].radio:disabled + label:before {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>icon</title><path d="M16,4A12,12,0,1,1,4,16,12,12,0,0,1,16,4m0-4A16,16,0,1,0,32,16,16,16,0,0,0,16,0Z" style="fill:%23e2e6ed"/></svg>');
}
input[type=radio].radio:disabled:checked + label:before {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>icon</title><circle cx="16" cy="16" r="16" style="fill:%23e2e6ed"/><path d="M23.24,11.14a.89.89,0,0,0-1.26,0L14.14,19,10,14.85a.89.89,0,0,0-1.26,1.26l4.76,4.75a.88.88,0,0,0,1.25,0l8.47-8.47A.88.88,0,0,0,23.24,11.14Z" style="fill:%23FFF"/></svg>');
}

.radio-container {
  position: relative;
  display: block;
}
.radio-container .message-error, .radio-container .message-success {
  display: block;
  margin: 0.5rem 1.75rem;
}

.radio-container-inline {
  position: relative;
  display: inline-flex;
  min-width: 12.5rem;
  flex-direction: column;
}
.radio-container-inline .message-error, .radio-container-inline .message-success {
  display: block;
  margin: 0.5rem 1.75rem;
}

.input-search {
  border-radius: 1.625rem;
  background: #ffffff;
  padding: 0 1.625rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  border: 2px solid #e2e6ed;
}
.input-search input {
  border: none;
  width: 100%;
  padding-left: 0;
  padding-right: 1.5rem;
}
.input-search button.btn-search {
  width: 2rem;
  height: 2rem;
  border: none;
  background: transparent;
  position: absolute;
  right: 0.625rem;
}

.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices {
  border: 1px solid #23a474;
  background: #ffffff;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #23a474;
  background-image: none;
  color: #ffffff;
}

.chosen-container-single .chosen-drop,
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices li.search-choice {
  border-radius: 0;
}

/**
* Add a transition to the label and input.
* I'm not even sure that touch-action: manipulation works on
* inputs, but hey, it's new and cool and could remove the 
* pesky delay.
*/
label,
input {
  transition: all 0.3s ease-in-out;
  touch-action: manipulation;
}

input[type=text]:focus {
  outline: none;
}

label {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.625rem;
  font-weight: bold;
  color: #506280;
  text-transform: uppercase;
  padding: 1rem 1rem 1rem 0;
}

/**
* Translate down and scale the label up to cover the placeholder,
* when following an input (with placeholder-shown support).
* Also make sure the label is only on one row, at max 2/3rds of the
* field—to make sure it scales properly and doesn't wrap.
*/
input.floating-label:placeholder-shown + label {
  cursor: text;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(1rem, 3.75rem) scale(1.5);
}

/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
input.floating-label::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}

/**
* Show the placeholder when the input is focused.
*/
input.floating-label:focus::-webkit-input-placeholder {
  opacity: 1;
}

/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
input.floating-label:not(:placeholder-shown) + label,
input.floating-label:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
}

.message-error, .message-success {
  font-size: 0.75rem;
  color: #f8333c;
  margin-top: 1rem;
}

.message-success {
  color: #23a474;
}

.input-border {
  background-color: #FFFFFF;
  border: 2px solid #E0E0E0;
  color: #3C3733;
  border-radius: 8px;
  min-width: 130px;
  min-height: 56px;
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  outline: none;
  padding-left: 10px;
}

.blue-text-small {
  color: #006BB2;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.input-label-text {
  color: #252525;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}

/**
* Add a transition to the label and textarea.
* I'm not even sure that touch-action: manipulation works on
* inputs, but hey, it's new and cool and could remove the 
* pesky delay.
*/
label,
textarea {
  transition: all 0.3s ease-in-out;
  touch-action: manipulation;
}

textarea {
  font-size: 1.5em;
  border: 0;
  border-bottom: 1px solid #ccc;
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  cursor: text;
  font-size: 1rem;
  padding: 1rem;
  color: #293241;
  border: 2px solid #e2e6ed;
  width: auto;
}
textarea.error {
  border-color: #f8333c;
}
textarea.success {
  border-color: #23a474;
}

textarea {
  outline: none;
  overflow: auto;
  resize: none;
}

label {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.625rem;
  font-weight: bold;
  color: #506280;
  text-transform: uppercase;
  padding: 1rem 1rem 1rem 0;
}

/**
* Translate down and scale the label up to cover the placeholder,
* when following an textarea(with placeholder-shown support).
* Also make sure the label is only on one row, at max 2/3rds of the
* field—to make sure it scales properly and doesn't wrap.
*/
textarea.floating-label:placeholder-shown + label {
  cursor: text;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(1rem, 3.75rem) scale(1.5);
}

/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
textarea.floating-label::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}

/**
* Show the placeholder when the textareais focused.
*/
textarea.floating-label:focus::-webkit-input-placeholder {
  opacity: 1;
}

/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the textareaat all.
*/
textarea.floating-label:not(:placeholder-shown) + label,
textarea.floating-label:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
}

.message-error, .message-success {
  font-size: 0.75rem;
  color: #f8333c;
  margin-top: 1rem;
}

.message-success {
  color: #23a474;
}

.custom-file {
  position: relative;
  display: inline-flex;
}
.custom-file input[type=file] {
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
  padding: 0;
  border: none;
}
.custom-file label {
  padding: 1rem 2rem;
  font-size: 0.75rem;
  color: #fff;
  background-color: #23a474;
  line-height: 1.5;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border: 1px solid #23a474;
}
.custom-file label:hover {
  opacity: 0.8;
}
.custom-file .icon-upload {
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" fill="%23ffffff"></path></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.25rem;
  height: 0.75rem;
  display: inline-flex;
  margin-right: 0.75rem;
}
.custom-file.with-input label {
  padding: 0;
  background-color: unset;
  display: flex;
  min-width: 30rem;
}
.custom-file.with-input label > span {
  min-width: 16rem;
  padding: 1rem 2rem;
  font-size: 0.75rem;
  color: #23a474;
}
.custom-file.with-input label strong {
  padding: 1rem 2rem;
  background-color: #23a474;
  min-width: 14rem;
}

.custom-file-uploader {
  background-color: #e2e6ed;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 20rem;
  border: 2px dashed #293241;
}
.custom-file-uploader .uploader-file {
  position: absolute;
  width: 100%;
  height: 20rem;
  z-index: 2;
  opacity: 0;
  padding: 0;
  border: none;
  top: 0;
  left: 0;
  cursor: pointer;
}
.custom-file-uploader .uploader-text {
  height: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2rem;
  text-align: center;
}
.custom-file-uploader .uploader-text > p {
  margin-top: 1rem;
}
.custom-file-uploader .uploader-image {
  width: 2rem;
}
.custom-file-uploader.is-haveimage .uploader-text {
  padding: 0;
}
.custom-file-uploader.is-haveimage .uploader-text > p {
  display: none;
}
.custom-file-uploader.is-haveimage .uploader-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #2196F3;
}
.switch input:checked + .slider:before {
  transform: translateX(26px);
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  /* Rounded sliders */
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}

input[type=radio].accordion,
input[type=checkbox].accordion {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/* Accordion styles */
.accordion {
  overflow: hidden;
}

.accordion-container {
  width: 100%;
  color: #ffffff;
  overflow: hidden;
}
.accordion-container .accordion-header {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  background: #23a474;
  font-weight: bold;
  cursor: pointer;
  color: #ffffff;
  /* Icon */
}
.accordion-container .accordion-header:hover {
  background: #1a7a56;
}
.accordion-container .accordion-header::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.3s ease;
}
.accordion-container .accordion-content {
  max-height: 0;
  padding: 0 1rem;
  color: #293241;
  background: white;
  transition: all 0.3s ease;
  font-size: 0.75rem;
}

input.accordion:checked + .accordion-header {
  background: #1a7a56;
}
input.accordion:checked + .accordion-header::after {
  transform: rotate(90deg);
}
input.accordion:checked ~ .accordion-content {
  max-height: 100vh;
  padding: 1rem;
}

.breadcrumb {
  list-style: none;
  margin-bottom: 1rem;
}
.breadcrumb .breadcrumb-item {
  display: inline;
  font-size: 0.875rem;
  font-weight: bold;
}
.breadcrumb .breadcrumb-item.active a {
  color: #293241;
  pointer-events: none;
}
.breadcrumb .breadcrumb-item::before {
  content: "/";
  padding: 2px;
  display: inline-block;
  margin: 0 0.5rem;
}
.breadcrumb .breadcrumb-item:first-child::before {
  display: none;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-overlay {
  z-index: 40;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-v5 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-v5::before {
  content: "";
  position: absolute;
  background-color: #132E3F;
  opacity: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: 10;
}
.modal-v5 .title {
  font-size: 20px;
  color: black;
  font-weight: 800;
}
.modal-v5 .root {
  background-color: transparent;
  max-width: 100%;
}
.modal-v5 .root .modal-content {
  box-shadow: none;
  background-color: transparent;
}

.modal-v5-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
  height: 100%;
}
.modal.fade .modal-v5-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-v5-dialog {
    transition: none;
  }
}
.modal.show .modal-v5-dialog {
  transform: none;
}
.modal.modal-static .modal-v5-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  outline: 0;
  height: 100%;
}

.modal-v5 .modal-v5-dialog.no-border {
  max-width: 100%;
  margin: 0 !important;
}
.modal-v5 .modal-v5-dialog .modal-body {
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  flex-direction: column;
}
.modal-v5 .no-border .modal-content {
  background-color: transparent;
  box-shadow: 0 0 0 0 transparent;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
  border: none;
  background: none;
  font-size: 1rem;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-v5-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-v5-dialog.root {
    max-width: 100%;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-content {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
@media (max-width: 991.98px) {
  .modal-v5 .modal-v5-dialog .modal-body main {
    width: 97vw;
  }
  .modal-v5 .modal-v5-dialog .modal-body main .tabs-content {
    width: auto;
    flex-direction: column-reverse;
    gap: 10px;
  }
  .modal-v5 .modal-v5-dialog .modal-body main .tabs-content .agenda-calendar-content {
    flex-wrap: wrap;
    width: auto;
    margin-bottom: 5px;
    gap: 3px;
  }
  .modal-v5 .modal-v5-dialog .modal-body main .tabs-content .agenda-calendar-content .agenda-calendar-tabs {
    width: auto;
    height: 36px;
    border-radius: 8px;
  }
  .modal-v5 .modal-v5-dialog .modal-body main .tabs-content .agenda-calendar-content .agenda-calendar-tabs span {
    max-width: unset;
  }
  .modal-v5 .modal-v5-dialog .modal-body main .tabs-content .tabs-content-dropdown {
    margin: 0;
    width: auto;
    justify-content: unset;
  }
  .modal-v5 .modal-v5-dialog .modal-body main .tabs-content .tabs-content-dropdown .service-status {
    width: 100%;
  }
  .modal-v5 .modal-v5-dialog .modal-body main .tabs-content .tabs-content-dropdown .service-status .dropdown {
    width: auto;
    height: 36px;
  }
  .modal-v5 .modal-v5-dialog .modal-body main .tabs-content .tabs-content-dropdown .service-status .dropdown .dropdown-content {
    width: 100%;
  }
  .modal-v5 .modal-v5-dialog .modal-body main .booking-overview-content-buttons {
    flex-direction: column;
    gap: 10px;
  }
  .modal-v5 .modal-v5-dialog .modal-body main .booking-overview-content-buttons .button-content {
    flex-direction: column;
    width: auto;
  }
  .modal-v5 .modal-v5-dialog .modal-body main .booking-overview-content-buttons .button-content button {
    width: 100%;
    height: 36px;
  }
}
.single-slider, .multiple-slider, .carousel-slider {
  width: 100%;
}
.single-slider .slider-container .btn-prev, .multiple-slider .slider-container .btn-prev, .multiple-slider .slider-container .btn-next, .carousel-slider .slider-container .btn-prev, .single-slider .slider-container .btn-next, .carousel-slider .slider-container .btn-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  background-color: transparent;
  color: #ffffff;
  border: none;
}
.single-slider .slider-container .btn-prev:focus, .multiple-slider .slider-container .btn-prev:focus, .multiple-slider .slider-container .btn-next:focus, .carousel-slider .slider-container .btn-prev:focus, .single-slider .slider-container .btn-next:focus, .carousel-slider .slider-container .btn-next:focus {
  outline: none;
}
.single-slider .slider-container .btn-next, .multiple-slider .slider-container .btn-next, .carousel-slider .slider-container .btn-next {
  left: auto;
  right: 0;
}
.single-slider .slider-container .slider-item, .multiple-slider .slider-container .slider-item, .carousel-slider .slider-container .slider-item {
  width: 100%;
  height: 100%;
  position: relative;
}
.single-slider .slider-container .slider-item .img-container img, .multiple-slider .slider-container .slider-item .img-container img, .carousel-slider .slider-container .slider-item .img-container img {
  width: 100%;
  background-repeat: no-repeat;
  object-fit: cover;
  height: 31.25rem;
}
.single-slider .slider-container .slider-item .img-container::after, .multiple-slider .slider-container .slider-item .img-container::after, .carousel-slider .slider-container .slider-item .img-container::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #293241;
  opacity: 0.3;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease;
}
.single-slider .slider-container .slider-item .text-container, .multiple-slider .slider-container .slider-item .text-container, .carousel-slider .slider-container .slider-item .text-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.single-slider .slider-container .slider-item .text-container .title, .multiple-slider .slider-container .slider-item .text-container .title, .carousel-slider .slider-container .slider-item .text-container .title {
  margin: 1rem 0;
  font-size: 1rem;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
}
.single-slider .slider-container .slider-item .text-container .subtitle, .multiple-slider .slider-container .slider-item .text-container .subtitle, .carousel-slider .slider-container .slider-item .text-container .subtitle {
  font-size: 0.75rem;
  color: #ffffff;
  text-align: center;
}
.single-slider .slider-container .slick-dots, .multiple-slider .slider-container .slick-dots, .carousel-slider .slider-container .slick-dots {
  bottom: 1rem;
}
.single-slider .slider-container .slick-dots li button:before, .multiple-slider .slider-container .slick-dots li button:before, .carousel-slider .slider-container .slick-dots li button:before {
  color: #ffffff;
}
.single-slider .slider-container .slick-disabled, .multiple-slider .slider-container .slick-disabled, .carousel-slider .slider-container .slick-disabled {
  opacity: 0;
  pointer-events: none;
}

.carousel-slider .slider-container .slider-item .img-container img {
  height: 12.5rem;
}
.carousel-slider .slider-container .slider-item:hover .img-container::after {
  opacity: 0;
}

.multiple-slider .img-container img {
  height: 6.25rem;
}
.multiple-slider .btn-prev, .multiple-slider .btn-next, .single-slider .slider-container .multiple-slider .btn-next, .carousel-slider .slider-container .multiple-slider .btn-next, .multiple-slider .slider-container .btn-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  background-color: transparent;
  color: #ffffff;
  border: none;
}
.multiple-slider .btn-prev:focus, .multiple-slider .btn-next:focus {
  outline: none;
}
.multiple-slider .btn-next {
  left: auto;
  right: 0;
}

.tabs {
  /* reset ul defaults  */
  /* set li properties  */
  /* all formatting goes inside 'a' */
}
.tabs.vertical-tab {
  display: flex;
  flex-direction: row;
}
.tabs.vertical-tab .tab-nav li {
  min-width: calulate-rem(150px);
  width: 100%;
}
.tabs.vertical-tab .tab-container {
  margin-top: 0;
  margin-bottom: 0;
}
.tabs.vertical-tab .tab-container .tab {
  padding: 16px;
}
.tabs.horizontal-tab .tab-container .tab {
  padding: 16px;
}
.tabs .tab-container {
  clear: left;
  margin-top: -0.25rem;
  margin-bottom: 1rem;
  background-color: #ffffff;
  padding: 0;
  /* add height if you want equal panels */
}
.tabs .tab-container .tab {
  background-color: #ffffff !important;
}
.tabs .tab-container .tab img {
  margin-top: 10px;
}
.tabs .tab-container .tab .p {
  margin-bottom: 0px;
}
.tabs .tab-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tabs .tab-nav li {
  padding: 0;
  margin: 0;
  text-align: center;
  min-width: calulate-rem(100px);
  display: inline-block;
  min-width: 100px;
}
.tabs .tab-nav a {
  display: block;
  text-decoration: none;
  color: #293241;
  font-weight: bold;
  padding: 0.5rem;
  /* spaces out the tabs  */
  background-color: #ffffff;
  border-bottom: 4px solid #ffffff;
  text-align: center;
  /* negative margin will move it down
                    to blend in with outer border  */
}
.tabs .tab-nav a.active {
  border-bottom: 4px solid #1a7a56;
  background-color: #23a474;
  color: #ffffff;
  font-weight: bold;
}

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.toast-header .mr-auto {
  margin-right: auto;
}
.toast-header .close {
  border: none;
  background: none;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #ffffff;
  margin-left: 0.5rem;
}

.toast-body {
  padding: 0.75rem;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 1rem;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.25rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #ffffff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.25rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #ffffff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #ffffff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.25rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #ffffff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.75rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.step-progressbar {
  list-style: none;
  counter-reset: step;
  display: flex;
  padding: 0;
}
.step-progressbar .step {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;
  position: relative;
}
.step-progressbar .step:before {
  width: 3rem;
  height: 3rem;
  content: counter(step);
  counter-increment: step;
  align-self: center;
  background: #e2e6ed;
  color: #ffffff;
  border-radius: 100%;
  line-height: 3rem;
  margin-bottom: 0.5rem;
}
.step-progressbar .step:after {
  height: 2px;
  width: calc(100% - 70px);
  content: "";
  background: #e2e6ed;
  position: absolute;
  top: 1.5rem;
  left: calc(50% + 35px);
}
.step-progressbar .step:last-child:after {
  content: none;
}
.step-progressbar .step.active:before {
  background: #23a474;
  color: #ffffff;
}
.step-progressbar .step.complete:before {
  content: "✔";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner-loading {
  display: inline-flex;
  align-items: center;
}
.spinner-loading > i {
  animation: spin 1s infinite linear forwards;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
}
.spinner-loading > i::after {
  width: 2rem;
  height: 2rem;
}
.spinner-loading p {
  margin-left: 1rem;
}
.spinner-loading.center {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.spinner-loading.center p {
  margin-top: 0.5rem;
  margin-left: 0;
}

h1 {
  font-size: 1.875rem;
}

h2 {
  font-size: 1.625rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 0.875rem;
}

h6 {
  font-size: 0.625rem;
}

.blue-title {
  font-size: 26px;
  line-height: 18px;
  letter-spacing: -0.3px;
  color: #006BB2;
  font-weight: 700;
  font-family: "Inter-Bold", sans-serif;
}

.black-subtitle {
  color: #252500;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}

.grey-subtitle {
  color: #F1EDEA;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}

.light-subtitle {
  font-weight: 500;
}

.blue-link-uderline {
  color: #006BB2;
  text-decoration: underline;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
}

.blue-small-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #006BB2;
}
.blue-small-title.pointer {
  cursor: pointer;
}

.white-title {
  font-size: 22px;
  line-height: 18px;
  letter-spacing: -0.25px;
  font-weight: 700;
  color: #FFFFFF;
  font-family: "Inter-Bold", sans-serif;
}

.message {
  font-size: 0.875rem;
}
.message.message-error, .message.message-success {
  color: #ffffff;
  background-color: #f8333c;
}
.message.message-error .message-link, .message.message-success .message-link {
  text-decoration: underline;
  color: #ffffff;
}
.message.message-warning {
  color: #ffffff;
  background-color: #fcab10;
}
.message.message-warning .message-link {
  text-decoration: underline;
  color: #ffffff;
}
.message.message-success {
  color: #ffffff;
  background-color: #23a474;
}
.message.message-success .message-link {
  text-decoration: underline;
  color: #ffffff;
}
.message.message-info {
  color: #ffffff;
  background-color: #5bc0eb;
}
.message.message-info .message-link {
  text-decoration: underline;
  color: #ffffff;
}

.text-primary {
  color: #23a474;
}

.text-secondary {
  color: #fcab10;
}

.text-black {
  color: #293241;
}

.text-white {
  color: #ffffff;
}

.text-error {
  color: #f8333c;
}

.text-warning {
  color: #fcab10;
}

.text-success {
  color: #23a474;
}

.text-info {
  color: #5bc0eb;
}

.text-cheked {
  color: #006BB2;
}

.avatar {
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: inline-block;
  margin: 0.5rem;
}
.avatar.avatar-sm {
  width: 2rem;
  height: 2rem;
}
.avatar.avatar-md {
  width: 4rem;
  height: 4rem;
}
.avatar.avatar-lg {
  width: 6rem;
  height: 6rem;
}

.full-width {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.thumbnail {
  padding: 0.25rem;
  background-color: #ffffff;
  border: 1px solid #e2e6ed;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.circle {
  border-radius: 99999rem;
}

.img-xs {
  width: 1rem;
  height: 1rem;
  object-fit: cover;
}

.img-sm {
  width: 2rem;
  height: 2rem;
  object-fit: cover;
}

.img-md {
  width: 4rem;
  height: 4rem;
  object-fit: cover;
}

.img-lg {
  width: 8rem;
  height: 8rem;
  object-fit: cover;
}

.img-xl {
  width: 10rem;
  height: 10rem;
  object-fit: cover;
}

html {
  font-family: "Inter", sans-serif;
}

body {
  box-sizing: border-box;
}
body * {
  box-sizing: border-box;
}
body .pointer {
  cursor: pointer;
}

button:focus {
  outline: none;
}

select:focus {
  outline: none;
}

button {
  border: none;
}

input {
  border: none;
}

.main-page {
  margin-left: 40px;
  min-height: 800px;
  width: 100vw;
}
@media screen and (min-width: 1530px) {
  .main-page {
    width: 100%;
  }
}
.main-page.invisible-menu {
  margin-left: 0px;
}
.main-page.invisible-menu .header-wrapper-menu .header-wrapper-bottom {
  display: none !important;
}
.main-page.invisible-menu .header-wrapper-menu .header-content-botton {
  display: none !important;
}
.main-page.invisible-menu .header-wrapper-menu:nth-child(1) {
  padding-top: 12px;
  padding-bottom: 24px;
}
.main-page.invisible-menu .step-time {
  cursor: default;
}

.button-border {
  background: transparent;
  margin-right: 10px;
  border: 2px solid #003558;
  border-radius: 8px;
  font-family: "Inter-Bold", sans-serif;
}
.button-border:hover {
  border-color: #006BB2;
  color: #006BB2;
}

.button-full {
  background-color: #006BB2;
  color: #FFFFFF;
  border-radius: 8px;
  min-width: 80px;
  font-family: "Inter-Bold", sans-serif;
}
.button-full:hover {
  background-color: #003558;
}

.button-red {
  background-color: #FB503A;
  border: 2px solid #FB503A;
  color: #FFFFFF;
  border-radius: 8px;
  min-width: 80px;
  font-family: "Inter-Bold", sans-serif;
}

.button-ghost {
  border: 2px solid #006BB2;
  border-radius: 8px;
  color: #006BB2;
  font-family: "Inter", sans-serif;
  font-weight: 800;
  background: transparent;
}

::-webkit-scrollbar {
  width: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}

::-webkit-scrollbar {
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 8.5px;
  height: 30%;
  background-color: #D7D2CF;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #7A736E;
  border-radius: 8.5px;
}

/* Handle on hover */
.filter-scroll::-webkit-scrollbar-track {
  border-radius: 8.5px;
  width: 20px;
  height: 20px;
}

.filter-scroll::-webkit-scrollbar-thumb {
  background-color: #006BB2;
  border-radius: 8.5px;
  width: 8px;
  height: 10px;
}

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  position: relative;
  border: 2px solid #E0E0E0;
  background-color: white;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px;
}
input[type=checkbox]:checked {
  background-image: url("../assets/Icons/icon-check.svg");
}

input {
  outline: none !important;
}
input:focus {
  outline: none !important;
}

.input-label {
  position: relative;
  background-color: #FFFFFF;
  border: 2px solid #E0E0E0;
  border-radius: 8px;
}
.input-label p {
  color: #006BB2;
  font-size: 0.625rem;
  line-height: 0.4375rem;
  font-weight: 700;
  padding-top: 10px;
  padding-left: 17px;
  text-transform: uppercase;
  padding-bottom: 5px;
  position: absolute;
  z-index: 1;
}
.input-label input {
  height: 30px;
  border: none;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #3C3733;
  width: 100%;
  margin-top: 17px;
  padding-left: 17px;
}

.input-filter {
  background-color: #FFFFFF;
  border: 2px solid #E0E0E0;
  border-radius: 28px;
  color: #3C3733;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  padding-left: 40px;
}

.flex-container {
  display: flex;
  align-items: center;
}

.button-position-right {
  margin-left: auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none !important;
  outline-color: transparent;
  outline: none !important;
  /* <-- Apparently some margin are still there even though it's hidden */
}
input::-webkit-outer-spin-button:focus,
input::-webkit-inner-spin-button:focus {
  outline: none !important;
}
input::-webkit-outer-spin-button:active,
input::-webkit-inner-spin-button:active {
  outline: none !important;
}

input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

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

.search-field {
  position: relative;
}
.search-field input {
  border: 1px solid #E0E0E0;
  background-color: #FFFFFF;
  height: 56px;
  color: #3C3733;
  font-size: 16px;
  padding-left: 22px;
  width: 100%;
  border-radius: 8px;
}
.search-field svg {
  position: absolute;
  right: 20px;
  top: 20px;
}

.header {
  height: auto;
  max-height: 190px;
}
@media screen and (min-width: 1530px) {
  .header {
    width: 100%;
  }
}
.header-mobile {
  display: none;
}
.header-image-holder {
  background-image: url("../../assets/Images/header-blue.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding-bottom: 16px;
}
.header .header-wrapper {
  margin-left: 11px;
}
.header .header-wrapper .loguot-content-mobile {
  display: none;
}
.header .header-wrapper .header-wrapper-menu {
  width: 1219px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.header .header-wrapper .header-wrapper-menu .content-left {
  width: 314.22px;
  display: flex;
  height: 100px;
  align-items: center;
}
.header .header-wrapper .header-wrapper-menu .content-left .logo {
  height: auto;
  margin-top: 16px;
  cursor: pointer;
  width: 100%;
  max-width: 230px;
}
.header .header-wrapper .header-wrapper-menu .content-left .logo.no-maxwidth {
  margin-top: 0;
  max-width: none;
}
.header .header-wrapper .header-wrapper-menu .content-left .logo img {
  width: 100%;
  height: auto;
}
.header .header-wrapper .header-wrapper-menu .content-left .logo .logo-text {
  color: #ffffff;
  font-size: 27.5px;
  text-transform: uppercase;
  font-weight: bold;
}
.header .header-wrapper .header-wrapper-menu .content-right {
  width: 75%;
  display: flex;
  height: 100px;
  align-items: center;
  justify-content: flex-end;
}
.header .header-wrapper .header-wrapper-menu .content-right span,
.header .header-wrapper .header-wrapper-menu .content-right a {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #FFFFFF;
  padding-left: 5px;
}
.header .header-wrapper .header-wrapper-menu .content-right span[aria-live$=polite],
.header .header-wrapper .header-wrapper-menu .content-right a[aria-live$=polite] {
  display: none;
}
.header .header-wrapper .header-wrapper-menu .content-right a {
  position: relative;
}
.header .header-wrapper .header-wrapper-menu .content-right a:hover {
  color: #E98B08;
}
.header .header-wrapper .header-wrapper-menu .content-right a::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 1.125rem;
  left: 0;
  background-color: transparent;
  transition: all 0.6s;
}
.header .header-wrapper .header-wrapper-menu .content-right svg {
  margin-right: 12px;
}
.header .header-wrapper .header-wrapper-menu .content-right .text-color {
  color: #ACDBEE;
  padding-left: 5px;
  cursor: pointer;
}
.header .header-wrapper .header-wrapper-menu .content-right .text-color:hover {
  transition: 0.6s;
  color: #E98B08;
}
.header .header-wrapper .header-wrapper-menu .content-right .text-padding {
  margin-right: 29px;
}
.header .header-wrapper .header-wrapper-menu .content-right .user-info,
.header .header-wrapper .header-wrapper-menu .content-right .message,
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper {
  position: relative;
  /*Anchor the dropdown menu to the control itself*/
  /*Separator*/
  /*Text Container*/
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper svg {
  margin-right: 0;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=container] {
  position: relative;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=control] {
  background-color: transparent;
  border: none;
  box-shadow: 0 0 0 1px transparent;
  min-height: 20px;
  display: flex;
  flex-direction: row;
  /*Dropdown Arrow*/
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=control]:hover {
  cursor: pointer;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=control]:active, .header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=control]:focus, .header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=control]:hover, .header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=control]:visited {
  background-color: transparent;
  border: none;
  outline: none;
  box-shadow: 0;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=control] div:nth-child(1) {
  padding: 2px 8px;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=control] div:nth-child(1) div:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=control] div:nth-child(2) svg {
  fill: #E98B08;
  margin-right: 0;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=control] input {
  display: none;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=indicatorSeparator] {
  display: none;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=indicatorContainer] {
  padding: 0;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=singleValue] {
  max-width: 100%;
  position: relative;
  top: 0;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
  font-size: 0.875rem;
  line-height: 150%;
  color: #ffffff;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=menu] {
  min-width: 160px;
  max-width: 220px !important;
  position: absolute;
  right: 0;
  margin-top: 4px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 53, 88, 0.18);
  border: 1px solid rgba(0, 53, 88, 0.08);
  z-index: 20;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=MenuList] {
  padding: 4px;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=option] {
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 0.875rem;
  line-height: 150%;
  color: #003558;
  cursor: pointer;
  background-color: transparent;
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=option]:hover, .header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=option][class*=is-focused] {
  background-color: rgba(0, 107, 178, 0.1);
}
.header .header-wrapper .header-wrapper-menu .content-right .select-wrapper [class$=option][class*=is-selected] {
  background-color: #006BB2;
  color: #ffffff;
  font-weight: 600;
}
.header .header-wrapper .header-wrapper-menu .content-right .icon-email {
  display: flex;
  align-items: center;
  position: relative;
}
.header .header-wrapper .header-wrapper-menu .content-right .icon-email:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: -2px;
}
.header .header-wrapper .header-wrapper-menu .content-right .icon-logout svg {
  margin-right: 0px;
}
.header .header-wrapper .header-wrapper-menu .content-right .loguot-content {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header .header-wrapper .header-wrapper-menu .content-right .loguot-content .language {
  text-align: center;
  padding-right: 10px;
}
.header .header-wrapper .header-wrapper-menu .content-right .loguot-content p {
  color: #FFFFFF;
  line-height: 1.0625rem;
  font-size: 0.875rem;
  padding-right: 17px;
}
.header .header-wrapper .header-wrapper-menu .content-right .username {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom-right {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  right: 0px;
  position: absolute;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom-right .header-content-right {
  height: 48px;
  width: 310px;
  margin-left: 0px;
  padding: 7px 16px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom-right .header-content-right .icon-yellow {
  top: 13px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  margin-left: -20px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active {
  background-color: white;
  z-index: 20000;
  border-radius: 8px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active .search-categories,
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active .search-bar {
  border: 2px solid #E0E0E0;
  border-radius: 8px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active .container-select {
  z-index: 100;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active .search-categories-text {
  z-index: 101 !important;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active [class$=menu] {
  left: -2px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container {
  display: flex;
  min-height: 48px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-filter {
  border: 2px solid #E0E0E0;
  display: flex;
  flex-direction: column;
  margin-left: 5px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  cursor: pointer;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-filter span {
  display: none;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select {
  width: 190px;
  margin-left: -6px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select:active {
  border-color: none;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select.dark [class$=control] {
  border-color: black;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=control] {
  padding: 0 35px 0 4px;
  padding-right: 0;
  cursor: pointer;
  height: 100%;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=control] > div:first-of-type {
  padding: 2px 0;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=placeholder] {
  color: black;
  font-size: 15px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=ValueContainer] {
  height: 100%;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=ValueContainer] [class$=singleValue] {
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=Input] {
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=IndicatorsContainer] {
  margin-right: 13px;
  margin-bottom: 10px;
  outline: none !important;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=IndicatorsContainer] [class$=indicatorContainer] {
  z-index: 2;
  position: relative;
  background-color: white;
  margin-top: -10px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=IndicatorsContainer] [class$=indicatorSeparator] {
  height: 10px;
  width: 16px;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  right: 10px;
  z-index: 1;
  background-color: transparent;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=menu] {
  margin-left: -1rem;
  margin-top: -10px;
  width: 13.625rem;
  z-index: 10;
  box-shadow: 0 12px 30px 0 rgba(175, 166, 159, 0.3);
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select .custom-menu-list {
  padding-bottom: 70px;
  display: table;
  width: 100%;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=multiValue] {
  background-color: transparent;
  margin: 0;
  position: relative;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=multiValue] > div:first-of-type {
  padding: 0;
  padding-right: 3px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=option] {
  background-color: white;
  color: #3C3733;
  position: relative;
  padding: 15px 22px;
  border-radius: 3px;
  width: 98%;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=option]:after {
  position: absolute;
  width: calc(100% - 30px);
  content: "";
  left: 10px;
  bottom: 0;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=option]:last-child {
  margin-bottom: 10px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=option]:first-child {
  margin-top: 10px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .container-select [class$=option]:hover {
  cursor: pointer;
  background-color: #f5f2f0;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-categories {
  width: 218px;
  height: auto;
  background-color: White;
  border-radius: 8px;
  padding: 4px 22px;
  margin-right: 6px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-categories .icon-holder {
  position: absolute;
  right: 23px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-categories .dropdown {
  border-radius: 5px;
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 5px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-categories .dropdown li {
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  list-style-type: none;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-categories .dropdown .dropdown-content {
  position: absolute;
  background-color: #FFFFFF;
  left: 0px;
  top: 85%;
  width: 218px;
  border: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 2;
  padding-top: 4%;
  border: 2px solid #E0E0E0;
  border-top: none;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-categories .dropdown .dropdown-content li {
  width: 98%;
  margin: 0 auto;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 0.875rem;
  color: #3C3733;
  line-height: 1.0625rem;
  letter-spacing: -0.0125rem;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
  padding-left: 18px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-categories .dropdown .dropdown-content li:hover {
  background-color: #f5f2f0;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-categories .dropdown .dropdown-content-position {
  left: -2px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-categories .search-categories-text {
  width: 90%;
  position: absolute;
  z-index: 1;
  top: 14px;
  display: none;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-categories span {
  color: #006BB2;
  font-size: 0.625rem;
  line-height: 0.4375rem;
  font-weight: 700;
  text-transform: uppercase;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-categories p {
  color: #3C3733;
  line-height: 1.25rem;
  font-size: 1rem;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-bar {
  width: 638px;
  position: relative;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-bar input {
  width: 100%;
  background-color: White;
  border-radius: 8px;
  padding: 5px;
  height: 100%;
  padding-left: 23px;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: 300;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-button {
  width: 163px;
  padding-left: 5px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-button .btn-search {
  background-color: #003558;
  border-radius: 8px;
  padding: 5px;
  font-family: "Inter-Bold", sans-serif;
  width: 100%;
  height: 100%;
  border: none;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: -0.0125rem;
  font-weight: 600;
  text-transform: uppercase;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-button .btn-search-bar {
  background-color: #001F35;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .search-filter {
  width: 48px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search {
  width: 100%;
  top: 140px;
  background-color: #FFFFFF;
  border-radius: 8px;
  z-index: 50;
  left: 178px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .search-categories-text {
  top: 12px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search [class$=menu] {
  margin-left: -1.125rem;
  margin-top: -10px;
  width: 13.625rem;
  z-index: 10;
  border: 2px solid #E0E0E0;
  box-shadow: 0 12px 30px 0 rgba(175, 166, 159, 0.3);
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .search-categories {
  border: 2px solid #E0E0E0;
  position: relative;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .search-bar {
  border: 2px solid #E0E0E0;
  border-radius: 8px;
  margin-right: 5px;
  width: 380px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .search-bar input {
  color: #3C3733;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: 300;
  padding-left: 23px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .search-filter {
  border: 2px solid #E0E0E0;
  display: flex;
  flex-direction: column;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .search-filter span {
  padding-top: 10px;
  font-size: 0.625rem;
  line-height: 0.75rem;
  letter-spacing: -0.000625rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #666666;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .header-content-botton {
  width: 100%;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .popup-buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .popup-buttons button {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.010625rem;
  width: 28%;
  padding: 16px;
  border-radius: 8px;
  font-weight: 700;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .popup-buttons button:disabled {
  cursor: not-allowed;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .popup-buttons .button-left {
  background: transparent;
  margin-right: 10px;
  border: 2px solid #006BB2;
  color: #006BB2;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .popup-buttons .button-right {
  background-color: #006BB2;
  border: 2px solid #006BB2;
  color: #FFFFFF;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .icon-holder {
  position: absolute;
  right: 23px;
  top: 30px;
  z-index: 1;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .search-container .popup-search .search-button {
  margin-left: 6px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name {
  width: 100%;
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .dropdown {
  background-color: #FFFFFF;
  color: #3C3733;
  border-radius: 5px;
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  height: 42px;
  padding-top: 12px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .dropdown .icon-holder {
  position: absolute;
  right: 23px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .dropdown li {
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 6px;
  list-style-type: none;
  margin-top: 20px;
  margin-left: 11px;
  margin-right: 50px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .dropdown .dropdown-content {
  position: absolute;
  background-color: #FFFFFF;
  left: -2px;
  top: 85%;
  width: 101%;
  border: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 2;
  padding-top: 4%;
  border: 2px solid #E0E0E0;
  border-top: none;
  max-height: 200px;
  overflow: auto;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .dropdown .dropdown-content li {
  width: 98%;
  margin: 0 auto;
  list-style-type: none;
  margin-bottom: 6px;
  font-size: 0.875rem;
  color: #3C3733;
  line-height: 1.0625rem;
  letter-spacing: -0.0125rem;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
  padding-left: 18px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .dropdown .dropdown-content li:hover {
  background-color: #f5f2f0;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .filter-name-content {
  width: 50%;
  padding: 10px;
  background-color: #FFFFFF;
  border: 2px solid #E0E0E0;
  border-radius: 8px;
  position: relative;
  height: 75px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .filter-name-content input {
  height: 30px;
  border: none;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #3C3733;
  width: 100%;
  margin-top: 24px;
  padding-left: 17px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .filter-name-content p {
  color: #006BB2;
  font-size: 0.625rem;
  line-height: 0.4375rem;
  font-weight: 700;
  padding-top: 10px;
  padding-left: 17px;
  text-transform: uppercase;
  padding-bottom: 5px;
  position: absolute;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .filter-name-content:first-child {
  margin-right: 1%;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select {
  width: 410px;
  margin-left: -7px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select:active {
  border-color: none;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select.dark [class$=control] {
  border-color: black;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=control] {
  padding: 0 35px 0 22px;
  padding-right: 0;
  cursor: pointer;
  height: 100%;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=control] > div:first-of-type {
  padding: 2px 0;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=placeholder] {
  color: black;
  font-size: 15px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=ValueContainer] {
  height: 100%;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=ValueContainer] [class$=singleValue] {
  color: #3C3733;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=Input] {
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=IndicatorsContainer] {
  margin-right: 23px;
  margin-bottom: 10px;
  outline: none !important;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=IndicatorsContainer] [class$=indicatorContainer] {
  z-index: 2;
  position: relative;
  background-color: white;
  margin-top: -10px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=IndicatorsContainer] [class$=indicatorSeparator] {
  height: 10px;
  width: 16px;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  right: 10px;
  z-index: 1;
  background-color: transparent;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=menu] {
  margin-left: -0.3125rem;
  margin-top: -10px;
  width: 26.5rem;
  z-index: 10;
  border: 2px solid #E0E0E0;
  box-shadow: 0 12px 30px 0 rgba(175, 166, 159, 0.3);
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select .custom-menu-list {
  padding-bottom: 70px;
  display: table;
  width: 100%;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=multiValue] {
  background-color: transparent;
  margin: 0;
  position: relative;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=multiValue] > div:first-of-type {
  padding: 0;
  padding-right: 3px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=option] {
  background-color: white;
  color: #3C3733;
  position: relative;
  padding: 15px 22px;
  border-radius: 3px;
  width: 98%;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=option]:after {
  position: absolute;
  width: calc(100% - 30px);
  content: "";
  left: 10px;
  bottom: 0;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=option]:last-child {
  margin-bottom: 10px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=option]:first-child {
  margin-top: 10px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .input-filter-name .container-select [class$=option]:hover {
  cursor: pointer;
  background-color: #f5f2f0;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll {
  height: 260px;
  overflow: auto;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper {
  display: flex;
  padding: 10px;
  margin-right: 24px;
  border-radius: 8px;
  height: 48px;
  align-items: center;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper .scroll-content-left {
  display: flex;
  align-items: center;
  width: 48%;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper .scroll-content-left span {
  color: #182025;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  font-weight: 700;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper .scroll-content-left p {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #252500;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper .scroll-content-left p {
  padding-left: 30px;
  width: 150px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper .scroll-content-left input {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper .scroll-content-center {
  display: flex;
  width: 40%;
  justify-content: space-between;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper .scroll-content-center span,
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper .scroll-content-center p {
  color: #252500;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper .scroll-content-right {
  width: 10%;
  display: flex;
  justify-content: end;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper .scroll-content-right span,
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper .scroll-content-right p {
  color: #252500;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .filter-scroll .scroll-wrapper:nth-child(odd) {
  background: #F1EDEA;
}
.header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .icon-search {
  position: absolute;
  right: 20px;
  bottom: 25%;
}

/* Check small devices */
@media (max-width: 767.98px) {
  .homepage .header .header-wrapper {
    margin-right: 11px;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .content-right {
    flex-direction: row !important;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0px !important;
    height: auto;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .content-right .message {
    display: none;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .content-right .loguot-content {
    margin-left: auto;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom {
    padding: 20px 0 0 0;
    margin-left: 0;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .header-content-botton .search-container .search-filter {
    display: none;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .header-content-botton .search-container .search-button {
    padding-left: 0;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom-right {
    display: none;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .content-left {
    height: 80px;
  }
}
@media (max-width: 991.98px) {
  .homepage .header {
    max-height: unset;
  }
  .homepage .header .header-wrapper {
    margin-right: 11px;
  }
  .homepage .header .header-wrapper .header-wrapper-menu {
    width: auto;
    flex-direction: column;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .content-left {
    width: auto;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .content-left .logo .logo-text {
    font-size: 19px;
    text-align: center;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .content-right {
    width: auto;
    flex-direction: column;
    align-items: start;
    margin-bottom: 20px;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .content-right .message {
    padding-left: 0;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .content-right .loguot-content {
    display: none;
    padding-left: 0;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active {
    margin-left: 0;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active .header-content-botton .search-container .popup-search .filter-scroll .scroll-wrapper {
    min-width: 700px;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active .header-content-botton .search-container .popup-search .filter-scroll .scroll-wrapper .scroll-content-left {
    width: 100%;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active .header-content-botton .search-container .popup-search .filter-scroll .scroll-wrapper .scroll-content-center {
    white-space: nowrap;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active .header-content-botton .search-container .popup-search .popup-loading {
    width: 100%;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active .header-content-botton .search-container .popup-search .popup-buttons {
    flex-direction: column;
    gap: 5px;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom.active .header-content-botton .search-container .popup-search .popup-buttons button {
    width: 100%;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom-right {
    position: unset;
    margin-top: 0;
    padding-right: 20px;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom-right main {
    width: 100%;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom-right main .header-content-right {
    width: auto;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .header-content-botton {
    width: 100%;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .header-content-botton .search-container {
    flex-direction: column;
    gap: 10px;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .header-content-botton .search-container .container-select {
    width: auto;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .header-content-botton .search-container .search-categories {
    width: 100%;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .header-content-botton .search-container .search-bar {
    width: auto;
    height: 46px;
  }
  .homepage .header .header-wrapper .header-wrapper-menu .header-wrapper-bottom .header-content-botton .search-container .search-button {
    width: auto;
    height: 46px;
  }
  .homepage .header .loguot-content-mobile {
    display: flex;
    gap: 10px;
    margin-top: 20px;
  }
  .homepage .header .loguot-content-mobile .language {
    flex: 1;
  }
  .homepage .header .loguot-content-mobile svg {
    align-self: center;
  }
  .homepage .header .loguot-content-mobile .select-wrapper {
    position: relative;
    /*Anchor the dropdown menu to the control itself*/
    /*Separator*/
    /*Text Container*/
  }
  .homepage .header .loguot-content-mobile .select-wrapper svg {
    margin-right: 0;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=container] {
    position: relative;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=control] {
    background-color: transparent;
    border: none;
    box-shadow: 0 0 0 1px transparent;
    min-height: 20px;
    display: flex;
    flex-direction: row;
    /*Dropdown Arrow*/
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=control]:hover {
    cursor: pointer;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=control]:active, .homepage .header .loguot-content-mobile .select-wrapper [class$=control]:focus, .homepage .header .loguot-content-mobile .select-wrapper [class$=control]:hover, .homepage .header .loguot-content-mobile .select-wrapper [class$=control]:visited {
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: 0;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=control] div:nth-child(1) {
    padding: 2px 8px;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=control] div:nth-child(1) div:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=control] div:nth-child(2) svg {
    fill: #E98B08;
    margin-right: 0;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=control] input {
    display: none;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=indicatorSeparator] {
    display: none;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=indicatorContainer] {
    padding: 0;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=singleValue] {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    transform: unset;
    font-size: 0.875rem;
    line-height: 150%;
    color: #ffffff;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=menu] {
    min-width: 160px;
    max-width: 220px !important;
    position: absolute;
    margin-top: 4px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 53, 88, 0.18);
    border: 1px solid rgba(0, 53, 88, 0.08);
    z-index: 20;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=MenuList] {
    padding: 4px;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=option] {
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 0.875rem;
    line-height: 150%;
    color: #003558;
    cursor: pointer;
    background-color: transparent;
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=option]:hover, .homepage .header .loguot-content-mobile .select-wrapper [class$=option][class*=is-focused] {
    background-color: rgba(0, 107, 178, 0.1);
  }
  .homepage .header .loguot-content-mobile .select-wrapper [class$=option][class*=is-selected] {
    background-color: #006BB2;
    color: #ffffff;
    font-weight: 600;
  }
}
/*STYLES FOR MOBILE HEADER DISABLED BECAUSE INTEGRATION IS NOT DONE YET*/
.factures {
  display: block;
}
.factures__box {
  display: flex;
  margin-bottom: 25px;
}
.factures__box.title {
  font-size: 16px;
  line-height: 18px;
  font-family: "Inter-Medium", sans-serif;
}
.factures__box-items-1 {
  width: 10%;
  display: inline-block;
  padding: 0 7px;
}
.factures__box-items-2 {
  width: 20%;
  padding: 0 7px;
  display: inline-block;
}
.factures__box-items-4 {
  width: 40%;
  padding: 0 7px;
  display: inline-block;
}
.factures__box-items-9 {
  width: 80%;
  display: inline-block;
  padding: 0 7px;
}
.factures__box-items-10 {
  width: 80%;
  display: inline-block;
  padding: 0 7px;
}
.factures__title {
  border-bottom: 2px solid #fff;
  margin-bottom: 15px;
}
.factures__form .container-select {
  width: 100%;
  margin-left: 0px;
}
.factures__form .field-input input {
  width: 100% !important;
  margin-left: 0px;
}
.factures .field-input input[type=text] {
  margin: 0px;
  width: 100%;
}

.button-add.icon-plus::before {
  content: "";
  background-image: url('data:image/svg+xml;utf-8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C15.523 0 20 4.477 20 10C20 15.523 15.523 20 10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0ZM11 4H9V9H4V11H9V16H11V11H16V9H11V4Z" fill="white"/></svg>');
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: 20px;
  margin-right: 15px;
}
.button-add.icon-plus:hover::before {
  background-image: url('data:image/svg+xml;utf-8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_0_1" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><path d="M10 0C15.523 0 20 4.477 20 10C20 15.523 15.523 20 10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0ZM11 4H9V9H4V11H9V16H11V11H16V9H11V4Z" fill="white"/></mask><g mask="url(%23mask0_0_1)"><path d="M10 0C15.523 0 20 4.477 20 10C20 15.523 15.523 20 10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0ZM11 4H9V9H4V11H9V16H11V11H16V9H11V4Z" fill="%23302B28"/></g></svg>');
}

.btn-remove.icon-remove::before {
  content: "";
  background-image: url('data:image/svg+xml;utf-8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 4V1C5 0.447715 5.44771 0 6 0H14C14.5523 0 15 0.447715 15 1V4H20V6H18V19C18 19.5523 17.5523 20 17 20H3C2.44771 20 2 19.5523 2 19V6H0V4H5ZM7 2V4H13V2H7Z" fill="%237A736E"/></svg>');
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: 20px;
  margin-right: 15px;
}
.btn-remove.icon-remove:hover::before {
  background-image: url('data:image/svg+xml;utf-8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 4V1C5 0.447715 5.44771 0 6 0H14C14.5523 0 15 0.447715 15 1V4H20V6H18V19C18 19.5523 17.5523 20 17 20H3C2.44772 20 2 19.5523 2 19V6H0V4H5ZM7 2V4H13V2H7Z" fill="white"/></svg>');
}

.contact-info-input-fields input[type=checkbox]:checked {
  background-image: url('data:image/svg+xml;utf-8,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 7.118L11.999 1L13 1.941L5.5 9L1 4.765L2 3.824L5.5 7.118Z" fill="%23006BB2" stroke="%23006BB2"/></svg>');
}

/*# sourceMappingURL=app.css.map */