/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./screen/assets/app/scss/app.scss ***!
  \**************************************************************************************************************************/
@charset "UTF-8";
/* lato-300 - latin */
@font-face {
  font-family: "Custom_Font";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/43a7b5f892a51376841e.eot); /* IE9 Compat Modes */
  src: local("Lato Light"), local("Lato-Light"), url(/43a7b5f892a51376841e.eot?#iefix) format("embedded-opentype"), url(/35589a647ba7ed0aed7c.woff2) format("woff2"), url(/59652e1ba422fbb05d83.woff) format("woff"), url(/8f58695bebec197cca58.ttf) format("truetype"), url(/0c8a2de2f4fd9679abb2.svg#Lato) format("svg"); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: "Custom_Font";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/d61e4f31565e01fec4ae.eot); /* IE9 Compat Modes */
  src: local("Lato Regular"), local("Lato-Regular"), url(/d61e4f31565e01fec4ae.eot?#iefix) format("embedded-opentype"), url(/aaf0196fdbf1ab7c935b.woff2) format("woff2"), url(/08486159e6ef96017e8e.woff) format("woff"), url(/9281baa5ea898aae1a35.ttf) format("truetype"), url(/6af2a57b94e3a86404a2.svg#Lato) format("svg"); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: "Custom_Font";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/f053e67c6731c2195a80.eot); /* IE9 Compat Modes */
  src: local("Lato Bold"), local("Lato-Bold"), url(/f053e67c6731c2195a80.eot?#iefix) format("embedded-opentype"), url(/b7b22873cbbde6c5de7d.woff2) format("woff2"), url(/71405ec598529c747712.woff) format("woff"), url(/771c79e36cd406f9caa0.ttf) format("truetype"), url(/0c241bd752907ab2b549.svg#Lato) format("svg"); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: "Custom_Font";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/3bd5ef5f1ed756a5ac22.eot); /* IE9 Compat Modes */
  src: local("Lato Black"), local("Lato-Black"), url(/3bd5ef5f1ed756a5ac22.eot?#iefix) format("embedded-opentype"), url(/4ef5d05a309e8748f4a3.woff2) format("woff2"), url(/f2de88a2124a97db75a8.woff) format("woff"), url(/9a4b17a78efde8b183ec.ttf) format("truetype");
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --color-body: #f2f4f7;
  --color-theme: #0180b2;
  --color-theme-hover: #00638a;
  --color-theme-light: #ebf5fb;
  --color-theme-light-2: #c7e9fc;
  --color-theme-bg: #b4dff0;
  --color-grey: #cecece;
  --color-grey2: #6e6e6e;
  --color-grey3: #a1a1a1;
  --color-dark: #424242;
  --color-blue: #1f487e;
  --color-red: #db4437;
  --color-font: #3E404E;
  --color-font-light: #747894;
  --color-yellow: #FCBB2F;
  --color-thinline: #ebebeb;
  --color-form: #F4F6F8;
  --color-black: #212529;
  --color-blue1:#275b93;
  --color-blue2:#1f487e;
  --color-blue3:#18395e;
  --color-red1:#db4437;
  --color-red2:#b53731;
  --color-red3:#932d28;
  --color-lred:#E6685C;
  --color-lblue1:#dfeaf7;
  --color-lblue2:#9ebfe6;
  --color-lblue3:#6da0d9;
  --color-green:#22b68e;
  --color-mint:#98ffb2;
  --color-aqua:#00FFFF;
  --color-gradient: linear-gradient(90deg, #1f487e,#db4437);
  --color-gradient-blue: linear-gradient( 135deg, #43CBFF 10%, #9708CC 100%);
  --color-gradient-green: linear-gradient( 135deg, #1f487e 10%, #22b68e 100%);
  --color-gradient-yellow: linear-gradient( 135deg, #FD6E6A 10%, #FFC600 100%);
  --font-icon: "Font Awesome 5 Free";
  --font-main: "Custom_Font";
  --size-font: "14px";
  --border-radius-input: .25rem;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-body) !important;
  font-family: var(--font-main), "Lato";
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: var(--color-font);
  overflow-wrap: break-word;
}
body a {
  color: var(--color-blue1);
  text-decoration: none;
  transition: color 0.3s;
}
body a:focus {
  outline: none !important;
  box-shadow: none !important;
}
body a:hover {
  color: var(--color-blue1);
  text-decoration: underline;
  transition: color 0.3s;
}
body li {
  list-style-type: none;
}
body p {
  font-size: 16px;
  line-height: 20px;
  color: var(--color-font);
  overflow-wrap: break-word;
}
body small {
  font-size: 10px;
}

@media only screen and (min-width: 1281px) {
  .container {
    max-width: 98%;
  }
}
@media only screen and (max-width: 1280px) {
  .container {
    max-width: 1260px;
  }
}
main {
  min-height: 40vw;
  background: var(--color-body);
}

main.no-menu, main.main-landing {
  margin-top: 0;
}

nav a {
  font-size: 16px;
}

button {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid var(--color-grey);
  background: none;
}

.shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18) !important;
  transition: box-shadow 0.3s;
  /*    &:hover{
          box-shadow: 0px 1px 3px #3336;
          transition: box-shadow 0.3s;
      }   */
}

.shadow-hover:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.28) !important;
  transition: all 0.3s ease-in-out;
}

.line {
  position: relative;
}
.line:hover:before {
  width: 80%;
  transition: width 0.3s;
}

img {
  max-width: 100%;
  height: auto;
}

.font-color-theme {
  color: var(--color-theme) !important;
}

.font-blue {
  color: var(--color-blue) !important;
}

.font-green {
  color: var(--color-green);
}

.font-yellow {
  color: var(--color-yellow);
}

.font-grey {
  color: var(--color-grey3);
}

.font-white {
  color: white !important;
}

.font-yellow {
  color: var(--color-yellow);
}

.font-red {
  color: var(--color-red);
}

.font-grey {
  color: var(--color-grey2);
}

.font-white-underline {
  color: white !important;
  text-decoration: underline;
}

.font-underline {
  text-decoration: underline;
}

.hover-underline:hover {
  text-decoration: underline;
}

.font-italic {
  color: var(--color-grey3);
  font-style: italic;
}

.font-weight-900 {
  font-weight: 900;
}

.font-14 {
  font-size: 14px !important;
  line-height: 1.4rem !important;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.text-decoration-none {
  text-decoration: none !important;
}

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

.btn {
  background: var(--color-theme);
  color: white;
  border-radius: 0.25rem;
  font-weight: 700;
}
.btn:hover {
  color: white;
  background: var(--color-theme-hover);
}

.btn.btn-main {
  background: var(--color-theme);
  color: white;
  border-radius: 0.25rem;
  font-weight: 700;
}
.btn.btn-main:hover {
  color: white;
  background: var(--color-theme-hover);
}

.btn.btn-green {
  font-weight: 700;
  color: white;
  background: var(--color-green);
  border: none;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}
.btn.btn-green :hover {
  transition: all 0.3s ease-in-out;
  color: white !important;
  background: rgb(30, 156, 121);
}

.btn-blue {
  font-weight: 700;
  background: var(--color-blue);
  color: white;
  border: none;
  padding: 5px 20px;
  border-radius: 5px;
  font-size: 12px;
}
.btn-blue a {
  color: white;
}
.btn-blue a:hover {
  color: white;
}

.btn-white {
  font-weight: 700;
  background: white;
  color: var(--color-blue);
  border: none;
  padding: 5px 20px;
  border-radius: 5px;
  font-size: 12px;
}
.btn-white a {
  color: var(--color-blue);
}

.btn-grey {
  font-weight: 700;
  background: var(--color-grey);
  color: var(--color-grey2);
  border: none;
  padding: 5px 10px;
  border-radius: 0;
  font-size: 16px;
}
.btn-grey :hover {
  background: var(--color-grey);
  color: var(--color-grey2);
}

.btn-green {
  font-weight: 700;
  color: white;
  background: var(--color-green);
  border: none;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
}
.btn-green :hover {
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.28);
  transition: all 0.3s ease-in-out;
}

.btn-gradient-b {
  background-image: var(--color-gradient-blue);
  font-weight: 700;
  color: white;
  border-radius: 4px;
  border: none;
  padding: 5px 20px;
}

.bg-w {
  background: white;
}

.edit-btn {
  background: white;
  border-radius: 50%;
  border: 1px solid var(--color-grey);
  width: 30px;
  height: 30px;
}

.action-btn {
  background: white;
  color: var(--color-blue);
  padding: 5px 20px;
  font-weight: 600;
}
.action-btn:hover {
  background: var(--color-red);
  color: white;
  transition: 0.3s all ease-in-out;
}

.btn-line-b {
  background: transparent;
  color: var(--color-blue);
  border: 1px solid var(--color-blue);
  border-radius: 5px;
  padding: 5px 20px;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
  font-size: 12px;
  margin: 2px;
}
.btn-line-b:hover {
  background: var(--color-blue);
  color: white !important;
  transition: 0.3s all ease-in-out;
}

.btn-line-r {
  background: transparent;
  color: var(--color-red);
  border: 1px solid var(--color-red);
  border-radius: 5px;
  padding: 5px 20px;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}
.btn-line-r:hover {
  background: var(--color-red);
  color: white;
  transition: 0.3s all ease-in-out;
}

.btn-line-g {
  background: transparent;
  color: var(--color-green);
  border: 1px solid var(--color-green);
  border-radius: 5px;
  padding: 5px 20px;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}
.btn-line-g:hover {
  background: var(--color-green);
  color: white;
  transition: 0.3s all ease-in-out;
}

.btn-line-w {
  background: transparent;
  color: white;
  border: 1px solid white;
  border-radius: 5px;
  padding: 5px 20px;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}
.btn-line-w:hover {
  background: white;
  color: var(--color-blue);
  transition: 0.3s all ease-in-out;
}

.btn-no-line {
  border: none;
}

.btn-no-bg-blue {
  background: transparent;
  color: var(--color-blue);
}

.btn-full-gradient {
  padding: 8px 60px;
  width: 100%;
  background: linear-gradient(155deg, var(--color-blue) 35%, var(--color-green));
  border: none;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

select {
  border: 1px solid var(--color-grey);
  background: none;
  border-radius: 0;
  padding-right: 15px;
  padding-left: 5px;
}
select:active {
  outline: none;
}

select.form-select {
  width: 100%;
  padding: 8px;
}

.column-btn button.select {
  padding-left: 10px;
}
.column-btn button.select:active {
  background-image: linear-gradient(45deg, transparent 50%, #fff 0), linear-gradient(135deg, #fff 50%, transparent 0);
}

input {
  border: 1px solid var(--color-grey);
  background: none;
  padding: 5px 10px;
}

:focus {
  outline: none !important;
}

.tender-create-title .pf-inner-title {
  margin-bottom: 0;
}

form label {
  font-weight: 600;
  font-size: 14px;
}

.white-text {
  color: white;
  text-shadow: 0 0 7px black;
}

.soon {
  position: relative;
}
.soon:before {
  content: "Coming Soon";
  opacity: 0;
  top: -21px;
  height: 21px;
  width: 140px !important;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18); */
  background: var(--color-blue);
  color: white;
  border-radius: 5px;
  transition: opacity 0.15s ease-in-out;
  position: absolute;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.soon:hover:after, .soon:hover:before {
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
}
.soon:after {
  content: "";
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background: transparent;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid var(--color-blue);
  top: 0;
  transition: opacity 0.15s ease-in-out;
  position: absolute;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}

.preline {
  white-space: pre-line;
  font-size: 12px;
  line-height: 22px;
}

button.add-item {
  border: none;
  color: var(--color-blue);
  font-size: 16px;
  font-weight: 600;
  background: none;
}

button {
  cursor: pointer;
}

table td {
  vertical-align: top;
  overflow-wrap: break-word;
  padding-bottom: 15px;
}

form label {
  font-size: 14px;
  font-weight: 700;
}

input-datepicker-bootstrap4.form-control {
  background: none;
  border: 1px solid var(--color-lblue1);
}

.form-divider {
  margin-bottom: 20px;
}
.form-divider.divider2 {
  margin-top: 60px;
}
.form-divider .divider-label {
  position: relative;
  overflow: hidden;
  color: var(--color-blue);
  font-size: 20px;
  font-weight: 800;
}

hr.divider-line {
  margin: 40px;
}

input.form-control::placeholder {
  color: var(--color-grey3);
}

input[type=radio], input[type=checkbox] {
  margin-bottom: 10px;
}

.nav.nav-tabs.verticle-nav-tabs {
  width: fit-content;
}
.nav.nav-tabs.verticle-nav-tabs .nav-link.active {
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #fff;
  border-right: 1px solid var(--color-thinline);
}
.nav.nav-tabs.verticle-nav-tabs .nav-link.active span {
  font-weight: 700;
}

p.description {
  white-space: pre-line;
  margin-bottom: 0;
  line-height: 18px;
}

p.msg {
  background: var(--color-thinline);
  padding: 10px 20px;
  margin: 20px 0;
}

p.msg.alert-danger {
  background-color: #f8d7da;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: none !important;
}

.btn.disabled, .btn:disabled {
  opacity: 0.35 !important;
}

button.btn-blue.btn-line-b:disabled {
  color: var(--color-grey) !important;
  border-color: var(--color-grey);
  background: none;
}

.custom-select {
  font-size: 12px;
}

custom-project-contact-input .custom-select {
  border-color: var(--color-form);
}
custom-project-contact-input .input-selection .custom-select {
  border-color: var(--color-thinline);
  width: 30%;
}

button.btn.btn-secondary.btn-sm:disabled {
  padding: 5px 20px;
  font-size: 12px;
}

.paw-upload-multiple-item-wrapper {
  padding: 0 !important;
}

.form-group {
  position: relative;
}

.required.form-group label:after {
  content: "*";
  color: var(--color-red);
  padding: 3px;
}

.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item {
  height: fit-content !important;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item .show {
  max-width: 200px;
  overflow: hidden;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item .show span {
  white-space: normal;
}

.tooltip-inner {
  background: var(--color-dark) !important;
}

.bs-tooltip-bottom::before {
  border-bottom-color: var(--color-dark) !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: var(--color-dark) !important;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: var(--color-dark) !important;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: var(--color-dark) !important;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: var(--color-dark) !important;
}

.truncate {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

a.btn-line-b:hover,
a.btn-line-r:hover,
a.btn-line-g:hover,
a.btn-line-w:hover {
  text-decoration: none;
}

.bg-body {
  background: var(--color-body);
}

.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none; /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: 0.2s; /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.text-grey {
  color: var(--color-grey3);
}

/* The slider itself */
.slider {
  -webkit-appearance: none; /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: 0.2s; /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.range-input {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.range-input .range-input-box {
  width: 45%;
  display: flex;
  align-items: center;
}
.range-input .range-input-box input {
  width: 100%;
  margin-left: 5px;
  padding: 5px 10px;
  font-family: var(--font-main);
  height: 30px;
  background: white;
  border: none;
}

.irs--round .irs-bar,
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
  background-color: var(--color-blue) !important;
  font-family: var(--font-main);
  font-size: 12px;
}

.irs--round .irs-handle {
  border-color: var(--color-blue) !important;
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
  border-top-color: var(--color-blue) !important;
}

.ck-editor li {
  list-style-type: unset;
}

button.filter-button {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  background: var(--color-blue3) !important;
  color: white !important;
}

.filter-btn {
  background: var(--color-blue3);
  color: white !important;
  font-size: 13px;
}

.loading-img {
  text-align: center;
  position: absolute;
  z-index: 9;
  width: 100%;
}

.invalid-feedback {
  font-size: 100%;
  display: block;
}

.border-round {
  border-radius: 6px;
}

.nosidebar {
  margin-top: 100px;
}
.nosidebar .nosidebar__block {
  padding: 40px;
}
@media only screen and (max-width: 575px) {
  .nosidebar .nosidebar__block {
    padding: 40px 15px;
  }
}

ul.sidebar li {
  font-size: 14px;
  padding: 10px;
}

.border-table td {
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.border-table.equal-width td {
  width: 1%;
}

.border-thinline {
  border: 1px solid var(--color-thinline);
}

.form-check-inline {
  justify-content: space-between;
}
.form-check-inline .form-check-label {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid var(--color-grey);
  position: relative;
  cursor: pointer;
}
.form-check-inline .form-check-label .form-check-input {
  position: absolute;
  opacity: 0;
  padding: 10px;
  margin: 0;
  top: 0;
  left: 0;
  width: 0;
}
.form-check-inline .form-check-label .form-check-input:before {
  background-color: transparent;
}
.form-check-inline .form-check-label .form-check-input:checked {
  opacity: 1;
}
.form-check-inline .form-check-label .form-check-input:checked:before {
  content: "";
  width: 100%;
  background-color: var(--color-blue);
  position: absolute;
  height: 100%;
  border-radius: 5px;
  height: 36px;
  width: 35px;
  left: 0;
  top: 0;
}
.form-check-inline .form-check-label .form-check-input:checked + span {
  color: white;
}
.form-check-inline .form-check-label span {
  position: relative;
  z-index: 1;
}

.overflow-scroll {
  overflow: scroll;
}

.cursor-pointer {
  cursor: pointer;
}

.mobile-profile img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.pjax-content {
  width: 100%;
  overflow: hidden;
}

.badge {
  width: fit-content;
  padding: 3px 8px;
  border-radius: 0.75rem;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  margin: 5px;
  text-decoration: none;
}
.badge.badge-success {
  background: var(--color-green);
}
.badge.badge-danger {
  background: var(--color-lred);
}

.pagination-wrap .navigation .justify-content-end {
  box-shadow: none;
}

.white-space-preline {
  white-space: pre-line;
}

.module {
  padding: 2em;
  background: white;
  box-shadow: 0px 3px 12px #e6e9ef;
  border-radius: 0.25rem;
}

body ol li {
  list-style-type: inherit;
  line-height: 2em;
}

.inner-item {
  padding: 10px;
  border: 1px solid var(--color-thinline);
  border-radius: 5px;
}

.main-header {
  padding-top: 20px;
  height: 75px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}
.main-header .get-start {
  padding: 5px 20px 3px;
  color: white;
  border-radius: 20px;
  margin: 0 20px;
  font-weight: 600;
  background: var(--color-red);
  font-size: 12px;
}

.top-menu {
  display: flex;
  align-items: center;
  padding: 0 10px;
  justify-content: space-between;
  transition: 0.3s all ease-in-out;
}
.top-menu .search-form {
  height: 40px;
  width: 88%;
}
.top-menu .search-form form {
  width: 100%;
}
.top-menu .search-form form button.fas.fa-search {
  background: var(--color-form);
  color: var(--color-blue);
}
.top-menu .reg-log {
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.top-menu .reg-log .sign-up {
  margin: 0 10px 0px 20px;
}
.top-menu .reg-log .sign-up:hover {
  text-decoration: none;
}
.top-menu .reg-log .log-in {
  color: var(--color-blue);
  font-weight: bold;
}
.top-menu .reg-log .log-in:hover {
  text-decoration: none;
}
.top-menu .reg-log .client-menu {
  margin: 0 10px;
  width: fit-content;
  background: none;
}
.top-menu .reg-log .client-menu img {
  max-width: 30px;
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
  background: white;
}
.top-menu .reg-log .profile-menu-content {
  position: absolute;
  height: fit-content;
  background: white;
  z-index: 9;
  right: 0;
  padding: 0;
  min-width: 180px;
  border-radius: 5px;
  top: 60px;
}
.top-menu .reg-log .profile-menu-content .profile-welcome {
  padding-top: 15px;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-grey);
}
.top-menu .reg-log .profile-menu-content .profile-welcome img.client-avatar-s {
  border-radius: 50%;
  max-width: 45px;
  width: 45px;
  height: 45px;
  object-fit: cover;
}
.top-menu .reg-log .profile-menu-content .profile-welcome p {
  margin-bottom: 0px;
  margin-top: 5px;
}
.top-menu .reg-log .profile-menu-content .profile-welcome h3 {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-blue1);
}
.top-menu .reg-log .profile-menu-content ul {
  padding: 0;
  background: var(--color-body);
  padding-bottom: 0;
  margin-bottom: 0px;
}
.top-menu .reg-log .profile-menu-content ul li {
  padding: 5px 5px 5px 20px;
  border-bottom: 1px solid var(--color-grey);
}
.top-menu .reg-log .profile-menu-content ul li a {
  color: var(--color-dark);
}
.top-menu .reg-log .profile-menu-content ul li a:hover {
  text-decoration: underline;
  font-weight: 700;
}
.top-menu .reg-log .profile-menu-content ul li:last-child {
  border: none;
}

.menu-item:first-child .dropdown {
  left: 50%;
  transform: translateX(-40%);
}

.menu-item:last-child .dropdown {
  width: 210px;
}
.menu-item:last-child .dropdown h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-red);
}
.menu-item:last-child .dropdown p {
  margin: 0;
}

.dropdown {
  display: none;
  position: absolute;
  padding: 20px;
  border: 1px solid var(--color-grey);
  background: white;
  z-index: 999;
  top: 24px;
  text-align: left;
  border-top: none;
}
.dropdown .drop-col {
  display: table-cell;
  white-space: nowrap;
  padding-right: 30px;
}
.dropdown a {
  font-size: 12px;
  display: block;
  color: var(--color-font);
  line-height: 18px;
}
.dropdown h2 {
  font-size: 14px;
  font-weight: 800;
  color: var(--color-blue);
}

.menu-item:hover .dropdown {
  display: block;
}

input[type=search]::-webkit-input-placeholder {
  font-family: var(--font-main);
  color: var(--color-grey2);
  font-size: 12px;
}

.site-logo {
  padding: 5px;
}
.site-logo img {
  max-width: 150px;
  position: relative;
  top: -4px;
}

.search-form {
  display: flex;
  align-items: center;
}

.top-menu input-globalsearch#tender-invite-user-search i {
  position: absolute;
  top: 9px;
  right: 10px;
  color: var(--color-blue);
}

input[type=search]:focus {
  outline: none;
  box-shadow: 3px 1px 25px rgba(51, 51, 51, 0.2);
  transition: all 0.3s;
}

button.fas.fa-search {
  background: var(--color-blue);
  border: none;
  color: white;
  border-left: 0;
  padding: 0 13px;
  height: 30px;
  cursor: pointer;
}
button.fas.fa-search:hover {
  background: var(--color-blue);
}

.top-search {
  display: flex;
  width: 100%;
  padding-bottom: 0px;
  justify-content: space-around;
}
@media only screen and (min-width: 475px) {
  .top-search .search-menu {
    padding: 0;
    padding-top: 5px;
    max-width: 1500px;
  }
}

.main-nav {
  height: fit-content;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.main-nav .menu-list {
  padding: 0 10px;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  padding-top: 6px;
}
.main-nav .menu-list .line.menu-item .fas {
  font-size: 13px;
  margin-right: 3px;
}
.main-nav .menu-list li {
  list-style: none;
  width: fit-content;
  float: left;
  text-align: center;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
}
.main-nav .menu-list li:last-child {
  border-right: 0;
}
.main-nav .menu-list li:last-child .dropdown {
  right: -20px;
}
.main-nav .menu-list li:first-child {
  padding-left: 0;
}
.main-nav .menu-list li > a {
  font-weight: 700;
  padding: 3px 10px;
  padding-top: 0;
  display: block;
  font-size: 11px;
  color: var(--color-blue);
  text-transform: uppercase;
}
.main-nav .menu-list li > a:before {
  padding-right: 5px;
  font-family: var(--font-icon);
  font-weight: 800;
  font-size: 13px;
}
.main-nav .menu-list li > a:hover {
  text-decoration: none;
  color: var(--color-red);
}

a.sign-up {
  color: var(--color-blue);
  padding: 8px 15px;
}
a.sign-up:before {
  content: "\f007";
  font-family: var(--font-icon);
  font-weight: 800;
  padding-right: 5px;
}

a.log-in:before {
  content: "\f2f6";
  font-family: var(--font-icon);
  font-weight: 800;
  padding-right: 5px;
}

.main-header {
  padding-top: 0px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background: white;
  transition: all 0.3s ease-in-out;
}

.float .main-nav {
  height: 0;
  transition: height 0.3s;
}
.float:hover .main-nav {
  height: 50px;
}

.menu-icon {
  position: relative;
  top: 5px;
  font-size: 20px;
  color: var(--color-lblue2);
  margin: 0 10px;
  padding-bottom: 4px;
}

.dd-solution {
  width: 300px;
}
.dd-solution p {
  font-size: 13px;
}
.dd-solution h2 {
  margin-bottom: 0;
}
.dd-solution a:hover h2, .dd-solution a:hover p {
  color: var(--color-blue);
}

.col-c2 {
  column-count: 2;
}

input-globalsearch .custom-input-tender-participant-autocomplete input[type=search] {
  padding-right: 40px;
}

span.notify-indicator.unread {
  width: 8px;
  height: 8px;
  background: var(--color-lred);
  position: absolute;
  border-radius: 50%;
}

input-globalsearch .custom-input-tender-participant-autocomplete .result {
  overflow: scroll;
  max-height: 500px;
}

.more-option {
  flex-grow: 1;
  text-align: right;
  font-size: 20px;
  color: var(--color-lred);
  padding: 10px 14px;
}

li.e-solution-mobile {
  padding: 0 !important;
}

.solution-dropdown {
  border-bottom: 1px solid var(--color-grey);
  background: var(--color-body);
}
.solution-dropdown .dd-solution {
  padding: 10px;
}
.solution-dropdown .dd-solution h2 {
  font-size: 16px;
  color: var(--color-blue);
  font-weight: 700;
}

.global-sidebar li.nav-item {
  position: relative;
}
.global-sidebar li.nav-item:hover .submenu {
  display: block;
}
.global-sidebar a {
  margin: 0.4rem 0;
  border-radius: var(--border-radius-main);
  color: inherit;
  padding: 0.5rem 0.7rem;
  display: flex;
  align-items: baseline;
}
.global-sidebar a:hover {
  color: var(--color-theme);
}
.global-sidebar a.active {
  background: var(--color-theme-bg);
  color: var(--color-theme);
  font-weight: 700;
}
.global-sidebar i {
  width: 18px;
  text-align: center;
}
.global-sidebar .submenu {
  position: absolute;
  left: 100%;
  z-index: 9;
  background: white;
  border: 1px solid var(--color-grey);
  top: 0;
  padding: 0;
  display: none;
  transition: all 0.3s ease-in-out;
}
.global-sidebar .submenu a {
  color: var(--color-font-light);
  margin: 0.1rem 0.5rem;
}
.global-sidebar .submenu a:hover {
  color: var(--color-theme);
}

.menu-user .avatar {
  height: 30px;
  width: 30px;
  background: var(--color-theme-hover);
  border-radius: 50%;
  text-align: center;
  padding: 0;
  font-size: 20px;
  font-weight: 900;
  color: white;
}
.menu-user .collapsible.active + .content {
  max-height: fit-content;
}
.menu-user .profile-menu-content {
  background-color: #fff;
  position: absolute;
  right: 10px;
  top: 40px;
  z-index: 99999;
  width: 10rem;
  transition: all 0.2s ease-in-out;
}
.menu-user .profile-menu-content ul {
  padding: 0;
}

/****** footer *******/
.footer {
  width: 100%;
  background: white;
  position: relative;
  z-index: 9;
}
.footer .footer-logo {
  display: block;
  width: 100%;
  text-align: left;
}
.footer .footer-link {
  width: 100%;
}
.footer .footer-link a:hover {
  color: var(--color-blue3);
  text-decoration: underline;
}
.footer .support-logo img {
  max-width: 80px;
  height: 30px;
  width: auto;
}
.footer img.foot-logo {
  margin-bottom: 10px;
  max-width: 150px;
}
@media only screen and (min-width: 992px) {
  .footer .col-sm-3 {
    max-width: 25%;
  }
}
.footer .col-sm-3 > * {
  display: block;
  font-size: 12px;
  line-height: 16px;
}
.footer h2 {
  font-size: 16px;
  color: var(--color-blue3);
  font-weight: 700;
  margin-top: 10px;
}
.footer a {
  color: var(--color-blue3);
  text-decoration: none;
  transition: color 0.3s;
}
.footer a:hover {
  color: var(--color-blue);
  transition: color 0.3s;
}
.footer p {
  color: var(--color-grey2);
}
.footer .footer-menu-wrap {
  background: white;
  padding: 20px 30px;
}
.footer .footer-logo-wrap {
  padding-top: 20px;
  padding-left: 7%;
}

.social-logo {
  margin-top: 15px;
}
.social-logo i {
  font-size: 15px;
  margin-right: 10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}

.carousel-control .icon-prev:before {
  content: "‹";
}

.carousel-control .icon-next:before {
  content: "›";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9 ;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ffffff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

div#admin-user-list table {
  width: 2000px;
  overflow: hidden;
}
div#admin-user-list table td {
  width: 1%;
  padding: 5px;
}
div#admin-user-list table tr:nth-child(2n) {
  background-color: #eee;
}

.truncate {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.user-view td {
  padding-right: 100px;
}

tr.clickable-row {
  cursor: pointer;
}
tr.clickable-row:hover {
  background: #dfeaf7 !important;
}

.user-search {
  width: 2000px;
}
.user-search .check-form {
  background: white;
  border: 1px solid;
  padding: 10px;
  height: 100px;
  overflow: scroll;
}

@media only screen and (min-width: 769px) {
  .mobile-menu {
    display: none;
  }
}
.log-table {
  overflow-wrap: anywhere;
}
.log-table table {
  width: 100%;
}
.log-table table td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  white-space: pre-line;
}
.log-table table td:first-child {
  padding: 10px 10px 10px 0;
}

@media only screen and (max-width: 768px) {
  div.global-wrapper.d-flex > aside.global-sidebar-wrapper {
    width: 0;
  }
  div.global-wrapper.d-flex > aside.global-sidebar-wrapper.show {
    width: 250px;
  }
  .navbar-brand {
    width: fit-content !important;
  }
  div.global-wrapper.d-flex > main {
    width: 100%;
    max-width: none;
  }
  div.global-wrapper.d-flex > main.show {
    max-width: calc(100vw - 170px);
  }
  .navbar.navbar-expand-md {
    display: flex;
  }
  .action-header.border-bottom.container-fluid.py-3 {
    max-width: 100% !important;
  }
}
body, html {
  padding: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
}

body[dashboard] {
  display: flex;
}

a {
  color: #374656;
}

.card {
  border-radius: 0px;
  border: none;
}
.card .card-link {
  font-size: 0.9em;
}

.removecaret.dropdown-toggle::after {
  display: none;
}

.tooltip {
  text-align: justify;
  font-size: 0.7em;
}
.tooltip .tooltip-inner {
  border-radius: 0;
}

.block-with-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.toasted-container.top-right {
  top: 118px !important;
  right: 15px !important;
}

div.global-wrapper .paper {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
}
div.global-wrapper > aside.global-sidebar-wrapper {
  width: 180px;
}
div.global-wrapper > main {
  max-width: calc(100vw - 180px);
}
div.global-wrapper > main > form {
  min-height: 0px;
}
div.global-wrapper > main > header > div.master-header, div.global-wrapper > main > form > header > div.master-header {
  background-color: #fff;
}
div.global-wrapper > main > header > div.master-header > div.top-header, div.global-wrapper > main > form > header > div.master-header > div.top-header {
  background-color: rgb(250, 250, 250);
}
div.global-wrapper > main > header > div.master-header > div.top-header nav, div.global-wrapper > main > form > header > div.master-header > div.top-header nav {
  font-size: 0.7em;
  padding: 5px 10px;
}
div.global-wrapper > main > header > div.master-header > div.top-header nav ol, div.global-wrapper > main > form > header > div.master-header > div.top-header nav ol {
  padding: 0px;
  margin: 0px;
}
div.global-wrapper > main > header > div.master-header > div.top-header nav div.navbar-brand, div.global-wrapper > main > form > header > div.master-header > div.top-header nav div.navbar-brand {
  width: 100%;
}
div.global-wrapper > main > header > div.master-header > div.top-header nav div.navbar-brand span.master-search, div.global-wrapper > main > form > header > div.master-header > div.top-header nav div.navbar-brand span.master-search {
  display: block;
  color: #999;
  position: relative;
}
div.global-wrapper > main > header > div.master-header > div.top-header nav div.navbar-brand span.master-search i.fa, div.global-wrapper > main > form > header > div.master-header > div.top-header nav div.navbar-brand span.master-search i.fa {
  font-size: inherit;
  -webkit-text-stroke: 2px #fafafa;
}
div.global-wrapper > main > header > div.master-header > div.top-header nav div.navbar-brand span.master-search input[type=text], div.global-wrapper > main > form > header > div.master-header > div.top-header nav div.navbar-brand span.master-search input[type=text] {
  font-weight: 100;
  border: none;
  background-color: transparent;
  width: 100%;
  outline: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
div.global-wrapper > main > header > div.master-header > div.top-header nav div.navbar-brand span.master-search input[type=text]::placeholder, div.global-wrapper > main > form > header > div.master-header > div.top-header nav div.navbar-brand span.master-search input[type=text]::placeholder {
  font-weight: 100;
}
div.global-wrapper > main > header > div.master-header > div.top-header h1, div.global-wrapper > main > form > header > div.master-header > div.top-header h1 {
  font-size: 1.8em;
  padding: 8px 10px;
  padding-top: 0px;
  margin: 0px;
}
div.global-wrapper > main > header > div.master-header > div.top-header div.right-menu, div.global-wrapper > main > form > header > div.master-header > div.top-header div.right-menu {
  font-size: 0.8em;
  padding-right: 10px;
}
div.global-wrapper > main > header > div.master-header > div.top-header div.right-menu div.dropdown a.dropdown-toggle:after, div.global-wrapper > main > form > header > div.master-header > div.top-header div.right-menu div.dropdown a.dropdown-toggle:after {
  display: none;
}
div.global-wrapper > main > header > div.master-header > div.top-header div.right-menu div.dropdown div.dropdown-menu, div.global-wrapper > main > form > header > div.master-header > div.top-header div.right-menu div.dropdown div.dropdown-menu {
  left: auto;
  right: 0px;
  padding: 10px;
}
div.global-wrapper > main > header > div.master-header > div.action-header, div.global-wrapper > main > form > header > div.master-header > div.action-header {
  max-width: calc(100vw - 180px);
}
div.global-wrapper > main > header > div.master-header > div.action-header .page-title, div.global-wrapper > main > form > header > div.master-header > div.action-header .page-title {
  overflow: hidden;
  font-weight: 100;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.global-wrapper > main > div.main-content-wrapper, div.global-wrapper > main > form > div.main-content-wrapper {
  min-height: 0;
  height: calc(100vh - 63px);
}
div.global-wrapper > main > div.main-content-wrapper.with-action-bar, div.global-wrapper > main > form > div.main-content-wrapper.with-action-bar {
  height: calc(100vh - 63px - 57px);
}
div.global-wrapper > main > div.main-content-wrapper > div.sidebar-wrapper, div.global-wrapper > main > form > div.main-content-wrapper > div.sidebar-wrapper {
  background-color: rgb(250, 250, 250);
  overflow: auto;
}
div.global-wrapper > main > div.main-content-wrapper > div.sidebar-wrapper > div.sidebar, div.global-wrapper > main > form > div.main-content-wrapper > div.sidebar-wrapper > div.sidebar {
  font-size: 0.9em;
  width: 260px;
}
div.global-wrapper > main > div.main-content-wrapper > div.main-content, div.global-wrapper > main > form > div.main-content-wrapper > div.main-content {
  width: 100%;
  min-height: 0px;
}
div.global-wrapper > main > div.main-content-wrapper > div.main-content > div.actions-bar, div.global-wrapper > main > form > div.main-content-wrapper > div.main-content > div.actions-bar {
  padding: 10px;
}
div.global-wrapper > main > div.main-content-wrapper > div.main-content > div.content-wrapper, div.global-wrapper > main > form > div.main-content-wrapper > div.main-content > div.content-wrapper {
  overflow: auto;
}
div.global-wrapper > main > div.main-content-wrapper > div.main-content > div.content-wrapper > div.content, div.global-wrapper > main > form > div.main-content-wrapper > div.main-content > div.content-wrapper > div.content {
  min-height: calc(100vh - 63px - 32px - 2px);
}
div.global-wrapper > main > div.main-content-wrapper > div.main-content > div.content-wrapper > div.content nav ol.breadcrumb, div.global-wrapper > main > form > div.main-content-wrapper > div.main-content > div.content-wrapper > div.content nav ol.breadcrumb {
  font-size: 0.8em;
  margin: 0px;
  margin-bottom: 1rem;
  padding: 0px;
}
div.global-wrapper > main > div.main-content-wrapper > div.main-content > div.content-wrapper > footer, div.global-wrapper > main > form > div.main-content-wrapper > div.main-content > div.content-wrapper > footer {
  color: #999;
  font-size: 0.7em;
  padding: 8px 10px;
}
div.global-wrapper > main > div.main-content-wrapper > div.details-wrapper, div.global-wrapper > main > form > div.main-content-wrapper > div.details-wrapper {
  overflow: auto;
}
.page-task-view table.table.task-table tbody tr:nth-child(1) > th {
  width: 150px;
}

.no-outline, .no-outline:focus {
  outline: none;
  box-shadow: none;
}

.no-backgound-color {
  background-color: transparent;
}

.Differences {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

.Differences thead th {
  text-align: left;
  border-bottom: 1px solid #000;
  color: #000;
  padding: 4px;
}

.Differences tbody th {
  text-align: right;
  width: 4em;
  padding: 1px 2px;
  border-right: 1px solid #000;
  vertical-align: top;
  font-size: 13px;
}

.Differences tbody th {
  width: 5%;
  padding-right: 5px;
}

.Differences td {
  padding: 1px 2px;
  font-family: Consolas, monospace;
  font-size: 13px;
}

.DifferencesSideBySide .ChangeInsert td.Left {
  background: #dfd;
}

.DifferencesSideBySide .ChangeInsert td.Right {
  background: #cfc;
}

.DifferencesSideBySide .ChangeDelete td.Left {
  background: #f88;
}

.DifferencesSideBySide .ChangeDelete td.Right {
  background: #faa;
}

.DifferencesSideBySide .ChangeReplace .Left {
  background: #fe9;
}

.DifferencesSideBySide .ChangeReplace .Right {
  background: #fd8;
}

.Differences ins, .Differences del {
  text-decoration: none;
}

.DifferencesSideBySide .ChangeReplace ins, .DifferencesSideBySide .ChangeReplace del {
  background: #fc0;
}

.Differences .Skipped {
  background: #f7f7f7;
}

.DifferencesInline .ChangeReplace .Left,
.DifferencesInline .ChangeDelete .Left {
  background: #fdd;
}

.DifferencesInline .ChangeReplace .Right,
.DifferencesInline .ChangeInsert .Right {
  background: #dfd;
}

.DifferencesInline .ChangeReplace ins {
  background: #9e9;
}

.DifferencesInline .ChangeReplace del {
  background: #e99;
}

pre {
  width: 100%;
  overflow: auto;
}

table.DifferencesSideBySide {
  width: 100%;
}
table.DifferencesSideBySide thead tr th {
  width: 50%;
}

.search-result {
  overflow: scroll;
  max-height: 200px;
}

.collapsible {
  /*color: #444;*/
  cursor: pointer;
  padding: 5px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 14px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  /*background-color: #ccc;*/
}

.active + .content {
  transition: all 0.3s ease-out;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  /*background-color: #f1f1f1;*/
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.project-grid .content > div:first-child {
  margin-top: 10px;
}
.project-grid .content > div:last-child {
  margin-bottom: 10px;
}

.inputGroup {
  display: block;
  position: relative;
}
.inputGroup label {
  padding: 12px 32px;
  width: 0;
  display: block;
  text-align: left;
  color: transparent;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
}
.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: "";
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z%27 fill=%27%23fff%27 fill-rule=%27nonzero%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
  opacity: 1 !important;
}
.inputGroup input:hover ~ label:after {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
  opacity: 0.5;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.modal.modal__noheader .modal-header {
  border-bottom: none;
  position: absolute;
  right: -40px;
  top: -40px;
}
.modal.modal__noheader .modal-header .close {
  color: white;
}

.modal.modal__fullwidth .modal-body {
  padding: 0;
}

.modal .modal__fullwidth__content {
  padding: 15px;
}

/* The side navigation menu */
.drawerbtm {
  height: 0; /* 100% Full-height */
  width: 100%; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Stay on top */
  bottom: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.drawerbtm .overlay {
  height: 0;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}

/* The navigation menu links */
.drawerbtm a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.drawerbtm a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.drawerbtm .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.filterModal .filter-content {
  height: 400px;
  overflow: scroll;
}
.filterModal .filter-content .filter-item {
  width: 50%;
  display: inline-block;
  float: left;
}
.filterModal .filter-content .filter-item input[type=checkbox] {
  margin-right: 10px;
}
.filterModal .filter-content .filter-item label {
  font-weight: 400;
}
.filterModal .filter-content .filter-item .filter-count {
  color: var(--color-grey3);
}
.filterModal .filter-tag-wrap .list-title-left {
  width: 100%;
}
.filterModal .filter-tag-wrap .list-title-left .tag-wrap {
  padding: 20px;
  background: var(--color-body);
}
.filterModal .nav-tabs .nav-item {
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.filterModal .nav-tabs .nav-item .nav-link {
  padding: 12px 40px 12px 16px;
  border-radius: 0;
}
.filterModal .nav-tabs .nav-item .nav-link:hover {
  border: none;
}
.filterModal .nav-tabs .nav-item .nav-link i {
  position: absolute;
  right: 20px;
}
.filterModal .nav-tabs .nav-item .nav-link.active {
  border: none;
  background-color: var(--color-lblue1);
}

#mobile-filter .sub-filter label {
  margin-bottom: 0;
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
  width: 100%;
}
#mobile-filter .sub-filter span {
  padding: 0;
}
#mobile-filter .sub-filter li:before {
  content: none;
}
#mobile-filter .sub-filter input[type=checkbox] {
  margin-right: 10px;
}
#mobile-filter .sub-search .search {
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
}
#mobile-filter .sub-search label {
  padding: 0;
}
#mobile-filter .sub-search input {
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
  width: 100%;
}
#mobile-filter .mm-spn li:after {
  margin: 0;
}

.mm-spn li:after {
  margin: 0 !important;
}

.mm-spn.mm-spn--light {
  background: white !important;
}

.mm-spn.mm-spn--navbar.mm-spn--main:after {
  padding: 0 !important;
  opacity: 1;
}

.mm-spn a {
  font-size: 13px;
}

.mm-spn.mm-spn--navbar:after {
  color: var(--color-blue);
  font-weight: 900;
  opacity: 1 !important;
}

.progressbar li {
  float: left;
  width: 20%;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .progressbar li {
    width: 30%;
  }
}

.progressbar {
  counter-reset: step;
  display: flex;
  justify-content: center;
}

.progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  border: 2px solid #bebebe;
  display: block;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  line-height: 27px;
  background: white;
  color: #bebebe;
  text-align: center;
  font-weight: 900;
  position: relative;
  z-index: 1;
}

.progressbar li.active:before {
  border: 2px solid var(--color-blue);
  background: var(--color-body);
  color: var(--color-blue);
}

.progressbar li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #bebebe;
  top: 15px;
  left: -50%;
  z-index: 0;
}

.progressbar li.complete:after, .progressbar li.active:after {
  background: var(--color-blue);
}

.progressbar li.complete:first-child:after {
  background: none;
}

.progressbar li.complete:before {
  position: relative;
  z-index: 1;
  border-color: var(--color-blue);
  background: var(--color-blue);
  color: white;
}

.page-item a {
  color: #212529;
}
.page-item a:hover {
  color: #212529;
}
.page-item.active .page-link {
  background-color: #212529;
  border-color: #212529;
}

.select2 {
  width: 100% !important;
}

.tablinks {
  border: none;
  font-weight: 700;
  color: var(--color-grey3);
  position: relative;
}
.tablinks.active {
  color: var(--color-theme);
}
.tablinks.active:after {
  content: "";
  width: 90%;
  background: var(--color-theme);
  height: 1px;
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
}

.show {
  visibility: visible !important;
}

.client__table table {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .client__table table {
    width: 1000px;
  }
}
.client__table table th {
  padding: 20px;
  border-bottom: 2px solid var(--color-thinline);
  width: 1%;
}
.client__table table th.action {
  padding: 0;
  width: 0.2%;
}
.client__table table th.action td {
  padding: 0;
  width: 0.2%;
}
.client__table table th.action td i {
  font-size: 15px;
}
.client__table table td {
  padding: 20px;
  border-bottom: 1px solid var(--color-thinline);
  vertical-align: middle;
  max-width: 200px;
}
.client__table table tr:last-child td {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .client__table {
    overflow-x: scroll;
  }
}

.client-p {
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .client-p {
    padding: 20px 15px;
  }
}

.client-p2 {
  padding: 40px;
}
@media only screen and (max-width: 768px) {
  .client-p2 {
    padding: 20px 15px;
  }
}

@media only screen and (min-width: 768px) {
  .voucher-dashboard > div > div:last-child {
    border-left: 1px solid var(--color-thinline);
  }
}

.term-box {
  white-space: pre-line;
  max-width: 400px;
  border: 1px solid var(--color-thinline);
  padding: 10px;
  margin: auto;
  height: 300px;
  overflow-y: scroll;
}

.list-action span {
  position: relative;
  cursor: pointer;
  color: var(--color-blue1);
  margin-right: 10px;
}
.list-action span a {
  position: absolute;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 992px) {
  .menu-desktop {
    display: block;
  }
  .menu-mobile {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .comp-header {
    padding-left: 210px;
  }
  .comp-cover .comp-title-wrap {
    padding-left: 40px;
  }
  .profile-side-menu {
    max-width: 210px;
  }
}
@media only screen and (max-width: 1199px) {
  .comp-cover .comp-title-wrap {
    padding-left: 20px;
  }
  .no-webp .home-cover, .no-webp .feature-cover.feature2, .no-webp .feature-cover.feature3 {
    background-attachment: scroll;
  }
}
@media only screen and (max-width: 991px) {
  .project-grid.project-list {
    margin-top: 80px;
    overflow: scroll;
  }
  .project-grid.project-list table {
    width: 1000px;
  }
  .top-search {
    align-items: center;
    height: 48px;
  }
  .container {
    max-width: 100%;
  }
  .comp-header.container {
    max-width: 100%;
  }
  .menu-desktop {
    display: none;
  }
  .desktop-menu-logo {
    max-height: 50px;
  }
  .top-menu {
    width: 80%;
    justify-content: flex-end;
  }
  .site-logo img {
    top: 0;
  }
  .search-menu.menu-mobile {
    display: block;
    position: static;
    padding: 0;
  }
  .search-menu.menu-mobile .row {
    justify-content: flex-end;
  }
  .search-menu.menu-mobile .row .search-form {
    width: 100%;
    justify-content: flex-end;
  }
  .search-menu.menu-mobile .row .search-form .search-form {
    width: 100%;
  }
  .search-menu.menu-mobile .row button.navbar-toggler {
    margin: 0 20px;
  }
  .search-menu.menu-mobile .row div#navbarContent {
    position: absolute;
    width: 50%;
    max-width: 230px;
    top: 48px;
    right: 0;
    background: white;
    border: 1px solid var(--color-thinline);
    padding-top: 10px;
    max-height: 90vh;
    overflow-y: scroll;
  }
  .search-menu.menu-mobile .row div#navbarContent .main-nav {
    height: 100%;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile {
    padding: 0;
    overflow: hidden;
    width: 100%;
    text-align: right;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log-mobile {
    text-align: center;
    padding: 10px 0;
    padding-bottom: 15px;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log {
    justify-content: flex-end;
    width: 100%;
    text-align: center;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log .log-in {
    padding-right: 6px;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log .get-start {
    margin-left: 0px;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log .mobile-welcome p {
    margin-bottom: 5px;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log .mobile-welcome h3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-blue1);
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log .client-menu {
    background: none;
    overflow: hidden;
    margin: 0;
    text-align: center;
    margin-bottom: 5px;
    border: none;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log .client-menu img {
    max-width: 40px;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    background: white;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log .profile-menu-content {
    padding: 0;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log .profile-menu-content ul {
    padding: 0;
    background: var(--color-body);
    padding-bottom: 0;
    margin-bottom: 0px;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log .profile-menu-content ul li {
    padding: 10px 5px 10px 20px;
    border-bottom: 1px solid var(--color-grey);
    text-align: left;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log .profile-menu-content ul li a {
    font-weight: 700;
  }
  .search-menu.menu-mobile .row div#navbarContent .top-menu-profile .reg-log .profile-menu-content ul li:last-child {
    border-bottom: none;
  }
  .search-menu.menu-mobile .row div#navbarContent .menu-list {
    display: block;
    padding: 0;
    border-top: 1px solid var(--color-grey);
  }
  .search-menu.menu-mobile .row div#navbarContent .menu-list .menu-item {
    width: fit-content;
    float: none;
    width: 100%;
    justify-content: left;
    height: 50px;
    border-bottom: 1px solid var(--color-grey);
    padding-bottom: 0;
  }
  .search-menu.menu-mobile .row div#navbarContent .menu-list .menu-item a {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
  .search-menu.menu-mobile .row div#navbarContent .menu-list .menu-item a {
    color: var(--color-blue);
    text-shadow: none;
  }
}
@media only screen and (max-width: 991px) {
  .col-sm-2.site-logo {
    width: fit-content;
  }
  .main-header {
    height: 48px;
  }
  main {
    margin-top: 48px;
  }
  .single-head .single-title .single-action button {
    float: right;
    padding-left: 0;
  }
  .project-cover .img-container {
    background-attachment: inherit;
  }
  .comp-cover:before {
    bottom: 0;
  }
  .comp-cover .comp-avatar {
    width: fit-content;
    height: fit-content;
    margin-bottom: 10px;
    bottom: 0;
  }
  .comp-cover .comp-avatar img {
    width: 100px !important;
    height: 100px !important;
  }
  .comp-cover .container {
    text-align: center;
    padding-bottom: 30px;
  }
  .comp-cover .comp-title-wrap {
    text-align: center;
    padding-left: 0;
    width: 100%;
  }
  .comp-cover .comp-title {
    width: 100%;
    text-align: center;
  }
  .comp-cover .comp-btn {
    width: 100%;
    text-align: center;
  }
  .comp-header {
    padding-left: 0;
  }
  .comp-header .comp-menu {
    display: flex;
    justify-content: space-around;
    margin: 0;
  }
  .comp-header .comp-menu a {
    margin-right: 0;
  }
  .comp-body .comp-content .comp-col {
    max-width: 100%;
    flex: 100%;
  }
  .top-menu-profile .reg-log {
    display: block;
  }
  .top-menu-profile .reg-log .profile-menu-content {
    position: relative;
    padding-top: 0;
    border-top: 1px solid var(--color-grey);
    top: 0;
    border-radius: 0;
    width: 100%;
  }
  .top-menu-profile .reg-log .profile-menu-content ul li {
    padding: 10px 5px 10px 20px;
  }
  .top-menu-profile .reg-log .menu-icon {
    top: 12px;
  }
  .top-menu-profile .reg-log .client-menu {
    float: left;
  }
  .profile-side-menu {
    display: none;
  }
  .project-grid.project-list .col-md-3, .project-grid.project-list .col-sm-9 {
    flex: 100%;
    max-width: 100%;
  }
  .col-md-10.main-content {
    flex: 100%;
    max-width: 100%;
    padding: 0;
  }
  .main-content .container-fluid.py-3 {
    padding-top: 0 !important;
    padding: 0;
  }
  .comp-cover .comp-title-wrap h2 {
    display: block;
    margin-bottom: 10px;
  }
  .comp-cover .comp-title-wrap h2 .comp-certification.certified {
    display: block;
    text-align: center;
    padding: 0;
    margin-top: 5px;
  }
  .home-cover:before {
    top: 0;
  }
  .public-contact .comp-person .person-detail {
    padding-left: 10%;
  }
  .comp-cover .comp-btn .btn-row1, .comp-cover .comp-btn .btn-row2 {
    justify-content: center;
  }
  .sort-sidebar {
    margin-left: 0;
    float: none;
    justify-content: flex-start;
  }
  .sort-sidebar.sort {
    text-align: left;
    display: inline-block;
    margin-bottom: 0;
  }
  .sort-sidebar.sort > * {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px !important;
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .single-detail.single-layout2 .single-row {
    padding: 0 15px;
  }
  .search-menu.menu-mobile .row .search-form {
    width: 100%;
  }
  .home-c .project-item {
    width: 32.333333%;
  }
  .home-cover .cover-title {
    padding: 15px;
  }
  .home-cover .cover-title h2 {
    font-size: 35px;
  }
  .home-cover .cover-title p {
    font-size: 20px;
    line-height: 35px;
  }
  .home-cate-wrap .row > * .cate-img-container h3 {
    font-size: 14px;
  }
  .feature-cover .feature-title {
    padding-left: 15px;
    padding-right: 15px;
  }
  .feature-cover.feature2 .feature-title {
    padding-left: 15px;
  }
  .c-content {
    padding: 15px;
  }
  .project-item {
    width: 32.3333333%;
  }
  .single-contact .row {
    margin: 0;
  }
  .single-contact .contact-list {
    padding-left: 0;
  }
  .single-contact .contact-title .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .single-contact .contact-title .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .single-contact .contact-title .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .solution-cover h2 {
    font-size: 2rem;
  }
  custom-reverse-auction .warning .warning-modal,
  custom-reverse-auction-result .warning .warning-modal {
    width: 100%;
    min-width: inherit;
  }
  .tender-stage {
    display: block;
    text-align: center;
  }
  .tender-stage > * {
    justify-content: center;
  }
  .tender-stage .fa-arrow-right {
    display: none;
  }
  .tender-stage .badge-light {
    display: none !important;
  }
  .chart-area {
    overflow-x: scroll;
  }
  .filter-tag-wrap .list-title-left h4 {
    float: none;
    margin-bottom: 10px !important;
  }
  .filter-tag-wrap .list-title-right {
    justify-content: flex-start;
    padding: 0;
    margin-top: 10px;
  }
  .features3 {
    padding: 60px 0;
  }
  .gallery-c {
    padding: 0 10px !important;
  }
  .gallery-c .form-group .paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item {
    width: 18%;
  }
  section.container.gallery-c {
    padding: 0 10px !important;
  }
  .public-contact .comp-person .person-photo-wrap {
    justify-content: center;
  }
  .public-contact .comp-person .person-detail {
    padding: 15px;
    text-align: center;
  }
  .public-contact .comp-person .person-detail .salute {
    padding: 0;
  }
  .col-sm-6.contact-form,
  .col-sm-6.contact-info {
    padding: 60px 15px;
  }
  .about-cover .about-title {
    margin-top: -10em;
  }
  .reg-sec .col-md-5.bg-white.p-5 {
    padding: 48px 15px !important;
  }
  .reg-content-wrapper .reg-content {
    height: 100%;
    padding: 40px 20px;
    top: 0;
  }
  custom-reverse-auction .col-md-4, custom-reverse-auction .col-md-9, custom-reverse-auction-result .col-md-4, custom-reverse-auction-result .col-md-9 {
    margin-bottom: 20px;
  }
  custom-reverse-auction .bid-wrapper > div, custom-reverse-auction-result .bid-wrapper > div {
    padding-bottom: 20px;
  }
  custom-reverse-auction .bid-history-list .col-md-1, custom-reverse-auction .tender-list .col-md-1, custom-reverse-auction-result .bid-history-list .col-md-1, custom-reverse-auction-result .tender-list .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  custom-reverse-auction .bid-history-list .col-md-6, custom-reverse-auction .tender-list .col-md-6, custom-reverse-auction-result .bid-history-list .col-md-6, custom-reverse-auction-result .tender-list .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  custom-reverse-auction .bid-history-list .col-md-5, custom-reverse-auction .tender-list .col-md-5, custom-reverse-auction-result .bid-history-list .col-md-5, custom-reverse-auction-result .tender-list .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  custom-reverse-auction .bid-history-list .col-md-7, custom-reverse-auction .tender-list .col-md-7, custom-reverse-auction-result .bid-history-list .col-md-7, custom-reverse-auction-result .tender-list .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  custom-reverse-auction .bid-history-list .col-md-3, custom-reverse-auction .tender-list .col-md-3, custom-reverse-auction-result .bid-history-list .col-md-3, custom-reverse-auction-result .tender-list .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  custom-reverse-auction .bid-history-list .col-md-8, custom-reverse-auction .tender-list .col-md-8, custom-reverse-auction-result .bid-history-list .col-md-8, custom-reverse-auction-result .tender-list .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  custom-reverse-auction .disconnect, custom-reverse-auction-result .disconnect {
    height: 140px;
  }
}
@media only screen and (min-width: 475px) {
  .desktop-menu-logo {
    display: block;
  }
  .mobile-menu-logo {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  .desktop-menu-logo {
    display: none;
  }
  .mobile-menu-logo {
    display: block;
  }
  .site-logo img {
    max-width: 54px;
  }
  .home-cate-wrap .row {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .home-cate-wrap .row > * {
    width: 200px;
    max-width: none;
    flex: none;
    padding: 0 0px 0 15px;
  }
  .search-menu.menu-mobile .row button.navbar-toggler {
    margin: 0 10px;
    margin-right: 10px;
  }
  .home-cover h2 {
    font-size: 5.5vw;
  }
  .home-cover p {
    font-size: 16px;
  }
  .feature-cover.feature1 {
    height: fit-content;
  }
  .feature-cover.feature1 .feature-title {
    padding: 0 15px;
  }
  .feature-cover.feature1 .feature-img {
    height: 300px;
    background-size: cover;
  }
  .feature-cover.feature2 .feature-title {
    padding-left: 15px;
  }
  .project-grid.project-list .project-item,
  .project-item {
    width: 49%;
    margin: 0;
    margin-right: 1%;
  }
  .project-grid.project-list .project-item:nth-child(2n),
  .project-item:nth-child(2n) {
    margin-left: 1%;
    margin-right: 0;
  }
  .feature-cover.feature3 {
    margin-bottom: -40px;
  }
  .landing-menu .site-logo {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .landing-menu .site-logo img {
    width: 110px;
    padding-left: 15px;
  }
  .landing-menu .top-menu {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 576px) {
  .comp-content {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 575px) {
  .solution-cover.tender-cover .home-c {
    height: 480px;
  }
  .feature-cover.feature1 .feature-title {
    padding: 30px 15px;
    order: 2;
  }
  .feature-cover.feature1 .feature-img {
    margin-bottom: 20px;
  }
  .c-content .project-grid.project-list .project-item,
  .project-item {
    margin-right: 0;
    width: 100%;
  }
  .project-item.company-item img {
    width: auto;
  }
  .single-title .project-date {
    width: 40% !important;
  }
  .home-c .project-item {
    width: 100%;
  }
  .home-cover .cover-title p {
    line-height: 27px;
  }
  .single-detail.single-layout2 {
    padding: 15px;
  }
  .row.bid-detail {
    margin-top: 30px;
  }
  custom-reverse-auction .tender-details .col-sm-4 {
    margin-bottom: 20px;
  }
  custom-reverse-auction .tender-details p.label {
    margin-bottom: 5px;
  }
  .top-menu {
    width: 70%;
  }
  .footer .copyright {
    width: 100%;
  }
  .footer .footer-link a {
    display: inline-block;
    margin-right: 10px;
  }
  .footer .footer-logo-wrap {
    padding-left: 0;
  }
  .footer .footer-menu-wrap {
    padding: 20px 0;
  }
  .footer .footer-menu-wrap .col-sm-3 {
    margin-bottom: 20px;
  }
  .project-cover {
    height: 300px;
  }
  .project-cover .img-container {
    background-attachment: inherit;
    background-size: cover;
  }
  .single-detail {
    margin-top: 0;
    order: 2;
    padding: 15px;
  }
  .comp-header .comp-menu {
    display: block;
  }
  .comp-header .comp-menu a {
    text-align: center;
    margin: 5px 0;
  }
  .manage-title {
    padding: 40px 20px !important;
  }
  .c-project .project-container > div {
    padding: 40px 20px !important;
  }
  .c-project .project-container .mb-5 {
    margin-bottom: 0 !important;
  }
  .comp-cover .comp-title-wrap {
    padding-left: 0;
    width: 100%;
  }
  .client-content .comp-header .comp-menu a {
    margin: 0 10px;
  }
  .comp-person-list .comp-person {
    width: 100%;
    max-width: 100%;
    flex: 100%;
    margin: 10px;
  }
  .comp-person-list .comp-person .row {
    padding-top: 20px;
  }
  .subscribeModal .row .col-sm-6:last-child {
    display: none;
  }
  .subscribeModal button.close {
    margin-right: 15px;
    padding-top: 0;
    font-size: 40px;
  }
  .company-item-empty.shadow.bg-w {
    margin-bottom: 30vh;
  }
  .solution-cover .cover-title {
    padding-left: 15px;
    margin-top: 50px;
  }
  .solution-cover .cover-title h2, .solution-cover .cover-title p {
    text-align: center;
  }
  .solution-cover .cover-title a {
    display: block;
    width: fit-content;
    margin: auto;
  }
  .solution-cover .solution-img img {
    padding: 20px;
  }
  .solution-img img {
    margin-bottom: 50px;
  }
  .img-circle {
    margin-bottom: 30px;
  }
  .space-l {
    padding-left: 15px;
    margin-top: 20px;
  }
  section.reg-sec > .container {
    padding: 40px 15px;
  }
  .table-icon .col-sm-6:last-child {
    margin-top: 5em;
  }
  .single-detail.single-layout2 .single-row {
    padding: 0 0px;
    height: fit-content;
  }
  .single-detail.single-layout2 .single-row p {
    float: none;
  }
  .single-detail.single-layout2 .single-row .single-action-btn {
    height: 40px;
  }
  .single-detail.single-layout2 .single-action button {
    float: left;
  }
  .search-menu.menu-mobile .row div#navbarContent {
    max-width: inherit;
    width: 80%;
  }
  .container-c .c-title-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
  .c-project.bkmark-sec .c-content.bkmark-content ul.nav a.nav-link {
    width: 100%;
  }
  span.comp-certification {
    display: block;
  }
  .row {
    margin: 0;
  }
  .tender-list.bid-list h4.list-title {
    margin-top: 10px;
  }
  .separator .col-sm-6 {
    width: 50%;
  }
  .reverse-checklist .col-1 {
    padding-left: 0;
    padding-right: 0;
    flex: none;
  }
  .reverse-checklist .col-4.text-right {
    display: block;
    flex: 100%;
    max-width: 100%;
    text-align: left !important;
    margin-left: 30px;
  }
  .reverse-checklist .col-12 {
    margin-bottom: 20px;
  }
  .reverse-checklist input[type=checkbox] {
    margin-bottom: 0;
  }
  .reverse-checklist .col-7 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .dual-search {
    padding: 0;
    margin-bottom: 10px;
  }
  .footer-logo-wrap .container, .footer-menu-wrap .container {
    padding: 0;
  }
  .footer-logo-wrap .container .col-sm-3, .footer-menu-wrap .container .col-sm-3 {
    padding: 0;
  }
  .single-detail.single-layout2 .single-action .media-container .media-popup {
    left: -10%;
  }
  .comp-cover {
    padding-top: 20%;
  }
  .c-project.bkmark-sec .c-content.bkmark-content .bookmark-list {
    padding: 15px;
  }
  .c-project li.project-item.shadow {
    margin: 10px 0;
  }
  .c-project .project-grid {
    overflow: visible;
  }
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding: 0;
  }
  .project-grid.project-list .project-item, .project-item {
    width: 100%;
    margin: 10px 0 !important;
  }
  .comp-col {
    padding: 0 15px;
  }
  .comp-header {
    overflow: scroll;
  }
  .comp-header .comp-menu {
    width: 900px;
  }
  .client-content .comp-header .comp-menu {
    width: 460px;
  }
  .gallery-c .form-group .paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item {
    width: 48%;
    margin: 1%;
  }
  .comp-header .comp-menu a {
    margin: 15px;
  }
  .col-sm-6.contact-info {
    padding-bottom: 0;
  }
  .include .item {
    margin-bottom: 40px;
  }
  .bkmark-item-wrap {
    overflow: hidden;
    padding: 1px;
  }
  .col-sm-5.single-detail {
    padding: 15px;
    border: none;
  }
  .company-gallery a {
    width: 48%;
    margin: 1%;
  }
  .single-slider img.d-block {
    max-height: 300px;
    object-fit: contain;
    margin: auto;
    width: fit-content;
  }
  .single-slider.single-layout2 > .container {
    height: inherit;
  }
  .single-detail.single-layout2 .single-attachment a {
    padding: 10px;
  }
  .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .single-head .single-title .single-action p {
    float: none;
  }
  .single-head .single-title .single-action .action-right a {
    float: left;
    padding-left: 0;
  }
  custom-social-media-popup .media-container .media-popup.grid {
    left: -40px;
  }
  .single-slider div#carousel-thumb ol.carousel-indicators {
    top: inherit;
    position: static;
  }
  .product-item .product-project-img .project-img img {
    width: 100%;
  }
  .main-header .separator.row {
    margin: 0 !important;
    padding: 5px 10px;
  }
  input-globalsearch .custom-input-tender-participant-autocomplete {
    position: static;
  }
  input-globalsearch .custom-input-tender-participant-autocomplete .result {
    left: 0;
    width: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.18);
  }
  input-globalsearch .custom-input-tender-participant-autocomplete .search-wrap {
    position: relative;
  }
  .about-cover {
    margin-bottom: 5em;
  }
  .about-cover img {
    height: 300px;
    object-fit: cover;
  }
  .about-cover .about-title q {
    font-size: 30px;
    line-height: 35px;
  }
  .about-cover .about-title h2 {
    font-size: 16px;
    line-height: 22px;
  }
  .about-content .img-container {
    margin-bottom: 50px;
  }
  .about-feature > div {
    margin-bottom: 20px;
  }
  .about-last h2 {
    line-height: 30px;
  }
  .btn-join-wrap {
    text-align: center;
  }
  .m-reverse .home-c {
    order: 2;
  }
  .bookmark-list .bk-select-all, .bookmark-list .bk-deselect-all {
    display: inline-block;
  }
  .single-layout2 .action-right {
    overflow: hidden;
  }
  .tender-manage .vis-select {
    position: static;
    right: 0;
    top: 0;
    margin-bottom: 20px;
    width: fit-content;
  }
  .tender-attachment a.fancybox {
    padding: 10px;
  }
}
@media only screen and (max-width: 474px) {
  .single-contact .company-name {
    width: 200px;
  }
  .comp-cover .comp-btn .btn-row1 {
    display: block;
  }
  .comp-cover .comp-btn .btn-row1 > * {
    margin: 5px 0;
  }
  .comp-cover .comp-btn .btn-row1 button {
    width: 100%;
  }
  .comp-cover .comp-btn .btn-row1 .media-container {
    width: 100%;
  }
  .comp-cover .comp-btn .btn-row1 .media-container custom-social-media-popup {
    display: flex;
    justify-content: center;
  }
  .comp-cover .comp-btn .btn-row2 {
    display: block;
    margin-top: 40px;
  }
}
.main-header .container .row {
  margin-left: -15px;
  margin-right: -15px;
}

.single-slider .container {
  padding: 0;
}

/* Icon 1 */
.animated-icon {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.animated-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.animated-icon span {
  background: var(--color-red);
}

/* Icon 4 */
.animated-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

.animated-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.animated-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
}

#admin-user-list table {
  width: 2000px;
}

.form-horizontal .form-group {
  display: flex;
  align-items: center;
}
.form-horizontal .form-group label {
  width: 50%;
}
.form-horizontal .form-group input {
  text-align: right;
}

.search-form form input {
  max-width: 300px;
  margin-right: 10px;
}
.search-form form input::placeholder {
  font-size: var(--size-font);
}

.table-horizontal {
  width: 100%;
}
.table-horizontal th {
  padding-bottom: 15px;
  width: fit-content;
}
.table-horizontal td {
  text-align: right;
}

.table thead th {
  border: none;
  transition: color 0.3s ease-in-out;
}
.table thead th.sortable {
  cursor: pointer;
}
.table thead th.sortable:hover {
  color: var(--color-theme);
}
.table thead th.sortable[data-order=asc] {
  color: var(--color-theme);
  position: relative;
}
.table thead th.sortable[data-order=asc]:before {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  padding-right: 5px;
}
.table thead th.sortable[data-order=desc] {
  color: var(--color-theme);
  position: relative;
}
.table thead th.sortable[data-order=desc]:before {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  padding-right: 5px;
}
.table tr:hover {
  background: var(--color-theme-light);
}
.table tr.dropdown-row {
  background: none !important;
}
.table td.action {
  max-width: 100px;
}
.table td.action > div {
  width: fit-content;
}
.table td.action > div a {
  padding: 0 5px;
}
.table td.__no-color {
  background: white;
}
.table td a {
  color: var(--color-theme);
}
.table td a:hover {
  color: var(--color-theme);
}
.table td.currency {
  width: 90px;
}

.table {
  display: table;
}
.table__header {
  display: table-header-group;
}
.table__header__cell {
  display: table-cell;
}
.table__body {
  display: table-row-group;
}
.table__body__cell {
  display: table-cell;
}
.table__row {
  display: table-row;
}
.table__dropdown > tbody > tr.active {
  background: var(--color-theme-light-2);
}

.select2.select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: 38px;
}
.select2.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
.select2.select2-container .select2-selection--single .select2-selection__arrow {
  line-height: 38px;
}
.select2.select2-container .select2-selection--single li {
  padding: 5px 5px;
  margin-bottom: 5px;
}
.is-invalid + .select2 .select2-selection {
  border-color: #dc3545;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
}

.gallery {
  overflow: hidden;
}
.gallery a {
  float: left;
  text-align: center;
  width: 110px;
  height: 140px;
  padding: 5px;
  margin-bottom: 5px;
}
.gallery a img {
  height: auto;
  max-width: 100%;
  height: 100px;
  width: 100px;
  object-fit: cover;
  display: block;
  margin-bottom: 5px;
}
.gallery a p {
  white-space: nowrap;
  /* Truncate text with '...' when overflowing the container */
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 5px;
}

.po-popup .modal-body {
  max-width: 80%;
}

.attachment-content .table {
  background-color: var(--color-form);
}
.attachment-content-wrapper:nth-child(odd) {
  padding-left: 0;
}
.attachment-content-wrapper:nth-child(even) {
  padding-right: 0;
}

.job-single-wrap .job-single {
  background-color: white;
  position: fixed;
  top: 0;
  right: 0;
  overflow: scroll;
  height: 100%;
  z-index: 9;
}
.job-single-wrap .overlay {
  background: black;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  opacity: 0.4;
}

.job-list-table tr.category {
  background: var(--color-body);
}
.job-list-table td {
  padding: 10px;
  white-space: pre-line;
}

select.form-control {
  font-size: 12px;
}

input.form-control {
  padding-bottom: 10px;
}

@tailwind base;
@tailwind components;
@tailwind utilities;
body, html {
  height: 100%;
}

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.position-relative {
  position: relative;
}

.blocker-container {
  position: relative;
}
.blocker-container .blocker {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.blocker-container .blocker.blocker-light {
  background-color: rgba(255, 255, 255, 0.5);
}
.blocker-container .blocker .blocker-content {
  position: absolute;
  top: -50%;
  left: -50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue3-toastify/dist/index.css ***!
  \************************************************************************************************************************************/
:root {
  --toastify-color-light:#fff;
  --toastify-color-dark:#121212;
  --toastify-color-info:#3498db;
  --toastify-color-success:#07bc0c;
  --toastify-color-warning:#f1c40f;
  --toastify-color-error:#e74c3c;
  --toastify-color-transparent:#ffffffb3;
  --toastify-icon-color-info:var(--toastify-color-info);
  --toastify-icon-color-success:var(--toastify-color-success);
  --toastify-icon-color-warning:var(--toastify-color-warning);
  --toastify-icon-color-error:var(--toastify-color-error);
  --toastify-toast-width:320px;
  --toastify-toast-background:#fff;
  --toastify-toast-min-height:64px;
  --toastify-toast-max-height:800px;
  --toastify-font-family:sans-serif;
  --toastify-z-index:9999;
  --toastify-text-color-light:#757575;
  --toastify-text-color-dark:#fff;
  --toastify-text-color-info:#fff;
  --toastify-text-color-success:#fff;
  --toastify-text-color-warning:#fff;
  --toastify-text-color-error:#fff;
  --toastify-spinner-color:#616161;
  --toastify-spinner-color-empty-area:#e0e0e0;
  --toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
  --toastify-color-progress-dark:#bb86fc;
  --toastify-color-progress-info:var(--toastify-color-info);
  --toastify-color-progress-success:var(--toastify-color-success);
  --toastify-color-progress-warning:var(--toastify-color-warning);
  --toastify-color-progress-error:var(--toastify-color-error);
  --toastify-color-progress-colored:#ddd;
}

.Toastify__toast-container {
  box-sizing: border-box;
  color: #fff;
  padding: 4px;
  position: fixed;
  transform: translate3d(0, 0, var(--toastify-z-index) px);
  width: var(--toastify-toast-width);
  z-index: var(--toastify-z-index);
}

.Toastify__toast-container--top-left {
  left: 1em;
  top: 1em;
}

.Toastify__toast-container--top-center {
  left: 50%;
  top: 1em;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  right: 1em;
  top: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    left: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
  }
  .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    left: auto;
    right: 0;
  }
}
.Toastify__toast {
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1019607843), 0 2px 15px 0 rgba(0, 0, 0, 0.0509803922);
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: flex;
  font-family: var(--toastify-font-family);
  justify-content: space-between;
  margin-bottom: 1rem;
  max-height: var(--toastify-toast-max-height);
  min-height: var(--toastify-toast-min-height);
  overflow: hidden;
  padding: 8px;
  position: relative;
  z-index: 0;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast-body {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  margin: auto 0;
  padding: 6px;
  white-space: pre-wrap;
}

.Toastify__toast-body > div:last-child {
  flex: 1;
}

.Toastify__toast-icon {
  display: flex;
  flex-shrink: 0;
  margin-inline-end: 10px;
  width: 20px;
}

.Toastify--animate {
  animation-duration: 0.7s;
  animation-fill-mode: both;
}

.Toastify--animate-icon {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    border-radius: 0;
    margin-bottom: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--colored.Toastify__toast--default, .Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  background: var(--toastify-color-info);
  color: var(--toastify-text-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  background: var(--toastify-color-success);
  color: var(--toastify-text-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  background: var(--toastify-color-warning);
  color: var(--toastify-text-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  background: var(--toastify-color-error);
  color: var(--toastify-text-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
  background: var(--toastify-color-progress-colored);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  align-self: flex-start;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  outline: none;
  padding: 0;
  transition: 0.3s ease;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentcolor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:focus, .Toastify__close-button:hover {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  bottom: 0;
  height: 5px;
  left: 0;
  opacity: 0.7;
  position: absolute;
  transform-origin: left;
  width: 100%;
  z-index: var(--toastify-z-index);
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  left: auto;
  right: 0;
  transform-origin: right;
}

.Toastify__spinner {
  animation: Toastify__spin 0.65s linear infinite;
  border: 2px solid;
  border-color: var(--toastify-spinner-color-empty-area);
  border-radius: 100%;
  border-right-color: var(--toastify-spinner-color);
  box-sizing: border-box;
  height: 20px;
  width: 20px;
}

@keyframes Toastify__bounceInRight {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__none {
  0%, 60%, 75%, 90%, to {
    animation-duration: 0;
    animation-timing-function: none;
  }
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    transform: translateZ(0);
  }
}
.Toastify__none-enter--bottom-center, .Toastify__none-enter--bottom-left, .Toastify__none-enter--bottom-right, .Toastify__none-enter--top-center, .Toastify__none-enter--top-left, .Toastify__none-enter--top-right {
  animation-name: Toastify__none;
}

@keyframes Toastify__zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg);
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  0% {
    transform: perspective(400px);
  }
  30% {
    opacity: 1;
    transform: perspective(400px) rotateX(-20deg);
  }
  to {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  0% {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInLeft {
  0% {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInUp {
  0% {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInDown {
  0% {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(110%, 0, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-110%, 0, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, 500px, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -500px, 0);
    visibility: hidden;
  }
}
.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@vuepic/vue-datepicker/dist/main.css ***!
  \********************************************************************************************************************************************/
.dp__input_wrap {
  position: relative;
  width: 100%;
  box-sizing: unset;
}

.dp__input_wrap:focus {
  border-color: var(--dp-border-color-hover);
  outline: none;
}

.dp__input_valid {
  box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
  border-color: var(--dp-success-color);
}

.dp__input_valid:hover {
  border-color: var(--dp-success-color);
}

.dp__input_invalid {
  box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
  border-color: var(--dp-danger-color);
}

.dp__input_invalid:hover {
  border-color: var(--dp-danger-color);
}

.dp__input {
  background-color: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  font-family: var(--dp-font-family);
  border: 1px solid var(--dp-border-color);
  outline: none;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  font-size: var(--dp-font-size);
  line-height: calc(var(--dp-font-size) * 1.5);
  padding: var(--dp-input-padding);
  color: var(--dp-text-color);
  box-sizing: border-box;
}

.dp__input::placeholder {
  opacity: 0.7;
}

.dp__input:hover:not(.dp__input_focus) {
  border-color: var(--dp-border-color-hover);
}

.dp__input_reg {
  caret-color: rgba(0, 0, 0, 0);
}

.dp__input_focus {
  border-color: var(--dp-border-color-focus);
}

.dp__disabled {
  background: var(--dp-disabled-color);
}

.dp__disabled::placeholder {
  color: var(--dp-disabled-color-text);
}

.dp__input_icons {
  display: inline-block;
  width: var(--dp-font-size);
  height: var(--dp-font-size);
  stroke-width: 0;
  font-size: var(--dp-font-size);
  line-height: calc(var(--dp-font-size) * 1.5);
  padding: 6px 12px;
  color: var(--dp-icon-color);
  box-sizing: content-box;
}

.dp__input_icon {
  cursor: pointer;
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
  color: var(--dp-icon-color);
}

.dp__clear_icon {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--dp-icon-color);
}

.dp__input_icon_pad {
  padding-inline-start: var(--dp-input-icon-padding);
}

.dp__menu {
  background: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  min-width: var(--dp-menu-min-width);
  font-family: var(--dp-font-family);
  font-size: var(--dp-font-size);
  user-select: none;
  border: 1px solid var(--dp-menu-border-color);
  box-sizing: border-box;
}

.dp__menu::after {
  box-sizing: border-box;
}

.dp__menu::before {
  box-sizing: border-box;
}

.dp__menu:focus {
  border: 1px solid var(--dp-menu-border-color);
  outline: none;
}

.dp--menu-wrapper {
  position: absolute;
  z-index: 99999;
}

.dp__menu_inner {
  padding: var(--dp-menu-padding);
}

.dp--menu--inner-stretched {
  padding: 6px 0;
}

.dp__menu_index {
  z-index: 99999;
}

.dp-menu-loading, .dp__menu_readonly, .dp__menu_disabled {
  position: absolute;
  inset: 0;
  z-index: 999999;
}

.dp__menu_disabled {
  background: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.dp__menu_readonly {
  background: rgba(0, 0, 0, 0);
  cursor: default;
}

.dp-menu-loading {
  background: rgba(255, 255, 255, 0.5);
  cursor: default;
}

.dp--menu-load-container {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.dp--menu-loader {
  width: 48px;
  height: 48px;
  border: var(--dp-loader);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: dp-load-rotation 1s linear infinite;
  position: absolute;
}

@keyframes dp-load-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dp__arrow_top {
  left: var(--dp-arrow-left);
  top: 0;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-menu-border-color);
  border-top: 1px solid var(--dp-menu-border-color);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.dp__arrow_bottom {
  left: var(--dp-arrow-left);
  bottom: 0;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-menu-border-color);
  border-bottom: 1px solid var(--dp-menu-border-color);
  transform: translate(-50%, 50%) rotate(45deg);
}

.dp__action_extra {
  text-align: center;
  padding: 2px 0;
}

.dp--preset-dates {
  padding: 5px;
  border-inline-end: 1px solid var(--dp-border-color);
}

@media only screen and (width <= 600px) {
  .dp--preset-dates {
    display: flex;
    align-self: center;
    border: none;
    overflow-x: auto;
    max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
  }
}
.dp--preset-dates-collapsed {
  display: flex;
  align-self: center;
  border: none;
  overflow-x: auto;
  max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
}

.dp__sidebar_left {
  padding: 5px;
  border-inline-end: 1px solid var(--dp-border-color);
}

.dp__sidebar_right {
  padding: 5px;
  margin-inline-end: 1px solid var(--dp-border-color);
}

.dp--preset-range {
  display: block;
  width: 100%;
  padding: 5px;
  text-align: left;
  white-space: nowrap;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  transition: var(--dp-common-transition);
}

.dp--preset-range:hover {
  background-color: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  cursor: pointer;
}

@media only screen and (width <= 600px) {
  .dp--preset-range {
    border: 1px solid var(--dp-border-color);
    margin: 0 3px;
  }
  .dp--preset-range:first-child {
    margin-left: 0;
  }
  .dp--preset-range:last-child {
    margin-right: 0;
  }
}
.dp--preset-range-collapsed {
  border: 1px solid var(--dp-border-color);
  margin: 0 3px;
}

.dp--preset-range-collapsed:first-child {
  margin-left: 0;
}

.dp--preset-range-collapsed:last-child {
  margin-right: 0;
}

.dp__menu_content_wrapper {
  display: flex;
}

@media only screen and (width <= 600px) {
  .dp__menu_content_wrapper {
    flex-direction: column-reverse;
  }
}
.dp--menu-content-wrapper-collapsed {
  flex-direction: column-reverse;
}

.dp__calendar_header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--dp-text-color);
  white-space: nowrap;
  font-weight: bold;
}

.dp__calendar_header_item {
  text-align: center;
  flex-grow: 1;
  height: var(--dp-cell-size);
  padding: var(--dp-cell-padding);
  width: var(--dp-cell-size);
  box-sizing: border-box;
}

.dp__calendar_row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--dp-row-margin);
}

.dp__calendar_item {
  text-align: center;
  flex-grow: 1;
  box-sizing: border-box;
  color: var(--dp-text-color);
}

.dp__calendar {
  position: relative;
}

.dp__calendar_header_cell {
  border-bottom: thin solid var(--dp-border-color);
  padding: var(--dp-calendar-header-cell-padding);
}

.dp__cell_inner {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: var(--dp-cell-border-radius);
  height: var(--dp-cell-size);
  padding: var(--dp-cell-padding);
  width: var(--dp-cell-size);
  border: 1px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  position: relative;
}

.dp__cell_inner:hover {
  transition: all 0.2s;
}

.dp__cell_auto_range_start, .dp__date_hover_start:hover, .dp__range_start {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}

.dp__cell_auto_range_end, .dp__date_hover_end:hover, .dp__range_end {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.dp__range_end, .dp__range_start, .dp__active_date {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp__date_hover_end:hover, .dp__date_hover_start:hover, .dp__date_hover:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__cell_offset {
  color: var(--dp-secondary-color);
}

.dp__cell_disabled {
  color: var(--dp-secondary-color);
  cursor: not-allowed;
}

.dp__range_between {
  background: var(--dp-range-between-dates-background-color);
  color: var(--dp-range-between-dates-text-color);
  border-radius: 0;
  border: 1px solid var(--dp-range-between-border-color);
}

.dp__range_between_week {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border-radius: 0;
  border-top: 1px solid var(--dp-primary-color);
  border-bottom: 1px solid var(--dp-primary-color);
}

.dp__today {
  border: 1px solid var(--dp-primary-color);
}

.dp__week_num {
  color: var(--dp-secondary-color);
  text-align: center;
}

.dp__cell_auto_range {
  border-radius: 0;
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}

.dp__cell_auto_range_start {
  border-start-start-radius: var(--dp-cell-border-radius);
  border-end-start-radius: var(--dp-cell-border-radius);
  border-inline-start: 1px dashed var(--dp-primary-color);
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}

.dp__cell_auto_range_end {
  border-start-end-radius: var(--dp-cell-border-radius);
  border-end-end-radius: var(--dp-cell-border-radius);
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
  border-inline-end: 1px dashed var(--dp-primary-color);
}

.dp__calendar_header_separator {
  width: 100%;
  height: 1px;
  background: var(--dp-border-color);
}

.dp__calendar_next {
  margin-inline-start: var(--dp-multi-calendars-spacing);
}

.dp__marker_line, .dp__marker_dot {
  height: 5px;
  background-color: var(--dp-marker-color);
  position: absolute;
  bottom: 0;
}

.dp__marker_dot {
  width: 5px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
}

.dp__marker_line {
  width: 100%;
  left: 0;
}

.dp__marker_tooltip {
  position: absolute;
  border-radius: var(--dp-border-radius);
  background-color: var(--dp-tooltip-color);
  padding: 5px;
  border: 1px solid var(--dp-border-color);
  z-index: 99999;
  box-sizing: border-box;
  cursor: default;
}

.dp__tooltip_content {
  white-space: nowrap;
}

.dp__tooltip_text {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  color: var(--dp-text-color);
}

.dp__tooltip_mark {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--dp-text-color);
  color: var(--dp-text-color);
  margin-inline-end: 5px;
}

.dp__arrow_bottom_tp {
  bottom: 0;
  height: 8px;
  width: 8px;
  background-color: var(--dp-tooltip-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-border-color);
  border-bottom: 1px solid var(--dp-border-color);
  transform: translate(-50%, 50%) rotate(45deg);
}

.dp__instance_calendar {
  position: relative;
  width: 100%;
}

@media only screen and (width <= 600px) {
  .dp__flex_display {
    flex-direction: column;
  }
}
.dp--flex-display-collapsed {
  flex-direction: column;
}

.dp__cell_highlight {
  background-color: var(--dp-highlight-color);
}

.dp__month_year_row {
  display: flex;
  align-items: center;
  height: var(--dp-month-year-row-height);
  color: var(--dp-text-color);
  box-sizing: border-box;
}

.dp__inner_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: var(--dp-month-year-row-button-size);
  width: var(--dp-month-year-row-button-size);
  color: var(--dp-icon-color);
  text-align: center;
  border-radius: 50%;
}

.dp__inner_nav svg {
  height: var(--dp-button-icon-height);
  width: var(--dp-button-icon-height);
}

.dp__inner_nav:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}

[dir=rtl] .dp__inner_nav {
  transform: rotate(180deg);
}

.dp__inner_nav_disabled:hover, .dp__inner_nav_disabled {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}

.dp--year-select, .dp__month_year_select {
  text-align: center;
  cursor: pointer;
  height: var(--dp-month-year-row-height);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--dp-border-radius);
  box-sizing: border-box;
  color: var(--dp-text-color);
}

.dp--year-select:hover, .dp__month_year_select:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}

.dp__month_year_select {
  width: 50%;
}

.dp--year-select {
  width: 100%;
}

.dp__month_year_wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.dp__year_disable_select {
  justify-content: space-around;
}

.dp--header-wrap {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.dp__overlay {
  width: 100%;
  background: var(--dp-background-color);
  transition: opacity 1s ease-out;
  z-index: 99999;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
  box-sizing: border-box;
}

.dp--overlay-absolute {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.dp--overlay-relative {
  position: relative;
}

.dp__overlay_container::-webkit-scrollbar-track {
  box-shadow: var(--dp-scroll-bar-background);
  background-color: var(--dp-scroll-bar-background);
}

.dp__overlay_container::-webkit-scrollbar {
  width: 5px;
  background-color: var(--dp-scroll-bar-background);
}

.dp__overlay_container::-webkit-scrollbar-thumb {
  background-color: var(--dp-scroll-bar-color);
  border-radius: 10px;
}

.dp__overlay:focus {
  border: none;
  outline: none;
}

.dp__container_flex {
  display: flex;
}

.dp__container_block {
  display: block;
}

.dp__overlay_container {
  flex-direction: column;
  overflow-y: auto;
  height: var(--dp-overlay-height);
}

.dp__time_picker_overlay_container {
  height: 100%;
}

.dp__overlay_row {
  padding: 0;
  box-sizing: border-box;
  display: flex;
  margin-inline: auto auto;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  align-items: center;
}

.dp__flex_row {
  flex: 1;
}

.dp__overlay_col {
  box-sizing: border-box;
  width: 33%;
  padding: var(--dp-overlay-col-padding);
  white-space: nowrap;
}

.dp__overlay_cell_pad {
  padding: var(--dp-common-padding) 0;
}

.dp__overlay_cell_active {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp__overlay_cell {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
}

.dp__overlay_cell:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}

.dp__cell_in_between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__over_action_scroll {
  right: 5px;
  box-sizing: border-box;
}

.dp__overlay_cell_disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}

.dp__overlay_cell_disabled:hover {
  background: var(--dp-disabled-color);
}

.dp__overlay_cell_active_disabled {
  cursor: not-allowed;
  background: var(--dp-primary-disabled-color);
}

.dp__overlay_cell_active_disabled:hover {
  background: var(--dp-primary-disabled-color);
}

.dp__btn, .dp--qr-btn, .dp--time-invalid, .dp--time-overlay-btn {
  border: none;
  font: inherit;
  transition: var(--dp-common-transition);
  line-height: normal;
}

.dp--year-mode-picker {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: var(--dp-cell-size);
}

.dp--tp-wrap {
  max-width: var(--dp-menu-min-width);
}

.dp__time_input {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
}

.dp__time_col_reg_block {
  padding: 0 20px;
}

.dp__time_col_reg_inline {
  padding: 0 10px;
}

.dp__time_col_reg_with_button {
  padding: 0 15px;
}

.dp__time_col_sec {
  padding: 0 10px;
}

.dp__time_col_sec_with_button {
  padding: 0 5px;
}

.dp__time_col {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.dp__time_col_block {
  font-size: var(--dp-time-font-size);
}

.dp__time_display_block {
  padding: 0 3px;
}

.dp__time_display_inline {
  padding: 5px;
}

.dp__time_picker_inline_container {
  display: flex;
  width: 100%;
  justify-content: center;
}

.dp__inc_dec_button {
  padding: 5px;
  margin: 0;
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  color: var(--dp-icon-color);
  box-sizing: border-box;
}

.dp__inc_dec_button svg {
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
}

.dp__inc_dec_button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-primary-color);
}

.dp__time_display {
  cursor: pointer;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}

.dp__time_display:hover:enabled {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__inc_dec_button_inline {
  width: 100%;
  padding: 0;
  height: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.dp__inc_dec_button_disabled, .dp__inc_dec_button_disabled:hover {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}

.dp__pm_am_button {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border: none;
  padding: var(--dp-common-padding);
  border-radius: var(--dp-border-radius);
  cursor: pointer;
}

.dp__tp_inline_btn_bar {
  width: 100%;
  height: 4px;
  background-color: var(--dp-secondary-color);
  transition: var(--dp-common-transition);
  border-collapse: collapse;
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  transform: rotate(12deg) scale(1.15) translateY(-2px);
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l {
  background-color: var(--dp-primary-color);
  transform: rotate(-12deg) scale(1.15) translateY(-2px);
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  transform: rotate(-12deg) scale(1.15) translateY(-2px);
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
  background-color: var(--dp-primary-color);
  transform: rotate(12deg) scale(1.15) translateY(-2px);
}

.dp--time-overlay-btn {
  background: none;
}

.dp--time-invalid {
  background-color: var(--dp-disabled-color);
}

.dp__action_row {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--dp-action-row-padding);
  box-sizing: border-box;
  color: var(--dp-text-color);
  flex-flow: row nowrap;
}

.dp__action_row svg {
  height: var(--dp-button-icon-height);
  width: auto;
}

.dp__selection_preview {
  display: block;
  color: var(--dp-text-color);
  font-size: var(--dp-preview-font-size);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dp__action_buttons {
  display: flex;
  flex: 0;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-end;
  margin-inline-start: auto;
}

.dp__action_button {
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: var(--dp-action-buttons-padding);
  line-height: var(--dp-action-button-height);
  margin-inline-start: 3px;
  height: var(--dp-action-button-height);
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  font-size: var(--dp-preview-font-size);
  font-family: var(--dp-font-family);
}

.dp__action_cancel {
  color: var(--dp-text-color);
  border: 1px solid var(--dp-border-color);
}

.dp__action_cancel:hover {
  border-color: var(--dp-primary-color);
  transition: var(--dp-action-row-transtion);
}

.dp__action_buttons .dp__action_select {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp__action_buttons .dp__action_select:hover {
  background: var(--dp-primary-color);
  transition: var(--dp-action-row-transtion);
}

.dp__action_buttons .dp__action_select:disabled {
  background: var(--dp-primary-disabled-color);
  cursor: not-allowed;
}

.dp-quarter-picker-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: var(--dp-menu-min-width);
}

.dp--qr-btn-disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}

.dp--qr-btn-disabled:hover {
  background: var(--dp-disabled-color);
}

.dp--qr-btn {
  width: 100%;
  padding: var(--dp-common-padding);
}

.dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) {
  background: none;
}

.dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}

.dp--quarter-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  justify-content: space-evenly;
}

.dp--qr-btn-active {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp--qr-btn-between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__btn, .dp--time-overlay-btn, .dp--time-invalid, .dp--qr-btn {
  border: none;
  font: inherit;
  transition: var(--dp-common-transition);
  line-height: normal;
}

.dp--year-mode-picker {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: var(--dp-cell-size);
}

:root {
  --dp-common-transition: all 0.1s ease-in;
  --dp-menu-padding: 6px 8px;
  --dp-animation-duration: 0.1s;
  --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
  --dp-transition-timing: ease-out;
  --dp-action-row-transtion: all 0.2s ease-in;
  --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --dp-border-radius: 4px;
  --dp-cell-border-radius: 4px;
  --dp-transition-length: 22px;
  --dp-transition-timing-general: 0.1s;
  --dp-button-height: 35px;
  --dp-month-year-row-height: 35px;
  --dp-month-year-row-button-size: 25px;
  --dp-button-icon-height: 20px;
  --dp-calendar-wrap-padding: 0 5px;
  --dp-cell-size: 35px;
  --dp-cell-padding: 5px;
  --dp-common-padding: 10px;
  --dp-input-icon-padding: 35px;
  --dp-input-padding: 6px 30px 6px 12px;
  --dp-menu-min-width: 260px;
  --dp-action-buttons-padding: 1px 6px;
  --dp-row-margin: 5px 0;
  --dp-calendar-header-cell-padding: 0.5rem;
  --dp-multi-calendars-spacing: 10px;
  --dp-overlay-col-padding: 3px;
  --dp-time-inc-dec-button-size: 32px;
  --dp-font-size: 1rem;
  --dp-preview-font-size: 0.8rem;
  --dp-time-font-size: 2rem;
  --dp-action-button-height: 22px;
  --dp-action-row-padding: 8px;
}

.dp__theme_dark {
  --dp-background-color: #212121;
  --dp-text-color: #fff;
  --dp-hover-color: #484848;
  --dp-hover-text-color: #fff;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #005cb2;
  --dp-primary-disabled-color: #61a8ea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #a9a9a9;
  --dp-border-color: #2d2d2d;
  --dp-menu-border-color: #2d2d2d;
  --dp-border-color-hover: #aaaeb7;
  --dp-border-color-focus: #aaaeb7;
  --dp-disabled-color: #737373;
  --dp-disabled-color-text: #d0d0d0;
  --dp-scroll-bar-background: #212121;
  --dp-scroll-bar-color: #484848;
  --dp-success-color: #00701a;
  --dp-success-color-disabled: #428f59;
  --dp-icon-color: #959595;
  --dp-danger-color: #e53935;
  --dp-marker-color: #e53935;
  --dp-tooltip-color: #3e3e3e;
  --dp-highlight-color: rgb(0 92 178 / 20%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
  --dp-range-between-border-color: var(--dp-hover-color, #fff);
  --dp-loader: 5px solid #005cb2;
}

.dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #1976d2;
  --dp-primary-disabled-color: #6bacea;
  --dp-primary-text-color: #f8f5f5;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-border-color-focus: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-marker-color: #ff6f60;
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: rgb(25 118 210 / 10%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
  --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
  --dp-loader: 5px solid #1976d2;
}

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

.dp__btn {
  background: none;
}

.dp__main {
  font-family: var(--dp-font-family);
  user-select: none;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

.dp__pointer {
  cursor: pointer;
}

.dp__icon {
  stroke: currentcolor;
  fill: currentcolor;
}

.dp__button {
  width: 100%;
  text-align: center;
  color: var(--dp-icon-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  place-content: center center;
  padding: var(--dp-common-padding);
  box-sizing: border-box;
  height: var(--dp-button-height);
}

.dp__button.dp__overlay_action {
  position: absolute;
  bottom: 0;
}

.dp__button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}

.dp__button svg {
  height: var(--dp-button-icon-height);
  width: auto;
}

.dp__button_bottom {
  border-bottom-left-radius: var(--dp-border-radius);
  border-bottom-right-radius: var(--dp-border-radius);
}

.dp__flex_display {
  display: flex;
}

.dp__flex_display_with_input {
  flex-direction: column;
  align-items: flex-start;
}

.dp__relative {
  position: relative;
}

.calendar-next-enter-active, .calendar-next-leave-active, .calendar-prev-enter-active, .calendar-prev-leave-active {
  transition: all var(--dp-transition-timing-general) ease-out;
}

.calendar-next-enter-from {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}

.calendar-next-leave-to {
  opacity: 0;
  transform: translateX(calc(var(--dp-transition-length) * -1));
}

.calendar-prev-enter-from {
  opacity: 0;
  transform: translateX(calc(var(--dp-transition-length) * -1));
}

.calendar-prev-leave-to {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}

.dp-menu-appear-bottom-enter-active, .dp-menu-appear-bottom-leave-active, .dp-menu-appear-top-enter-active, .dp-menu-appear-top-leave-active, .dp-slide-up-enter-active, .dp-slide-up-leave-active, .dp-slide-down-enter-active, .dp-slide-down-leave-active {
  transition: all var(--dp-animation-duration) var(--dp-transition-timing);
}

.dp-menu-appear-top-enter-from, .dp-menu-appear-top-leave-to, .dp-slide-down-leave-to, .dp-slide-up-enter-from {
  opacity: 0;
  transform: translateY(var(--dp-transition-length));
}

.dp-menu-appear-bottom-enter-from, .dp-menu-appear-bottom-leave-to, .dp-slide-down-enter-from, .dp-slide-up-leave-to {
  opacity: 0;
  transform: translateY(calc(var(--dp-transition-length) * -1));
}

.dp--arrow-btn-nav {
  transition: var(--dp-common-transition);
}

.dp--highlighted {
  background-color: var(--dp-highlight-color);
} 
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_datepicker-bootstrap4.vue?vue&type=style&index=0&id=7a0240a0&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
paw-datepicker-bootstrap4.form-control {
  padding: 0px;
}
paw-datepicker-bootstrap4 .form-control {
  border: none;
  height: auto;
}
paw-datepicker-bootstrap4 .vue-bootstrap-datetimepicker-wrapper {
  position: relative;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_upload.vue?vue&type=style&index=0&id=36ede1d8&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.paw-upload div.label-wrapper {
  display: inline;
}
.paw-upload div.label-wrapper label {
  cursor: pointer;
}
.paw-upload div.label-wrapper label span {
  font-size: 0.8em;
  padding: 10px;
}
.paw-upload div.label-wrapper label span.border-dotted {
  border: 1px dashed rgba(0, 0, 0, 0.2);
  padding: 5px 8px;
}
.paw-upload div.label-wrapper label span i {
  margin-right: 5px;
}
.paw-upload div.label-wrapper label img.preview {
  height: 120px;
  opacity: 0;
  transition: opacity 0.5s;
}
.paw-upload div.label-wrapper label img.preview.show {
  opacity: 1;
}
.paw-upload div.actions a {
  font-size: 0.8em;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_modal.vue?vue&type=style&index=0&id=85605db4&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
[vue-custom-modal] .fade-enter-active, [vue-custom-modal] .fade-leave-active {
  transition: opacity 0.5s;
}
[vue-custom-modal] .fade-enter, [vue-custom-modal] .fade-leave-to {
  opacity: 0;
}
[vue-custom-modal] div.modal-blocker {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 999;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_popup-drop-upload.vue?vue&type=style&index=0&id=0b6de912&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.dropzone {
  width: 100%;
  border: 1px dashed grey;
}
.drop-zone {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: block;
  background: rgba(1, 128, 178, 0.8666666667);
  width: 100%;
  height: 100%;
  padding: 20px;
}
.drop-zone-wrapper {
  border: 1px dashed white;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.drop-zone-content p {
  color: white;
  font-size: 20px;
}
.drop-zone-content .svg {
  width: 100px;
  margin-bottom: 20px;
}
.drop-zone-content .svg svg {
  fill: white;
}
.svg {
  width: 50px;
  margin: 10px auto;
}
.svg svg {
  fill: #808080;
}
.paw-upload-multiple-item-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item {
  vertical-align: text-top;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #ddd;
  display: inline-block;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div {
  background-color: #ddd;
  height: 100%;
  min-width: 250px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  position: relative;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.error {
  background-color: #fee;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.show {
  background-color: transparent;
  min-width: 0;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .cancel {
  top: 0px;
  right: 5px;
  position: absolute;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center {
  text-align: center;
  font-size: 0.8em;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center > div {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center progress {
  vertical-align: middle;
  display: inline;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center a.btn {
  border-radius: 50%;
  width: 31px;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div img {
  height: 100px;
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.show img {
  opacity: 1;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .actions {
  font-size: 0.7em;
  padding-top: 5px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_drop-upload.vue?vue&type=style&index=0&id=03942150&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.dropzone {
  width: 100%;
  border: 1px dashed grey;
}
.drop-zone {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  display: block;
  background: rgba(1, 128, 178, 0.8666666667);
  width: 100%;
  height: 100%;
  padding: 20px;
}
.drop-zone-wrapper {
  border: 1px dashed white;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.drop-zone-content p {
  color: white;
  font-size: 20px;
}
.drop-zone-content .svg {
  width: 100px;
  margin-bottom: 20px;
}
.drop-zone-content .svg svg {
  fill: white;
}
.svg {
  width: 50px;
  margin: 10px auto;
}
.svg svg {
  fill: #808080;
}
.paw-upload-multiple-item-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item {
  vertical-align: text-top;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #ddd;
  display: inline-block;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div {
  background-color: #ddd;
  height: 100%;
  min-width: 250px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  position: relative;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.error {
  background-color: #fee;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.show {
  background-color: transparent;
  min-width: 0;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .cancel {
  top: 0px;
  right: 5px;
  position: absolute;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center {
  text-align: center;
  font-size: 0.8em;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center > div {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center progress {
  vertical-align: middle;
  display: inline;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center a.btn {
  border-radius: 50%;
  width: 31px;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div img {
  height: 100px;
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.show img {
  opacity: 1;
}
.paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .actions {
  font-size: 0.7em;
  padding-top: 5px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_upload-multiple.vue?vue&type=style&index=0&id=155fee15&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
.paw-upload-multiple label {
  cursor: pointer;
}
.paw-upload-multiple label i {
  margin-right: 5px;
}
.paw-upload-multiple label img {
  height: 120px;
  opacity: 0;
  transition: opacity 0.5s;
}
.paw-upload-multiple label img.show {
  opacity: 1;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item {
  vertical-align: text-top;
  height: 133px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #ddd;
  display: inline-block;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div {
  background-color: #ddd;
  height: 100%;
  min-width: 250px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  position: relative;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.error {
  background-color: #fee;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.show {
  background-color: transparent;
  min-width: 0;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .cancel {
  top: 0px;
  right: 5px;
  position: absolute;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center {
  text-align: center;
  font-size: 0.8em;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center > div {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center progress {
  vertical-align: middle;
  display: inline;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center a.btn {
  border-radius: 50%;
  width: 31px;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div img {
  height: 100px;
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.show img {
  opacity: 1;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .actions {
  font-size: 0.7em;
  padding-top: 5px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_input-autocomplete.vue?vue&type=style&index=0&id=49ee653c&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
input-autocomplete .custom-input-tender-participant-autocomplete {
  position: relative;
}
input-autocomplete .custom-input-tender-participant-autocomplete .result {
  background: #fff;
  width: 100%;
  overflow-y: scroll;
  z-index: 1;
  position: absolute;
  top: 100%;
}
input-autocomplete .custom-input-tender-participant-autocomplete .result .result-item {
  cursor: pointer;
}
input-autocomplete .custom-input-tender-participant-autocomplete .result .result-item * {
  opacity: 0.9;
}
input-autocomplete .custom-input-tender-participant-autocomplete .result .result-item:hover, input-autocomplete .custom-input-tender-participant-autocomplete .result .result-item.focus {
  background-color: #eee;
}
input-autocomplete .custom-input-tender-participant-autocomplete .result .result-item:hover *, input-autocomplete .custom-input-tender-participant-autocomplete .result .result-item.focus * {
  opacity: 1;
}
input-autocomplete .custom-input-tender-participant-autocomplete .result .result-item .result-details {
  line-height: 1.2em;
}
input-autocomplete .custom-input-tender-participant-autocomplete .result .result-item .result-details .fullname {
  font-size: 0.8em;
}
input-autocomplete .custom-input-tender-participant-autocomplete .result .result-item .result-details .company, input-autocomplete .custom-input-tender-participant-autocomplete .result .result-item .result-details .email {
  font-size: 0.9em;
  font-weight: bold;
}
input-autocomplete .custom-input-tender-participant-autocomplete .result .result-item .result-details .comp-sec {
  font-size: 0.8em;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_menu-autocomplete.vue?vue&type=style&index=0&id=0971a20f&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
input-autocomplete .custom-input-menu-autocomplete {
  position: relative;
}
input-autocomplete .custom-input-menu-autocomplete .result {
  background: #fff;
  width: 100%;
  max-height: 200px;
  overflow-y: scroll;
  z-index: 1;
  position: absolute;
  top: 100%;
}
input-autocomplete .custom-input-menu-autocomplete .result .result-item {
  cursor: pointer;
}
input-autocomplete .custom-input-menu-autocomplete .result .result-item * {
  opacity: 0.9;
}
input-autocomplete .custom-input-menu-autocomplete .result .result-item:hover, input-autocomplete .custom-input-menu-autocomplete .result .result-item.focus {
  background-color: #eee;
}
input-autocomplete .custom-input-menu-autocomplete .result .result-item:hover *, input-autocomplete .custom-input-menu-autocomplete .result .result-item.focus * {
  opacity: 1;
}
input-autocomplete .custom-input-menu-autocomplete .result .result-item .result-details {
  line-height: 1.2em;
}
input-autocomplete .custom-input-menu-autocomplete .result .result-item .result-details .fullname {
  font-size: 0.9em;
  font-weight: bold;
}
input-autocomplete .custom-input-menu-autocomplete .result .result-item .result-details .company, input-autocomplete .custom-input-menu-autocomplete .result .result-item .result-details .email {
  font-size: 0.8em;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_toasts.vue?vue&type=style&index=0&id=2c8b7583&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.Toastify__progress-bar {
  height: 5px !important;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-select/dist/vue-select.css ***!
  \**************************************************************************************************************************************/
:root {
  --vs-colors--lightest: rgba(60, 60, 60, .26);
  --vs-colors--light: rgba(60, 60, 60, .5);
  --vs-colors--dark: #333;
  --vs-colors--darkest: rgba(0, 0, 0, .15);
  --vs-search-input-color: inherit;
  --vs-search-input-placeholder-color: inherit;
  --vs-font-size: 1rem;
  --vs-line-height: 1.4;
  --vs-state-disabled-bg: rgb(248, 248, 248);
  --vs-state-disabled-color: var(--vs-colors--light);
  --vs-state-disabled-controls-color: var(--vs-colors--light);
  --vs-state-disabled-cursor: not-allowed;
  --vs-border-color: var(--vs-colors--lightest);
  --vs-border-width: 1px;
  --vs-border-style: solid;
  --vs-border-radius: 4px;
  --vs-actions-padding: 4px 6px 0 3px;
  --vs-controls-color: var(--vs-colors--light);
  --vs-controls-size: 1;
  --vs-controls--deselect-text-shadow: 0 1px 0 #fff;
  --vs-selected-bg: #f0f0f0;
  --vs-selected-color: var(--vs-colors--dark);
  --vs-selected-border-color: var(--vs-border-color);
  --vs-selected-border-style: var(--vs-border-style);
  --vs-selected-border-width: var(--vs-border-width);
  --vs-dropdown-bg: #fff;
  --vs-dropdown-color: inherit;
  --vs-dropdown-z-index: 1000;
  --vs-dropdown-min-width: 160px;
  --vs-dropdown-max-height: 350px;
  --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
  --vs-dropdown-option-bg: #000;
  --vs-dropdown-option-color: var(--vs-dropdown-color);
  --vs-dropdown-option-padding: 3px 20px;
  --vs-dropdown-option--active-bg: #5897fb;
  --vs-dropdown-option--active-color: #fff;
  --vs-dropdown-option--deselect-bg: #fb5858;
  --vs-dropdown-option--deselect-color: #fff;
  --vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);
  --vs-transition-duration: .15s;
}

.v-select {
  position: relative;
  font-family: inherit;
}

.v-select, .v-select * {
  box-sizing: border-box;
}

:root {
  --vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);
  --vs-transition-duration: .15s;
}

@-webkit-keyframes vSelectSpinner {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes vSelectSpinner {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.vs__fade-enter-active, .vs__fade-leave-active {
  pointer-events: none;
  transition: opacity var(--vs-transition-duration) var(--vs-transition-timing-function);
}

.vs__fade-enter, .vs__fade-leave-to {
  opacity: 0;
}

:root {
  --vs-disabled-bg: var(--vs-state-disabled-bg);
  --vs-disabled-color: var(--vs-state-disabled-color);
  --vs-disabled-cursor: var(--vs-state-disabled-cursor);
}

.vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__clear, .vs--disabled .vs__search, .vs--disabled .vs__selected, .vs--disabled .vs__open-indicator {
  cursor: var(--vs-disabled-cursor);
  background-color: var(--vs-disabled-bg);
}

.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}

.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}

.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}

.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

.vs__dropdown-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  padding: 0 0 4px;
  background: none;
  border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
  border-radius: var(--vs-border-radius);
  white-space: normal;
}

.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}

.vs__actions {
  display: flex;
  align-items: center;
  padding: var(--vs-actions-padding);
}

.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}

.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vs__open-indicator {
  fill: var(--vs-controls-color);
  transform: scale(var(--vs-controls-size));
  transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function);
  transition-timing-function: var(--vs-transition-timing-function);
}

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(var(--vs-controls-size));
}

.vs--loading .vs__open-indicator {
  opacity: 0;
}

.vs__clear {
  fill: var(--vs-controls-color);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - var(--vs-border-width));
  left: 0;
  z-index: var(--vs-dropdown-z-index);
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: var(--vs-dropdown-max-height);
  min-width: var(--vs-dropdown-min-width);
  overflow-y: auto;
  box-shadow: var(--vs-dropdown-box-shadow);
  border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
  border-top-style: none;
  border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
  text-align: left;
  list-style: none;
  background: var(--vs-dropdown-bg);
  color: var(--vs-dropdown-color);
}

.vs__no-options {
  text-align: center;
}

.vs__dropdown-option {
  line-height: 1.42857143;
  display: block;
  padding: var(--vs-dropdown-option-padding);
  clear: both;
  color: var(--vs-dropdown-option-color);
  white-space: nowrap;
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: var(--vs-dropdown-option--active-bg);
  color: var(--vs-dropdown-option--active-color);
}

.vs__dropdown-option--deselect {
  background: var(--vs-dropdown-option--deselect-bg);
  color: var(--vs-dropdown-option--deselect-color);
}

.vs__dropdown-option--disabled {
  background: var(--vs-state-disabled-bg);
  color: var(--vs-state-disabled-color);
  cursor: var(--vs-state-disabled-cursor);
}

.vs__selected {
  display: flex;
  align-items: center;
  background-color: var(--vs-selected-bg);
  border: var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);
  border-radius: var(--vs-border-radius);
  color: var(--vs-selected-color);
  line-height: var(--vs-line-height);
  margin: 4px 2px 0;
  padding: 0 0.25em;
  z-index: 0;
}

.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: var(--vs-controls-color);
  text-shadow: var(--vs-controls--deselect-text-shadow);
}

.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}

.vs--single.vs--open .vs__selected, .vs--single.vs--loading .vs__selected {
  position: absolute;
  opacity: 0.4;
}

.vs--single.vs--searching .vs__selected {
  display: none;
}

.vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration, .vs__search::-ms-clear {
  display: none;
}

.vs__search, .vs__search:focus {
  color: var(--vs-search-input-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: var(--vs-line-height);
  font-size: var(--vs-font-size);
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}

.vs__search::-moz-placeholder {
  color: var(--vs-search-input-placeholder-color);
}

.vs__search::placeholder {
  color: var(--vs-search-input-placeholder-color);
}

.vs--unsearchable .vs__search {
  opacity: 1;
}

.vs--unsearchable:not(.vs--disabled) .vs__search {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: 0.2;
}

.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
  -webkit-animation: vSelectSpinner 1.1s infinite linear;
  animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity 0.1s;
}

.vs__spinner, .vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
}

.vs--loading .vs__spinner {
  opacity: 1;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_custom-table.vue?vue&type=style&index=0&id=567f2aee&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.table-header[data-v-567f2aee] {
  display: flex;
  width: 100%;
}
.table-header > div[data-v-567f2aee] {
  padding: 5px 10px;
}
.table-content input[data-v-567f2aee] {
  width: 100%;
  border: none;
}
.table-content input + div[data-v-567f2aee] {
  padding: 0;
}
.table-content td[data-v-567f2aee] {
  border: 1px solid var(--color-grey);
  padding: 0;
}
.table-content td[data-v-567f2aee]:first-child {
  vertical-align: middle;
}
.table-content th[data-v-567f2aee] {
  padding-bottom: 10px;
}
.table-content .cell__desc[data-v-567f2aee] {
  min-width: 250px;
  max-width: 1000px;
}
.box__new-item[data-v-567f2aee] {
  border: 1px dashed var(--color-grey2);
  padding: 20px;
  margin-bottom: 30px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_custom-table.vue?vue&type=style&index=1&id=567f2aee&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.v-select .vs__dropdown-toggle {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.v-select .vs__actions {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_custom-table-input.vue?vue&type=style&index=0&id=accf91f4&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
.insert {
  color: #cecece;
}
#tableInput {
  border: 1px solid #cecece;
}
input.vs__search::placeholder {
  font-size: 16px;
  color: #cecece;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_custom-approve-toggle.vue?vue&type=style&index=0&id=2c2eaea9&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
.toggle-approval {
  padding: 0 5px;
  position: relative;
}
.toggle-approval span {
  position: relative;
}
.toggle-approval i {
  transition: color 0.3s ease-in-out;
  color: var(--color-theme);
}
.toggle-approval.active i {
  color: var(--color-green);
}
.toggle-approval .clickhandle {
  height: 100%;
  top: 0;
  width: 100%;
  position: absolute;
  left: 0;
  cursor: pointer;
}
.toggle-approval .single-approve {
  color: white !important;
}
.toggle-approval .single-approve i {
  color: white;
}
.toggle-approval .single-approve:hover {
  background: var(--color-green);
}
.toggle-approval .single-approve:hover i {
  color: white;
}
.toggle-approval .single-approve:active i {
  color: white;
}
.toggle-approval.active .single-approve {
  background: var(--color-green);
}
.toggle-approval p.approved-date {
  margin: 0;
  position: absolute;
  right: 0;
  text-wrap: nowrap;
  margin-top: 10px;
}
.toggle-approval .toggle-approval {
  position: relative;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/search-input/index.vue?vue&type=style&index=0&id=45b5cfc0&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
custom-project-contact-input label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
custom-project-contact-input div.search-result {
  max-height: 200px;
  overflow-y: scroll;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_custom-upload-invoice.vue?vue&type=style&index=0&id=0e7cfc94&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
.paw-upload-multiple label {
  cursor: pointer;
}
.paw-upload-multiple label i {
  margin-right: 5px;
}
.paw-upload-multiple label img {
  height: 120px;
  opacity: 0;
  transition: opacity 0.5s;
}
.paw-upload-multiple label img.show {
  opacity: 1;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item {
  vertical-align: text-top;
  height: 133px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #ddd;
  display: inline-block;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div {
  background-color: #ddd;
  height: 100%;
  min-width: 250px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  position: relative;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.error {
  background-color: #fee;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.show {
  background-color: transparent;
  min-width: 0;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .cancel {
  top: 0px;
  right: 5px;
  position: absolute;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center {
  text-align: center;
  font-size: 0.8em;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center > div {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center progress {
  vertical-align: middle;
  display: inline;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center a.btn {
  border-radius: 50%;
  width: 31px;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div img {
  height: 100px;
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.show img {
  opacity: 1;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .actions {
  font-size: 0.7em;
  padding-top: 5px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_custom-upload.vue?vue&type=style&index=0&id=111c2956&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.paw-upload-multiple label {
  cursor: pointer;
}
.paw-upload-multiple label img {
  height: 120px;
  opacity: 0;
  transition: opacity 0.5s;
}
.paw-upload-multiple label img.show {
  opacity: 1;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item {
  vertical-align: text-top;
  height: 133px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #ddd;
  display: inline-block;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div {
  background-color: #ddd;
  height: 100%;
  min-width: 250px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  position: relative;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.error {
  background-color: #fee;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.show {
  background-color: transparent;
  min-width: 0;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .cancel {
  top: 0px;
  right: 5px;
  position: absolute;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center {
  text-align: center;
  font-size: 0.8em;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center > div {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center progress {
  vertical-align: middle;
  display: inline;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .center a.btn {
  border-radius: 50%;
  width: 31px;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div img {
  height: 100px;
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div.show img {
  opacity: 1;
}
.paw-upload-multiple .paw-upload-multiple-item-wrapper .paw-upload-multiple-item > div .actions {
  font-size: 0.7em;
  padding-top: 5px;
}
.paw-upload-multiple i.fa-spinner {
  animation: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[10].use[0]!./screen/assets/app/js/components/_custom-popup.vue?vue&type=style&index=0&id=268d0067&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
i.fa-spinner {
  animation: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.link-expand {
  cursor: pointer;
}
.link-expand:hover {
  color: var(--color-theme);
}
@keyframes spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./screen/assets/app/js/react/src/styles/app.scss ***!
  \*****************************************************************************************************************************************/
@tailwind base;
@tailwind components;
@tailwind utilities;
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/react-toastify/dist/ReactToastify.css ***!
  \*********************************************************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}

.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}

.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
  flex: 1;
}

.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
  z-index: 1;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/slick-carousel/slick/slick.css ***!
  \**************************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/ion-rangeslider/css/ion.rangeSlider.min.css ***!
  \***************************************************************************************************************************************************/
@charset "UTF-8";
/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}

.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}

.irs-handle.type_last {
  z-index: 2;
}

.irs-min, .irs-max {
  position: absolute;
  display: block;
  cursor: default;
}

.irs-min {
  left: 0;
}

.irs-max {
  right: 0;
}

.irs-from, .irs-to, .irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}

.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}

.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}

.irs-disabled {
  opacity: 0.4;
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

.irs--flat {
  height: 40px;
}

.irs--flat.irs-with-grid {
  height: 60px;
}

.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}

.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}

.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}

.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}

.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}

.irs--flat .irs-min, .irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}

.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}

.irs--flat .irs-grid-text {
  color: #999;
}

.irs--big {
  height: 55px;
}

.irs--big.irs-with-grid {
  height: 70px;
}

.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}

.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}

.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}

.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}

.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}

.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}

.irs--big .irs-min, .irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}

.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}

.irs--big .irs-grid-pol {
  background-color: #428bca;
}

.irs--big .irs-grid-text {
  color: #428bca;
}

.irs--modern {
  height: 55px;
}

.irs--modern.irs-with-grid {
  height: 55px;
}

.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}

.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}

.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}

.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}

.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg);
}

.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}

.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}

.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}

.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}

.irs--modern .irs-min, .irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}

.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}

.irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}

.irs--modern .irs-grid {
  height: 25px;
}

.irs--modern .irs-grid-pol {
  background-color: #dedede;
}

.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}

.irs--sharp.irs-with-grid {
  height: 57px;
}

.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}

.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}

.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}

.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}

.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}

.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover {
  background-color: black;
}

.irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}

.irs--sharp .irs-min, .irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #a804b2;
  border-radius: 2px;
}

.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}

.irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-grid {
  height: 25px;
}

.irs--sharp .irs-grid-pol {
  background-color: #dedede;
}

.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--round {
  height: 50px;
}

.irs--round.irs-with-grid {
  height: 65px;
}

.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}

.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa;
}

.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}

.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}

.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--round .irs-min, .irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}

.irs--round .irs-grid {
  height: 25px;
}

.irs--round .irs-grid-pol {
  background-color: #dedede;
}

.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--square {
  height: 50px;
}

.irs--square.irs-with-grid {
  height: 60px;
}

.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}

.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}

.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}

.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--square .irs-min, .irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}

.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}

.irs--square .irs-grid {
  height: 25px;
}

.irs--square .irs-grid-pol {
  background-color: #dedede;
}

.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/mmenu-light/dist/mmenu-light.css ***!
  \****************************************************************************************************************************************/
/*!
 * Mmenu Light
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */
:root {
  --mm-ocd-width:80%;
  --mm-ocd-min-width:200px;
  --mm-ocd-max-width:440px;
}

body.mm-ocd-opened {
  overflow-y: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.mm-ocd {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  background: rgba(0, 0, 0, 0);
  -webkit-transition-property: bottom, background-color;
  -o-transition-property: bottom, background-color;
  transition-property: bottom, background-color;
  -webkit-transition-duration: 0s, 0.3s;
  -o-transition-duration: 0s, 0.3s;
  transition-duration: 0s, 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0.45s, 0.15s;
  -o-transition-delay: 0.45s, 0.15s;
  transition-delay: 0.45s, 0.15s;
}

.mm-ocd--open {
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.mm-ocd__content {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: var(--mm-ocd-width);
  min-width: var(--mm-ocd-min-width);
  max-width: var(--mm-ocd-max-width);
  background: #fff;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.mm-ocd--left .mm-ocd__content {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-ocd--right .mm-ocd__content {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-ocd--open .mm-ocd__content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-ocd__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: clamp(100% - var(--mm-ocd-max-width), 100% - var(--mm-ocd-width), 100% - var(--mm-ocd-min-width));
  background: rgba(3, 2, 1, 0);
}

.mm-ocd--left .mm-ocd__backdrop {
  right: 0;
}

.mm-ocd--right .mm-ocd__backdrop {
  left: 0;
}

.mm-spn, .mm-spn a, .mm-spn li, .mm-spn span, .mm-spn ul {
  display: block;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --mm-spn-item-height:50px;
  --mm-spn-item-indent:20px;
  --mm-spn-line-height:24px;
  --mm-spn-panel-offset:30%;
}

.mm-spn {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.mm-spn ul {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  z-index: 2;
  width: calc(100% + var(--mm-spn-panel-offset));
  padding-right: var(--mm-spn-panel-offset);
  line-height: var(--mm-spn-line-height);
  overflow: visible;
  overflow-y: auto;
  background: inherit;
  -webkit-transition: left 0.3s ease 0s;
  -o-transition: left 0.3s ease 0s;
  transition: left 0.3s ease 0s;
  cursor: default;
}

.mm-spn ul:after {
  content: "";
  display: block;
  height: var(--mm-spn-item-height);
}

.mm-spn > ul {
  left: 0;
}

.mm-spn ul.mm-spn--open {
  left: 0;
}

.mm-spn ul.mm-spn--parent {
  left: calc(-1 * var(--mm-spn-panel-offset));
  overflow: visible;
}

.mm-spn li {
  position: relative;
  background: inherit;
  cursor: pointer;
}

.mm-spn li:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--mm-spn-item-height) / 2);
  right: calc(var(--mm-spn-item-height) / 2);
  z-index: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  -ms-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
  opacity: 0.4;
}

.mm-spn li:after {
  content: "";
  display: block;
  margin-left: var(--mm-spn-item-indent);
  border-top: 1px solid;
  opacity: 0.15;
}

.mm-spn a, .mm-spn span {
  position: relative;
  z-index: 1;
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
}

.mm-spn a {
  background: inherit;
  color: inherit;
  text-decoration: none;
}

.mm-spn a:not(:last-child) {
  width: calc(100% - var(--mm-spn-item-height));
}

.mm-spn a:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid;
  opacity: 0.15;
}

.mm-spn span {
  background: 0 0;
}

.mm-spn.mm-spn--navbar {
  cursor: pointer;
}

.mm-spn.mm-spn--navbar:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--mm-spn-item-height) / 2);
  left: var(--mm-spn-item-indent);
  width: 10px;
  height: 10px;
  margin-top: 2px;
  border-top: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg) translate(50%, -50%);
  -ms-transform: rotate(-45deg) translate(50%, -50%);
  transform: rotate(-45deg) translate(50%, -50%);
  opacity: 0.4;
}

.mm-spn.mm-spn--navbar.mm-spn--main {
  cursor: default;
}

.mm-spn.mm-spn--navbar.mm-spn--main:before {
  content: none;
  display: none;
}

.mm-spn.mm-spn--navbar:after {
  content: attr(data-mm-spn-title);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--mm-spn-item-height);
  padding: 0 calc(var(--mm-spn-item-indent) * 2);
  line-height: var(--mm-spn-item-height);
  opacity: 0.4;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.mm-spn.mm-spn--navbar.mm-spn--main:after {
  padding-left: var(--mm-spn-item-indent);
}

.mm-spn.mm-spn--navbar ul {
  top: calc(var(--mm-spn-item-height) + 1px);
}

.mm-spn.mm-spn--navbar ul:before {
  content: "";
  display: block;
  position: fixed;
  top: inherit;
  z-index: 2;
  width: 100%;
  border-top: 1px solid currentColor;
  opacity: 0.15;
}

.mm-spn.mm-spn--light {
  color: #444;
  background: #f3f3f3;
}

.mm-spn.mm-spn--dark {
  color: #ddd;
  background: #333;
}

.mm-spn.mm-spn--vertical {
  overflow-y: auto;
}

.mm-spn.mm-spn--vertical ul {
  width: 100%;
  padding-right: 0;
  position: static;
}

.mm-spn.mm-spn--vertical ul ul {
  display: none;
  padding-left: var(--mm-spn-item-indent);
}

.mm-spn.mm-spn--vertical ul ul:after {
  height: calc(var(--mm-spn-item-height) / 2);
}

.mm-spn.mm-spn--vertical ul.mm-spn--open {
  display: block;
}

.mm-spn.mm-spn--vertical li.mm-spn--open:before {
  -webkit-transform: rotate(135deg) translate(-50%, 0);
  -ms-transform: rotate(135deg) translate(-50%, 0);
  transform: rotate(135deg) translate(-50%, 0);
}

.mm-spn.mm-spn--vertical ul ul li:last-child:after {
  content: none;
  display: none;
}