@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap");
/* BASE */
/* COLOURS */
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/* EX
@mixin sm-min {
	padding: 0;
}
*/
/* XS - Extra Small Devices - - - - - - - - - - - - - - - */
/* SM - Small Devices - - - - - - - - - - - - - - - */
/* MD - Medium Devices - - - - - - - - - - - - - - - */
/* LG - Large Devices - - - - - - - - - - - - - - - */
/* XL - Extra Large Devices - - - - - - - - - - - - - - - */
/* Retina - - - - - - - - - - - - - - - */
html,
body {
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #191919;
  font-size: 14px;
  font-weight: 400;
}
body {
  background-color: #ffffff;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
}
a {
  color: #e50013;
}
a:hover {
  color: #a7000e;
}
.fullwidth {
  width: 100vw;
  position: relative;
  left: -o-calc(-50vw + 50%);
  left: calc(-50vw + 50%);
}
.fullwidth:before {
    content: " ";
    display: table;
  }
.fullwidth:after {
    content: " ";
    display: table;
    clear: both;
  }
@media (max-width: 767px) {
.fullwidth {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    left: inherit
}
		}
/* .clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
} */
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-flow: row wrap;

          flex-flow: row wrap;

  -ms-flex-direction: row;

      flex-direction: row;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -ms-flex-pack: distribute;

      justify-content: space-around;
}
.flex-container.vertical-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
.flex-container.vertical-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
.flex-container.vertical-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.flex-container.vertical-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
.flex-container.horizontal-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
.flex-container.horizontal-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.flex-container.horizontal-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
.flex-container.grid {
    margin-left: -15px;
    margin-right: -15px;
  }
.flex-container.grid > .flex-item {
      padding: 15px;
      min-height: 1px;
    }
.flex-container .flex-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
.flex-container .flex-item .item-inner {
      width: 100%;
      height: 100%;
    }
.video-wrapper .video {
    position: relative;
    padding-bottom: 52%; /* 16:9 */
    padding-top: 25px;
    height: 0;
  }
.video-wrapper .video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
.bg-fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.hidden {
  display: none !important;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
		}
@media (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
		}
@media (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
		}
a:focus,
a.focus,
.btn.focus,
.btn:focus,
a.btn:focus,
a.btn:focus-within,
a.btn:active,
button:focus,
button:focus-within,
button:active {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  cursor: pointer;
}
html,
body {
  font-family: "Roboto", serif;
  font-size: 14px;
  line-height: 1.5em;
  /* div,
  span,
  p,
  li {
    font-size: 14px;
    line-height: 1.5em;
    @mixin md-min {
      font-size: 16px;
    }
  } */
}
@media (min-width: 992px) {
html,
body {
    font-size: 16px
}
		}
html h1,
  html h2,
  html h3,
  html h4,
  html h5,
  html h6,
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6 {
    font-weight: bold;
    line-height: 1.2em;
  }
/* MODULE */
/* This file contains very basic styles. */
/* Frame */
.kt-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  z-index: 1067;
}
@media (min-width: 992px) {
.kt-header {
    min-height: 72px
}
		}
.kt-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  padding: 50px 0 32px;
  min-height: 100vh;
  background-color: #fafafa;
}
@media (min-width: 992px) {
.kt-wrapper {
    padding: 72px 0 32px
}
		}
.kt-wrapper .kt-sidebar {
    display: none;
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
    padding-top: 72px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ba033a), to(#8a0029));
    background: linear-gradient(180deg, #ba033a 0%, #8a0029 100%);
  }
@media (min-width: 992px) {
.kt-wrapper .kt-sidebar {
      display: block;
      width: 148px
  }
		}
@media (min-width: 1200px) {
.kt-wrapper .kt-sidebar {
      width: 200px
  }
		}
.kt-wrapper .kt-sidebar ul.navbar-nav {
      padding: 0 0 16px 0;
    }
.kt-wrapper .kt-sidebar ul.navbar-nav li.nav-item {
        padding: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      }
.kt-wrapper .kt-sidebar ul.navbar-nav li.nav-item a.nav-link {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          gap: 8px;
          padding: 16px;
          color: #ffffff;
        }
@media (min-width: 992px) {
            .kt-wrapper .kt-sidebar ul.navbar-nav li.nav-item a.nav-link:hover {
              background-color: #8c012b;
            }
		}
.kt-wrapper .kt-sidebar ul.navbar-nav li.nav-item a.nav-link img.menu-icon {
            -webkit-filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(297deg) brightness(104%) contrast(101%);
                    filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(297deg) brightness(104%) contrast(101%);
          }
@media (min-width: 992px) {
.kt-wrapper .kt-sidebar ul.navbar-nav li.nav-item a.nav-link img.menu-icon {
              width: 16px;
              height: 16px
          }
		}
@media (min-width: 1200px) {
.kt-wrapper .kt-sidebar ul.navbar-nav li.nav-item a.nav-link img.menu-icon {
              width: 18px;
              height: 18px
          }
		}
.kt-wrapper .kt-sidebar ul.navbar-nav li.nav-item a.nav-link .menu-label {
            -webkit-box-flex: 1;
                -ms-flex: 1 0 0px;
                    flex: 1 0 0;
            font-weight: 700;
            line-height: 1.2;
          }
@media (min-width: 992px) {
.kt-wrapper .kt-sidebar ul.navbar-nav li.nav-item a.nav-link .menu-label {
              font-size: 14px
          }
		}
@media (min-width: 1200px) {
.kt-wrapper .kt-sidebar ul.navbar-nav li.nav-item a.nav-link .menu-label {
              font-size: 16px
          }
		}
.kt-wrapper .kt-sidebar ul.navbar-nav li.nav-item.active a.nav-link {
            background-color: #8c012b;
          }
.kt-wrapper .kt-sidebar ul.navbar-nav li.nav-item.active a.nav-link::after {
              content: "";
              position: absolute;
              right: 0;
              top: 50%;
              width: 0;
              height: 0;
              border: 12px solid transparent;
              border-left-color: #8c012b;
              border-right: 0;
              margin-top: -12px;
              margin-right: -12px;
            }
.kt-wrapper .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fafafa;
    padding: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
@media (min-width: 992px) {
.kt-wrapper .content {
      padding: 16px 16px 0 calc(148px + 16px)
  }
		}
@media (min-width: 1200px) {
.kt-wrapper .content {
      padding: 16px 32px 0 calc(200px + 32px)
  }
		}
.kt-wrapper .content .content-main {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;

      -webkit-box-flex: 0;

          -ms-flex: 0 0 100%;

              flex: 0 0 100%;
      max-width: 1172px;
      padding: 0;
      min-height: 50vh;
    }
@media (min-width: 992px) {
.kt-wrapper .content .content-main {
        padding: 0 8px
    }
		}
@media (min-width: 1200px) {
.kt-wrapper .content .content-main {
        padding: 0 16px
    }
		}
.kt-wrapper .content .content-main .content-body {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
      }
.kt-wrapper .content .content-main .content-footer {
        border-top: 1px solid #d0d0d0;
        margin-top: 64px;
        padding: 32px 0;
        text-align: center;
        color: #606060;
        font-size: 13px;
      }
@media (min-width: 992px) {
.kt-wrapper .content .content-main .content-footer {
          font-size: 14px
      }
		}
.modal-backdrop {
  z-index: 1068;
}
.modal-backdrop.show {
    opacity: 0.75;
  }
.popover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.popover .popover-header {
    font-size: 16px;
  }
.popover .popover-body {
    font-size: 15px;
  }
.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #ffffff;
  border-radius: 999px;
  line-height: 1.1;
  padding: 8px 16px;
  border: 1px solid transparent;
  font-weight: 600;
  font-size: 14px;
  background-color: #e50013;
}
.btn.primary {
    background-color: #e50013;
  }
.btn.secondary {
    background-color: #606060;
  }
.btn.tertiary {
    background-color: #ffffff;
    border: 1px solid #e50013;
    color: #e50013;
  }
.btn.xl {
    font-size: 18px;
    padding: 12px 24px;
    gap: 6px;
  }
.btn.lg {
    font-size: 16px;
    padding: 10px 20px;
    gap: 6px;
  }
.btn.sm {
    font-size: 13px;
    padding: 5px 10px;
    gap: 3px;
  }
.btn:hover {
    color: #ffffff;
    background-color: #a7000e;
  }
.btn:hover:not(.tertiary) {
      border: 1px solid transparent;
    }
.btn:hover.secondary {
      background-color: #404040;
    }
.btn.btn-tooltip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: Georgia, Times, serif;
    font-size: 14px;
    width: 20px;
    height: 20px;
    padding: 0;
    font-style: italic;
    background-color: transparent;
    color: #606060;
    border: 1px solid #606060;
  }
.btn.btn-tooltip:hover {
      background-color: #d0d0d0;
      border: 1px solid #606060;
    }
.btn .chevron {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9226 3.22508C12.767 3.07341 12.5103 3.07341 12.3509 3.22508L6.99589 8.44397L1.64478 3.22508C1.48923 3.07341 1.23256 3.07341 1.07701 3.22508L0.505339 3.78119C0.349783 3.93286 0.349783 4.18174 0.505339 4.3373L6.14423 9.8323L6.71589 10.3884C6.87145 10.5401 7.12812 10.5401 7.28367 10.3884L7.85534 9.8323L13.4942 4.3373C13.6498 4.18563 13.6498 3.93674 13.4942 3.78119L12.9226 3.22508Z' fill='white'/%3E%3C/svg%3E%0A");
  }
form .row > [class*="col-"] {
      padding-top: 16px;
      padding-bottom: 16px;
      border-bottom: 1px solid #eaeaea;
    }
@media (max-width: 767px) {
form .row > [class*="col-"] {
        padding: 8px
    }
		}
form .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
@media (max-width: 767px) {
form .form-item .input-wrapper {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0 0
    }
        form .form-item .input-wrapper input:not([type="checkbox"]):not([type="radio"]),
        form .form-item .input-wrapper select {
          width: 100%;
        }
		}
form .form-item .input-wrapper input::-webkit-input-placeholder {
        opacity: 0.4;
      }
form .form-item .input-wrapper input::-ms-input-placeholder {
        opacity: 0.4;
      }
form .form-item .input-wrapper input::placeholder {
        opacity: 0.4;
      }
form .form-item .input-wrapper.fill {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0 0;
      }
@media (max-width: 767px) {
        form .form-item .input-wrapper.xs {
          max-width: 36px;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 36px;
                  flex: 0 0 36px;
        }
        form .form-item .input-wrapper.sm {
          max-width: 72px;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 72px;
                  flex: 0 0 72px;
        }
        form .form-item .input-wrapper.md {
          max-width: 96px;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 96px;
                  flex: 0 0 96px;
        }
        form .form-item .input-wrapper.lg {
          max-width: 128px;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 128px;
                  flex: 0 0 128px;
        }
        form .form-item .input-wrapper.xl {
          max-width: 160px;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 160px;
                  flex: 0 0 160px;
        }
        form .form-item .input-wrapper.xxl {
          max-width: 208px;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 208px;
                  flex: 0 0 208px;
        }
		}
form .form-item .input-wrapper .input-wrapper-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        gap: 6px;
      }
form .form-item .input-wrapper.f-mounting {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        gap: 6px;
        width: 100%;
      }
form .form-item .input-wrapper.f-mounting .form-check {
          padding: 0;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          max-width: 82px;
        }
form .form-item .input-wrapper.f-mounting .form-check * {
            -webkit-transition: 0.3s;
            transition: 0.3s;
          }
form .form-item .input-wrapper.f-mounting .form-check .form-check-label {
            width: 100%;
            text-align: center;
            cursor: pointer;
          }
form .form-item .input-wrapper.f-mounting .form-check .form-check-label span {
              display: block;
              margin-top: 6px;
              font-size: 13px;
              font-weight: 400;
              line-height: 1.1;
            }
form .form-item .input-wrapper.f-mounting .form-check .form-check-label .mounting-map {
              position: relative;
              border-radius: 8px;
              border: 1px solid #d0d0d0;
              overflow: hidden;
            }
form .form-item .input-wrapper.f-mounting .form-check input {
            display: none;
          }
form .form-item .input-wrapper.f-mounting .form-check input:checked + label .mounting-map {
                border: 1px solid #009d25;
                background-color: #e0ffe8;
              }
form .form-item .input-wrapper.f-mounting .form-check input:checked + label .mounting-map img {
                  -webkit-transform: scale(1.14);
                          transform: scale(1.14);
                }
form .form-item .input-wrapper.f-mounting .form-check input:checked + label .mounting-map::after {
                  content: "";
                  width: 20px;
                  height: 20px;
                  display: inline-block;
                  position: absolute;
                  bottom: 2px;
                  left: calc(50% - 10px);
                  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.48438 0 0 4.48438 0 10C0 15.5156 4.48438 20 10 20C15.5156 20 20 15.5156 20 10C20 4.48438 15.5156 0 10 0Z' fill='%23009D25'/%3E%3Cpath d='M8.07422 14.5742C6.79687 13.2969 5.52734 12.0078 4.24609 10.7305C4.10547 10.5898 4.10547 10.3555 4.24609 10.2148L5.71875 8.74219C5.85937 8.60156 6.09375 8.60156 6.23438 8.74219L8.33984 10.8477L13.7539 5.42969C13.8984 5.28906 14.1289 5.28906 14.2734 5.42969L15.75 6.90625C15.8945 7.05078 15.8945 7.28125 15.75 7.42187L8.58984 14.5742C8.44922 14.7187 8.21875 14.7187 8.07422 14.5742Z' fill='white'/%3E%3C/svg%3E%0A");
                }
form .form-item .input-group {
      gap: 12px 12px;
    }
@media (max-width: 767px) {
form .form-item .input-group.vertical-in-small {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column
      }
		}
form .form-item .input-group.small-gap {
        gap: 12px 6px;
      }
form .form-item .form-label {
      font-weight: 600;
      font-size: 14px;
      color: #404040;
    }
@media (min-width: 992px) {
form .form-item .form-label {
        font-size: 16px
    }
		}
form .form-item .form-label label {
        margin: 0;
        padding-right: 10px;
        position: relative;
      }
form .form-item .form-label[data-required="true"] label::after {
            content: "*";
            display: block;
            position: absolute;
            top: -4px;
            right: 0;
            color: #e50013;
          }
form .form-item .form-description {
      margin-top: -8px;
      color: #606060;
      font-size: 13px;
    }
@media (min-width: 992px) {
form .form-item .form-description {
        font-size: 14px
    }
		}
form .form-item .form-label-secondary {
      font-weight: 400;
      font-size: 13px;
    }
@media (min-width: 992px) {
form .form-item .form-label-secondary {
        font-size: 14px
    }
		}
form .form-item input:not([type="checkbox"]):not([type="radio"]),
    form .form-item select,
    form .form-item .dropdown-select-trigger,
	.datepicker .form-control,  /* 추가 */
    form .form-item textarea {
      height: 36px;
      padding: 0 8px;
      background-color: #fafafa;
      border: 1px solid #d0d0d0;
      border-radius: 8px !important;  /* !important; 추가 */
      opacity: 1;
      outline: none;
      color: #333333;
      font-size: 14px;
    }
.flex-container .btn {  /* 추가 */
	  border-radius: 8px;
}
.input-wrapper label {  /* 추가 */
    font-weight: 600;
    font-size: 16px;
    /* color: #404040; */
	margin-bottom: 0;
}

@media (min-width: 992px) {
form .form-item input:not([type="checkbox"]):not([type="radio"]),
    form .form-item select,
    form .form-item .dropdown-select-trigger,
    form .form-item textarea {
        font-size: 15px
    }
		}
form .form-item input:not([type="checkbox"]):not([type="radio"]).uppercase, form .form-item select.uppercase, form .form-item .dropdown-select-trigger.uppercase, form .form-item textarea.uppercase {
        text-transform: uppercase;
      }
form .form-item textarea {
      padding: 8px 12px;
      height: auto;
    }
form .form-item textarea:focus {
        color: #333333;
        background-color: #fafafa;
      }
form .form-item select,
    form .form-item .dropdown-select-trigger {
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      appearance: none;

      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right 6px center;
      background-size: 16px 12px;
      padding-right: 24px;
    }
form .form-item select::-ms-expand, form .form-item .dropdown-select-trigger::-ms-expand {
        display: none;
      }
form .form-item select:focus,
    form .form-item select:active,
    form .form-item input:focus,
    form .form-item input:active,
    form .form-item button:focus,
    form .form-item button:active {
      outline: 0;
    }
form .form-item .dropdown-select-container .dropdown-select-trigger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        min-width: 224px;
      }
form .form-item .dropdown-select-container .dropdown-options {
        position: absolute;
        width: 100%;
        left: 0;
        background-color: #ffffff;
        border: 1px solid #ccc;
        border-radius: 8px;
        -webkit-box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.4);
                box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.4);
        display: none;
        z-index: 1000;
        padding: 16px;
      }
form .form-item .dropdown-select-container .dropdown-options .dropdown-title {
          grid-column: 1 / -1;
          font-weight: 700;
          margin-bottom: 8px;
          border-bottom: 1px solid #d0d0d0;
        }
form .form-item .dropdown-select-container .dropdown-options.active {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 4px;
        }
form .form-item .dropdown-select-container .dropdown-options .dropdown-option {
          font-size: 14px;
          padding: 6px;
          border-bottom: 1px solid #eaeaea;
          font-weight: 500;
          cursor: pointer;
          -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
        }
@media (min-width: 768px) {
form .form-item .dropdown-select-container .dropdown-options {
          width: 708px;
          max-height: none
      }
          form .form-item .dropdown-select-container .dropdown-options.active {
            grid-template-columns: repeat(3, 1fr);
            overflow: scroll;
          }
            form .form-item .dropdown-select-container .dropdown-options .dropdown-option:hover {
              background-color: #eaeaea;
            }
		}
@media (min-width: 992px) {
form .form-item .dropdown-select-container .dropdown-options {
          width: 732px
      }
          form .form-item .dropdown-select-container .dropdown-options.active {
            grid-template-columns: repeat(4, 1fr);
            overflow: scroll;
          }
		}
@media (min-width: 1200px) {
form .form-item .dropdown-select-container .dropdown-options {
          width: 842px
      }
		}
@media (max-width: 767px) {
form .form-item .dropdown-select-container .dropdown-options {
          width: 100%;
          max-height: 64vh
      }
          form .form-item .dropdown-select-container .dropdown-options.active {
            grid-template-columns: repeat(2, 1fr);
            overflow: scroll;
          }
		}
@media (min-width: 768px) {
          form .form-item .dropdown-select-container.f-vehicle-model .dropdown-options {
            left: 32px;
          }
		}
form .form-item[data-validity="undefined"] .hint {
        display: none;
      }
form .form-item[data-validity="error"] input:not([type="checkbox"]):not([type="radio"]):not([disabled]),
      form .form-item[data-validity="error"] select,
      form .form-item[data-validity="error"] textarea,
      form .form-item[data-validity="error"] .photo-upload,
      form .form-item[data-validity="error"] .dropdown-select-trigger {
        border: 1px solid #e50013;
        background-color: #ffeded;
      }
form .form-item[data-validity="error"] .f-mounting .form-check .form-check-label .mounting-map {
              border: 1px solid #e50013;
              background-color: #ffeded;
            }
form .form-item[data-validity="error"] .hint {
        display: block;
        color: #e50013;
        font-size: 14px;
      }
form .form-item[data-validity="success"] input,
      form .form-item[data-validity="success"] select {
        border: 1px solid #009d25;
        background-color: #e0ffe8;
      }
form .form-item[data-validity="success"] .hint {
        display: block;
        color: #009d25;
        font-size: 14px;
      }
form .alert-toast-container {
    margin-top: 16px;
  }
form .radio-item,
  form .checkbox-item {
    margin-right: 1rem;
  }
form .radio-item [type="radio"]:checked,
    form .radio-item [type="radio"]:not(:checked),
    form .radio-item [type="checkbox"]:checked,
    form .radio-item [type="checkbox"]:not(:checked),
    form .checkbox-item [type="radio"]:checked,
    form .checkbox-item [type="radio"]:not(:checked),
    form .checkbox-item [type="checkbox"]:checked,
    form .checkbox-item [type="checkbox"]:not(:checked) {
      position: absolute;
      left: -9999px;
    }
form .radio-item [type="radio"]:checked + label,
    form .radio-item [type="radio"]:not(:checked) + label,
    form .radio-item [type="checkbox"]:checked + label,
    form .radio-item [type="checkbox"]:not(:checked) + label,
    form .checkbox-item [type="radio"]:checked + label,
    form .checkbox-item [type="radio"]:not(:checked) + label,
    form .checkbox-item [type="checkbox"]:checked + label,
    form .checkbox-item [type="checkbox"]:not(:checked) + label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
    }
form .radio-item [type="radio"]:checked + label:before,
    form .radio-item [type="radio"]:not(:checked) + label:before,
    form .radio-item [type="checkbox"]:checked + label:before,
    form .radio-item [type="checkbox"]:not(:checked) + label:before,
    form .checkbox-item [type="radio"]:checked + label:before,
    form .checkbox-item [type="radio"]:not(:checked) + label:before,
    form .checkbox-item [type="checkbox"]:checked + label:before,
    form .checkbox-item [type="checkbox"]:not(:checked) + label:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      border: 1px solid #d0d0d0;
      border-radius: 100%;
      background: #ffffff;
    }
form .radio-item [type="checkbox"]:checked + label:before,
    form .radio-item [type="checkbox"]:not(:checked) + label:before,
    form .checkbox-item [type="checkbox"]:checked + label:before,
    form .checkbox-item [type="checkbox"]:not(:checked) + label:before {
      border-radius: 3px;
    }
form .radio-item [type="radio"]:checked + label:after,
    form .radio-item [type="radio"]:not(:checked) + label:after,
    form .radio-item [type="checkbox"]:checked + label:after,
    form .radio-item [type="checkbox"]:not(:checked) + label:after,
    form .checkbox-item [type="radio"]:checked + label:after,
    form .checkbox-item [type="radio"]:not(:checked) + label:after,
    form .checkbox-item [type="checkbox"]:checked + label:after,
    form .checkbox-item [type="checkbox"]:not(:checked) + label:after {
      content: "";
      width: 12px;
      height: 12px;
      background: #e50013;
      position: absolute;
      top: 4px;
      left: 4px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }
form .radio-item [type="checkbox"]:checked + label:after,
    form .radio-item [type="checkbox"]:not(:checked) + label:after,
    form .checkbox-item [type="checkbox"]:checked + label:after,
    form .checkbox-item [type="checkbox"]:not(:checked) + label:after {
      border-radius: 2px;
    }
form .radio-item [type="radio"]:not(:checked) + label:after,
    form .radio-item [type="checkbox"]:not(:checked) + label:after,
    form .checkbox-item [type="radio"]:not(:checked) + label:after,
    form .checkbox-item [type="checkbox"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
form .radio-item [type="radio"]:checked + label,
    form .radio-item [type="checkbox"]:checked + label,
    form .checkbox-item [type="radio"]:checked + label,
    form .checkbox-item [type="checkbox"]:checked + label {
      font-weight: 700;
    }
form .radio-item [type="radio"]:checked + label:after,
    form .radio-item [type="checkbox"]:checked + label:after,
    form .checkbox-item [type="radio"]:checked + label:after,
    form .checkbox-item [type="checkbox"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
.input-data {
  font-weight: 600;
  color: #191919;
  font-size: 16px;
}
input:not([type="checkbox"]):not([type="radio"]).min-w-xxxl, select.min-w-xxxl, button.min-w-xxxl {
    min-width: 320px;
  }
input:not([type="checkbox"]):not([type="radio"]).min-w-xxl, select.min-w-xxl, button.min-w-xxl {
    min-width: 224px;
  }
input:not([type="checkbox"]):not([type="radio"]).min-w-xl, select.min-w-xl, button.min-w-xl {
    min-width: 160px;
  }
input:not([type="checkbox"]):not([type="radio"]).min-w-md, select.min-w-md, button.min-w-md {
    min-width: 128px;
  }
input:not([type="checkbox"]):not([type="radio"]).min-w-sm, select.min-w-sm, button.min-w-sm {
    min-width: 112px;
  }
input:not([type="checkbox"]):not([type="radio"]).min-w-xs, select.min-w-xs, button.min-w-xs {
    min-width: 96px;
  }
input:not([type="checkbox"]):not([type="radio"]).min-w-xxs, select.min-w-xxs, button.min-w-xxs {
    min-width: 64px;
  }
input:not([type="checkbox"]):not([type="radio"]).min-w-xxxs, select.min-w-xxxs, button.min-w-xxxs {
    min-width: 32px;
  }
input:not([type="checkbox"]):not([type="radio"]).width-auto, select.width-auto, button.width-auto {
    width: auto;
  }
input:not([type="checkbox"]):not([type="radio"]).width-fill, select.width-fill, button.width-fill {
    width: 100%;
  }
.alert-toast {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 8px;
  background-color: #e50013;
  color: #ffffff;
  font-size: 14px;
  padding: 8px;
}
.date {
  position: relative;
  padding: 0;
}
.date .input-group-addon {
    position: absolute;
    top: 8px;
    right: 12px;
    z-index: 3;
  }
.date .input-group-addon .icon-date {
      display: inline-block;
      width: 18px;
      height: 18px;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3 2.7H14.4V0.9C14.4 0.661305 14.3052 0.432387 14.1364 0.263604C13.9676 0.0948211 13.7387 0 13.5 0C13.2613 0 13.0324 0.0948211 12.8636 0.263604C12.6948 0.432387 12.6 0.661305 12.6 0.9V2.7H5.4V0.9C5.4 0.661305 5.30518 0.432387 5.1364 0.263604C4.96761 0.0948211 4.73869 0 4.5 0C4.2613 0 4.03239 0.0948211 3.8636 0.263604C3.69482 0.432387 3.6 0.661305 3.6 0.9V2.7H2.7C1.98392 2.7 1.29716 2.98446 0.790812 3.49081C0.284464 3.99716 0 4.68392 0 5.4V6.3H18V5.4C18 4.68392 17.7155 3.99716 17.2092 3.49081C16.7028 2.98446 16.0161 2.7 15.3 2.7ZM0 15.3C0 16.0161 0.284464 16.7028 0.790812 17.2092C1.29716 17.7155 1.98392 18 2.7 18H15.3C16.0161 18 16.7028 17.7155 17.2092 17.2092C17.7155 16.7028 18 16.0161 18 15.3V8.1H0V15.3Z' fill='%23606060'/%3E%3C/svg%3E%0A");
    }
/* Photo Upload */
.photo-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px;
  gap: 8px;
  background-color: #eaeaea;
  border: 1px sold #d0d0d0;
  border-radius: 8px;
}
.photo-upload .upload-text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    text-align: center;
    font-size: 14px;
  }
.photo-upload .upload-text span {
      text-decoration: underline;
    }
.photo-upload .drop-zone {
    width: 128px;
    height: 128px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    cursor: pointer;
    border: 1px dashed #d0d0d0;
    background-image: url("data:image/svg+xml,%3Csvg width='46' height='62' viewBox='0 0 46 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_759_461)'%3E%3Cpath d='M16.17 12.06C16.17 10.47 17.46 9.17 19.06 9.17C20.66 9.17 21.95 10.46 21.95 12.06C21.95 13.66 20.66 14.95 19.06 14.95C17.46 14.95 16.17 13.66 16.17 12.06ZM45.23 28.69C45.23 31.05 44.27 33.18 42.75 34.7C41.23 36.22 39.1 37.18 36.74 37.18C34.7 37.18 32.85 36.42 31.37 35.22H8.88C7.32 35.22 5.91 34.62 4.87 33.58C3.87 32.54 3.23 31.14 3.23 29.57V5.65C3.23 4.09 3.83 2.68 4.87 1.64C5.91 0.64 7.31 0 8.88 0H32.12C33.68 0 35.09 0.6 36.13 1.64C37.13 2.68 37.77 4.08 37.77 5.65V20.32C39.65 20.56 41.38 21.4 42.74 22.68C44.26 24.2 45.22 26.33 45.22 28.69H45.23ZM5.35 21.56L11.68 15.15C12.12 14.71 12.8 14.75 13.2 15.15L19.25 21.24L28.19 12.26C28.63 11.82 29.31 11.86 29.71 12.26L35.64 18.19V5.69C35.64 4.73 35.24 3.85 34.6 3.21C33.96 2.57 33.08 2.17 32.12 2.17H8.88C7.92 2.17 7.04 2.57 6.4 3.21C5.76 3.81 5.36 4.69 5.36 5.65V21.56H5.35ZM29.4 33.18C29.2 32.9 29.04 32.54 28.88 32.22V32.18C28.72 31.78 28.6 31.38 28.48 30.98C28.44 30.82 28.4 30.7 28.36 30.54C28.24 29.94 28.16 29.38 28.16 28.78C28.16 26.42 29.12 24.29 30.64 22.77C30.92 22.45 31.24 22.17 31.6 21.93C31.68 21.89 31.72 21.85 31.8 21.81C31.92 21.73 32 21.69 32.12 21.61L32.72 21.25C32.84 21.17 32.96 21.13 33.12 21.05C33.24 20.97 33.32 20.93 33.44 20.89C33.6 20.85 33.76 20.77 33.92 20.73C34.12 20.65 34.28 20.61 34.44 20.57L34.8 20.45L28.95 14.56L20.01 23.54C19.57 23.94 18.89 23.94 18.49 23.54L12.44 17.49L5.35 24.62V29.59C5.35 30.55 5.75 31.43 6.35 32.07C6.99 32.71 7.87 33.11 8.83 33.11V33.19H29.39L29.4 33.18ZM43.02 28.73C43.02 26.97 42.34 25.4 41.18 24.24C40.02 23.12 38.45 22.4 36.69 22.4C34.93 22.4 33.32 23.08 32.2 24.24C31.08 25.4 30.36 26.97 30.36 28.73C30.36 29.17 30.4 29.61 30.48 30.01C30.52 30.17 30.6 30.37 30.64 30.53C30.68 30.77 30.76 31.01 30.84 31.21C30.92 31.37 31 31.49 31.08 31.65C31.2 31.89 31.32 32.13 31.48 32.33C31.6 32.45 31.72 32.61 31.84 32.73C32 32.89 32.16 33.09 32.32 33.25C33.44 34.33 35.01 35.01 36.69 35.01C38.37 35.01 40.02 34.33 41.18 33.17C42.3 32.01 43.02 30.44 43.02 28.72V28.73ZM37.45 24.41C37.37 24.33 37.25 24.25 37.09 24.17C36.97 24.13 36.85 24.09 36.73 24.09H36.65C36.53 24.09 36.41 24.13 36.29 24.17C36.17 24.21 36.05 24.29 35.93 24.41L33.45 26.89C33.05 27.29 33.05 27.97 33.45 28.41C33.85 28.81 34.53 28.81 34.97 28.41L35.61 27.77V32.18C35.61 32.78 36.09 33.26 36.69 33.26C37.29 33.26 37.77 32.78 37.77 32.18V27.77L38.41 28.41C38.81 28.81 39.49 28.81 39.93 28.41C40.33 28.01 40.33 27.33 39.93 26.89L37.45 24.41ZM33.46 58.05C33.51 58.31 33.58 58.54 33.68 58.73V58.85H31.84C31.75 58.66 31.69 58.43 31.64 58.14C31.64 58.13 31.64 58.11 31.64 58.1C31.57 58.19 31.51 58.28 31.42 58.36C31.22 58.54 30.98 58.69 30.7 58.81C30.42 58.93 30.09 58.99 29.72 58.99C29.24 58.99 28.81 58.89 28.43 58.7C28.05 58.51 27.75 58.25 27.53 57.91C27.31 57.58 27.2 57.2 27.2 56.78C27.2 56.39 27.27 56.04 27.42 55.74C27.57 55.44 27.78 55.19 28.07 54.98C28.36 54.77 28.71 54.61 29.14 54.51C29.57 54.4 30.06 54.35 30.61 54.35H31.57V53.87C31.57 53.62 31.53 53.4 31.44 53.22C31.35 53.04 31.22 52.9 31.04 52.8C30.86 52.7 30.64 52.65 30.36 52.65C30.12 52.65 29.91 52.69 29.72 52.77C29.54 52.85 29.41 52.97 29.31 53.12C29.21 53.27 29.17 53.43 29.17 53.63H27.36C27.36 53.32 27.43 53.04 27.58 52.76C27.73 52.48 27.93 52.24 28.2 52.02C28.47 51.8 28.8 51.63 29.18 51.51C29.56 51.39 29.99 51.33 30.47 51.33C31.03 51.33 31.53 51.43 31.97 51.62C32.41 51.81 32.76 52.09 33.01 52.47C33.27 52.85 33.39 53.32 33.39 53.9V57.13C33.39 57.5 33.41 57.82 33.46 58.08V58.05ZM31.58 55.41H30.7C30.42 55.41 30.17 55.44 29.95 55.5C29.74 55.55 29.56 55.64 29.42 55.75C29.28 55.85 29.18 55.98 29.11 56.13C29.04 56.28 29.01 56.44 29.01 56.63C29.01 56.82 29.05 56.98 29.13 57.12C29.22 57.27 29.34 57.38 29.5 57.47C29.66 57.55 29.86 57.59 30.07 57.59C30.39 57.59 30.67 57.53 30.9 57.4C31.14 57.27 31.32 57.11 31.45 56.92C31.49 56.86 31.52 56.8 31.55 56.74V55.41H31.58ZM15.27 53.53C15.39 53.99 15.45 54.5 15.45 55.07V55.21C15.45 55.75 15.39 56.25 15.26 56.71C15.14 57.17 14.95 57.56 14.71 57.91C14.47 58.25 14.17 58.51 13.81 58.7C13.45 58.89 13.04 58.98 12.58 58.98C12.12 58.98 11.73 58.89 11.39 58.72C11.12 58.58 10.9 58.38 10.7 58.15V61.69H8.89V51.45H10.56L10.63 52.22C10.84 51.95 11.09 51.73 11.38 51.58C11.72 51.4 12.11 51.31 12.56 51.31C13.01 51.31 13.44 51.4 13.8 51.58C14.16 51.76 14.46 52.01 14.71 52.35C14.96 52.68 15.14 53.08 15.26 53.54L15.27 53.53ZM13.64 55.07C13.64 54.74 13.61 54.44 13.55 54.16C13.49 53.88 13.4 53.63 13.28 53.42C13.16 53.21 13 53.04 12.8 52.92C12.6 52.8 12.37 52.74 12.09 52.74C11.81 52.74 11.57 52.79 11.37 52.88C11.17 52.97 11.01 53.1 10.88 53.27C10.8 53.37 10.76 53.5 10.7 53.63V56.71C10.82 56.96 10.98 57.17 11.2 57.32C11.43 57.48 11.73 57.56 12.1 57.56C12.38 57.56 12.62 57.5 12.81 57.38C13.01 57.26 13.17 57.09 13.29 56.87C13.41 56.65 13.5 56.4 13.56 56.12C13.61 55.84 13.64 55.54 13.64 55.22V55.08V55.07ZM5.65 55.5C5.65 55.96 5.57 56.35 5.42 56.64C5.27 56.93 5.05 57.15 4.77 57.29C4.49 57.43 4.16 57.5 3.77 57.5C3.38 57.5 3.05 57.43 2.77 57.29C2.49 57.15 2.27 56.93 2.11 56.64C1.96 56.34 1.88 55.96 1.88 55.5V48.89H0V55.5C0 56.26 0.16 56.9 0.49 57.42C0.81 57.94 1.26 58.32 1.83 58.59C2.4 58.85 3.05 58.98 3.78 58.98C4.51 58.98 5.14 58.85 5.71 58.59C6.28 58.33 6.72 57.94 7.05 57.42C7.38 56.9 7.54 56.26 7.54 55.5V48.89H5.66V55.5H5.65ZM39.18 48.34H41V58.84H39.36L39.27 58.03C39.05 58.32 38.79 58.55 38.49 58.71C38.16 58.89 37.77 58.98 37.32 58.98C36.87 58.98 36.46 58.89 36.1 58.7C35.74 58.51 35.44 58.25 35.19 57.91C34.94 57.57 34.75 57.18 34.62 56.72C34.49 56.26 34.43 55.77 34.43 55.23V55.09C34.43 54.52 34.49 54.01 34.62 53.55C34.75 53.09 34.94 52.69 35.19 52.35C35.44 52.02 35.74 51.76 36.1 51.58C36.46 51.4 36.87 51.31 37.32 51.31C37.77 51.31 38.15 51.4 38.48 51.58C38.75 51.72 38.97 51.93 39.18 52.17V48.35V48.34ZM39.18 53.68C39.12 53.54 39.06 53.4 38.97 53.29C38.84 53.12 38.67 52.99 38.48 52.89C38.28 52.79 38.05 52.75 37.78 52.75C37.51 52.75 37.26 52.81 37.07 52.93C36.87 53.05 36.71 53.21 36.59 53.43C36.47 53.64 36.38 53.89 36.32 54.18C36.27 54.46 36.24 54.77 36.24 55.1V55.24C36.24 55.56 36.27 55.86 36.32 56.14C36.37 56.42 36.46 56.66 36.59 56.88C36.71 57.09 36.87 57.25 37.06 57.37C37.26 57.49 37.49 57.55 37.77 57.55C38.13 57.55 38.42 57.47 38.65 57.32C38.88 57.16 39.06 56.95 39.18 56.68V53.69V53.68ZM16.6 58.84H18.41V48.34H16.6V58.84ZM26.24 53.58C26.4 54.04 26.47 54.53 26.47 55.08V55.22C26.47 55.76 26.39 56.26 26.24 56.72C26.09 57.18 25.86 57.57 25.56 57.92C25.26 58.26 24.9 58.52 24.47 58.71C24.04 58.9 23.55 58.99 23 58.99C22.45 58.99 21.96 58.9 21.53 58.71C21.1 58.52 20.73 58.26 20.44 57.92C20.14 57.58 19.92 57.18 19.76 56.72C19.61 56.26 19.53 55.76 19.53 55.22V55.08C19.53 54.54 19.61 54.04 19.76 53.58C19.91 53.12 20.14 52.72 20.44 52.38C20.74 52.04 21.1 51.78 21.53 51.59C21.96 51.4 22.45 51.3 22.99 51.3C23.53 51.3 24.04 51.4 24.47 51.59C24.9 51.78 25.27 52.04 25.56 52.38C25.86 52.72 26.08 53.12 26.24 53.58ZM24.66 55.08C24.66 54.76 24.63 54.46 24.56 54.18C24.5 53.9 24.4 53.65 24.26 53.43C24.13 53.21 23.95 53.04 23.74 52.92C23.53 52.79 23.28 52.73 22.98 52.73C22.68 52.73 22.44 52.79 22.23 52.92C22.02 53.04 21.85 53.21 21.72 53.43C21.59 53.64 21.49 53.89 21.43 54.18C21.37 54.46 21.33 54.76 21.33 55.08V55.22C21.33 55.54 21.36 55.85 21.43 56.13C21.49 56.41 21.59 56.66 21.72 56.88C21.85 57.09 22.02 57.26 22.23 57.39C22.44 57.51 22.7 57.57 23 57.57C23.3 57.57 23.54 57.51 23.75 57.39C23.96 57.27 24.13 57.1 24.26 56.88C24.4 56.67 24.5 56.42 24.56 56.13C24.62 55.85 24.66 55.54 24.66 55.22V55.08Z' fill='%23BBBBBB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_759_461'%3E%3Crect width='46' height='62' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
.photo-upload .drop-zone:hover {
      background-color: rgba(255, 255, 255, 0.9);
      -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
              box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    }
.photo-upload .drop-zone .drop-zone--over {
      border-style: solid;
    }
.photo-upload .drop-zone .drop-zone__input {
      display: none;
    }
.photo-upload .drop-zone .drop-zone__thumb {
      width: 100%;
      height: 100%;
      border-radius: 10px;
      overflow: hidden;
      background-color: #cccccc;
      background-size: cover;
      background-position: center;
      position: relative;
    }
.photo-upload .drop-zone .drop-zone__thumb .remove-button {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 28px;
        height: 28px;
        background-color: #e50013;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_759_469)'%3E%3Cpath d='M9.24691 7L14.0123 11.7654L11.7778 14L7.01235 9.23457L2.24691 14L0.0123457 11.7654L4.77778 7L0 2.23457L2.23457 0L7 4.76543L11.7654 0L14 2.23457L9.23457 7H9.24691Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_759_469'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        border: none;
        border-radius: 100%;
      }
.photo-upload .drop-zone .uploaded-image {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
.photo-upload .drop-zone .uploaded-image img {
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
      }
.form-check-label {
  font-weight: 600;
}
body.for-employee form .form-item .form-select:disabled,
        body.for-employee form .form-item .form-control:disabled {
          background-color: #e0ffe8;
          border-color: transparent;
          cursor: not-allowed;
        }
body.for-employee form .form-item [data-disability="disabled"] {
          background-color: #e0ffe8;
          background-image: none;
          cursor: not-allowed;
        }
body.for-employee form .warranty-decision {
        margin-top: 16px;
      }
@media (max-width: 767px) {
            body.for-employee form .warranty-decision .cta-container .employee-edit {
              padding-left: 50%;
              margin: 0 0 32px 0;
            }
            body.for-employee form .warranty-decision .cta-container .employee-edit,
            body.for-employee form .warranty-decision .cta-container .employee-action {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 100%;
                      flex: 0 0 100%;
            }
              body.for-employee form .warranty-decision .cta-container .employee-edit .btn, body.for-employee form .warranty-decision .cta-container .employee-action .btn {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 100%;
                        flex: 0 0 100%;
              }
		}
body.for-employee form .warranty-decision .decision-form {
          background-color: #ffeded;
          border-radius: 8px;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
        }
body.for-employee form .warranty-decision .decision-form .second-header,
          body.for-employee form .warranty-decision .decision-form [class*="col-"] {
            border: none;
          }
body.for-employee form .warranty-decision .decision-form .input-group {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 8px;
          }
body.for-employee form .warranty-decision .decision-form .input-group .input-wrapper {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-flow: row wrap;
                      flex-flow: row wrap;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              gap: 12px;
            }
body.for-employee form .warranty-decision .decision-form .input-group .input-wrapper input[type="file"] {
                margin: auto;
                padding: 4px;
                height: auto;
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                cursor: pointer;
              }
body.for-employee form .warranty-decision .decision-form .input-group .input-wrapper input[type="file"]::file-selector-button {
                  padding: 6px 12px;
                  font-size: 14px;
                  font-weight: 400;
                  border-width: 0;
                  border-radius: 8px;
                  background-color: #d0d0d0;
                  color: #606060;
                  margin-right: 1em;
                }
body.for-employee form .warranty-decision .decision-form .input-group .input-wrapper input[type="file"]:hover {
                  background-color: #ffffff;
                }
body.for-employee form .warranty-decision .decision-form .input-group .input-wrapper input[type="file"]:hover::file-selector-button {
                    color: #ffffff;
                    background-color: #606060;
                  }
body.for-employee form .warranty-decision .decision-form .input-group .input-wrapper .delete-button {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 28px;
                        flex: 0 0 28px;
                width: 28px;
                height: 28px;
                cursor: pointer;
              }
body.for-employee form .warranty-decision .action-container {
          padding-top: 0;
          padding-bottom: 16px;
          text-align: center;
        }
body.for-employee form .warranty-decision .action-container p {
            font-weight: 700;
            color: #e50013;
          }
body.for-employee form .warranty-decision .decision-confirm {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding: 16px 0;
          text-align: center;
        }
body.for-employee form .warranty-decision .decision-confirm .btn {
            background-color: #000000;
          }
body.for-employee form .warranty-decision .decision-confirm .btn::after {
              display: inline-block;
              width: 16px;
              height: 16px;
              background-repeat: no-repeat;
              background-size: cover;
            }
body.for-employee form .warranty-decision .decision-confirm .btn:disabled {
              opacity: 0.1;
            }
body.for-employee form .warranty-decision .decision-confirm .btn.accept {
              background-color: #009d25;
            }
body.for-employee form .warranty-decision .decision-confirm .btn.accept::after {
                content: "";
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 174.239 174.239' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M74.439 157.519a4.199 4.199 0 0 1-6.111.313L1.38 94.468a4.447 4.447 0 0 1-.173-6.267l21.33-22.539a4.447 4.447 0 0 1 6.267-.173L65.375 100.1a4.199 4.199 0 0 0 6.111-.313l71.447-83.015a4.445 4.445 0 0 1 6.251-.468l23.518 20.242a4.446 4.446 0 0 1 .468 6.252L74.439 157.519z' fill='%23ffffff' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
              }
body.for-employee form .warranty-decision .decision-confirm .btn.reject {
              background-color: #e50013;
            }
body.for-employee form .warranty-decision .decision-confirm .btn.reject::after {
                content: "";
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 426.667 426.667' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M426.667 59.733 366.933 0l-153.6 153.6L59.733 0 0 59.733l153.6 153.6L0 366.933l59.733 59.734 153.6-153.6 153.6 153.6 59.734-59.734-153.6-153.6z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
              }
@media (max-width: 767px) {
body.for-employee form .warranty-decision .decision-confirm .btn {
              width: 100%
          }
		}
body .modal.comment-modal .edit-warranty-form {
        background-color: #ffeded;
        padding: 12px;
        margin-top: -16px;
      }
body .modal.comment-modal .comment-textarea textarea {
          height: 360px;
        }
header {
  position: relative;
}
@media (min-width: 992px) {
    header::after {
      content: "";
      display: block;
      position: absolute;
      width: 292px;
      height: 6px;
      bottom: 0;
      right: 0;
      background-image: url("data:image/svg+xml,%3Csvg width='292' height='6' viewBox='0 0 292 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='166' height='6' transform='matrix(-1 0 0 1 172 0)' fill='%23606060'/%3E%3Cpath d='M6 0L0 6H6V0Z' fill='%23606060'/%3E%3Crect width='166' height='6' transform='matrix(-1 0 0 1 282 0)' fill='black'/%3E%3Cpath d='M116 0L110 6H116V0Z' fill='black'/%3E%3Crect width='166' height='6' transform='matrix(-1 0 0 1 292 0)' fill='%23E50013'/%3E%3Cpath d='M126 0L120 6H126V0Z' fill='%23E50013'/%3E%3C/svg%3E%0A");
    }
		}
header .navbar {
    width: 100%;
    background-color: #ffffff;
    padding-left: 16px;
    padding-right: 16px;
  }
@media (min-width: 992px) {
header .navbar {
      padding-left: 32px;
      padding-right: 32px
  }
		}
header .navbar .navbar-brand {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 12px;
      line-height: 1;
    }
header .navbar .navbar-brand .kt-logo {
        max-width: 100px;
        vertical-align: initial;
      }
@media (min-width: 992px) {
header .navbar .navbar-brand .kt-logo {
          max-width: 150px
      }
		}
header .navbar .navbar-brand .logo-label {
        font-size: 18px;
        font-weight: 700;
      }
@media (min-width: 768px) {
header .navbar .navbar-brand .logo-label {
          font-size: 20px
      }
          header .navbar .navbar-brand .logo-label * {
            font-size: 20px;
          }
		}
@media (max-width: 767px) {
          header .navbar .navbar-brand .logo-label span {
            display: none;
          }
		}
header .navbar .navbar-collapse {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }
@media (min-width: 992px) {
header .navbar .navbar-collapse ul.navbar-nav {
          min-width: 588px;
          display: none
      }
		}
@media (min-width: 1200px) {
header .navbar .navbar-collapse ul.navbar-nav {
          min-width: 642px;
          margin-left: 50px
      }
		}
header .navbar .navbar-collapse ul.navbar-nav li.nav-item.active {
            position: relative;
            background-color: rgba(0, 0, 0, 0.2);
          }
@media (min-width: 992px) {
              header .navbar .navbar-collapse ul.navbar-nav li.nav-item.active:after {
                display: block;
                content: "";
                position: absolute;
                width: 100%;
                height: 7px;
                left: 0;
                bottom: -19px;
              }
		}
header .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
            display: block;
            white-space: nowrap;
            line-height: 1;
            font-weight: 700;
            color: #202020;
          }
@media (min-width: 992px) and (max-width: 1199px) {
header .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
              font-size: 13px;
              padding-right: 0.5rem;
              padding-left: 0.5rem
          }
		}
@media (min-width: 992px) {
              header .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link:hover {
                color: #e50013;
                background-color: rgba(128, 20, 148, 0.08);
              }
		}
@media (min-width: 1200px) {
header .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
              display: block;
              padding-right: 1rem;
              padding-left: 1rem
          }
		}
@media (min-width: 1600px) {
header .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
              padding-right: 1.25rem;
              padding-left: 1.25rem
          }
		}
header .navbar .header-right {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 32px;
    }
header .navbar .header-right .language-selector {
        text-align: right;
        min-width: 160px;
      }
header .navbar .header-right .language-selector .btn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 8px;
          background-color: #404040;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 8px 16px;
          font-size: 16px;
          font-weight: 400;
          border-radius: 999px;
        }
header .navbar .header-right .language-selector .btn:after {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            border: none;
            background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7689 5.68556C16.5911 5.51222 16.2978 5.51222 16.1156 5.68556L9.99557 11.65L3.88001 5.68556C3.70224 5.51222 3.4089 5.51222 3.23112 5.68556L2.57779 6.32111C2.40001 6.49445 2.40001 6.77889 2.57779 6.95667L9.02224 13.2367L9.67557 13.8722C9.85335 14.0456 10.1467 14.0456 10.3245 13.8722L10.9778 13.2367L17.4222 6.95667C17.6 6.78334 17.6 6.49889 17.4222 6.32111L16.7689 5.68556Z' fill='white'/%3E%3C/svg%3E%0A");
          }
@media (min-width: 992px) {
            header .navbar .header-right .language-selector .btn:hover {
              background-color: #606060;
            }
		}
header .navbar .header-right .language-selector .dropdown-item {
          font-size: 16px;
          padding: 8px 12px;
          min-width: 160px;
        }
header .navbar .header-right .user .user-details {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 8px;
        }
header .navbar .header-right .user .user-details .user-inner {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 8px;
          }
@media (max-width: 991px) {
      header .navbar .navbar-collapse {
        position: absolute;
        top: 50px;
        left: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#ba033a), to(#8a0029));
        background: linear-gradient(180deg, #ba033a 0%, #8a0029 100%);
        width: 100%;
        height: calc(100vh - 50px);
        padding: 0;
      }

        header .navbar .navbar-collapse.show {
          -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
                  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
        }

        header .navbar .navbar-collapse ul.navbar-nav {
          padding: 0 0 16px 0;
        }
          header .navbar .navbar-collapse ul.navbar-nav li.nav-item {
            padding: 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
          }
            header .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-flow: row wrap;
                      flex-flow: row wrap;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              gap: 8px;
              padding: 16px;
              color: #ffffff;
            }
              header .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link img.menu-icon {
                width: 18px;
                height: 18px;
                -webkit-filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(297deg) brightness(104%) contrast(101%);
                        filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(297deg) brightness(104%) contrast(101%);
              }
              header .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link .menu-label {
                -webkit-box-flex: 1;
                    -ms-flex: 1 0 0px;
                        flex: 1 0 0;
                font-weight: 700;
              }

      header .navbar .navbar-toggler {
        background-color: transparent;
        border: none;
        outline: none;
        width: 36px;
        height: 36px;
        padding: 0;
      }

        header .navbar .navbar-toggler .menu-label {
          display: none;
        }
        header .navbar .navbar-toggler .navbar-toggler-icon {
          width: 32px;
          height: 32px;
          position: relative;
          text-align: center;
          background-image: none;
        }

          header .navbar .navbar-toggler .navbar-toggler-icon:after {
            content: "×";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: inline-block;
            font-weight: 400;
            font-size: 32px;
            line-height: 1;
            text-align: center;
            color: #e50013;
          }
      header .navbar .navbar-toggler.collapsed {
        background-color: #ffffff;
      }

        header .navbar .navbar-toggler.collapsed .menu-label {
          display: block;
          text-align: center;
          font-size: 8px;
          color: #e50013;
        }

        header .navbar .navbar-toggler.collapsed .navbar-toggler-icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(229,0,19, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }
          header .navbar .navbar-toggler.collapsed .navbar-toggler-icon:after {
            content: none;
          }

      header .navbar .header-right {
        padding: 0 16px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 16px;
      }
        header .navbar .header-right .user {
          -webkit-box-flex: 1;
              -ms-flex: auto 1;
                  flex: auto 1;
          -ms-flex-item-align: center;
              align-self: center;
        }
          header .navbar .header-right .user .user-details {
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
          }
            header .navbar .header-right .user .user-details .user-id {
              color: #ffffff;
            }
		}
.nx-footer-above {
	background-color: #a7000e;
}
.nx-footer-above .privacy-legal {
		padding: 15px 30px;
	}
@media (min-width: 768px) {
.nx-footer-above .privacy-legal {
			padding: 0
	}
		}
.nx-footer-above .privacy-legal .footer-links,
		.nx-footer-above .privacy-legal .footer-support {
			color: #aaaaaa;

			padding: 5px 30px;
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 100%;
			        flex: 0 0 100%;
			max-width: 100%;

			font-size: 14px;
		}
@media (min-width: 768px) {
.nx-footer-above .privacy-legal .footer-links,
		.nx-footer-above .privacy-legal .footer-support {
				padding: 15px 30px;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 50%;
				        flex: 0 0 50%;
				max-width: 50%
		}
		}
.nx-footer-above .privacy-legal .footer-links {
			text-align: center;
			color: #808080;
		}
@media (min-width: 768px) {
.nx-footer-above .privacy-legal .footer-links {
				text-align: left
		}
		}
.nx-footer-above .privacy-legal .footer-links a {
				display: inline-block;
				margin: 0 10px;
				color: #ffffff;
				font-weight: 600;
			}
.nx-footer-above .privacy-legal .footer-support {
			text-align: center;
		}
@media (min-width: 768px) {
.nx-footer-above .privacy-legal .footer-support {
				text-align: right
		}
		}
.nx-footer-above .privacy-legal .footer-support a {
				display: inline-block;
				color: #ffffff;
				font-weight: 600;
			}
.nx-footer {
	background-color: #303030;
	padding: 15px 0;
}
.nx-footer .footer-logo{
		padding: 5px 30px;

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 100%;

		        flex: 0 0 100%;
		max-width: 100%;
	}
@media (min-width: 768px) {
.nx-footer .footer-logo{
			padding: 15px 30px;
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 25%;
			        flex: 0 0 25%;
			max-width: 25%
	}
		}
@media (min-width: 1200px) {
.nx-footer .footer-logo{
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 20%;
			        flex: 0 0 20%;
			max-width: 20%
	}
		}
.nx-footer .footer-logo .footer-inner {
			max-width: 280px;
		}
.nx-footer .footer-content {
		padding: 5px 30px;

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 100%;

		        flex: 0 0 100%;
		max-width: 100%;
	}
@media (min-width: 768px) {
.nx-footer .footer-content {
			padding: 15px 30px;
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 40%;
			        flex: 0 0 40%;
			max-width: 40%
	}
		}
@media (min-width: 1200px) {
.nx-footer .footer-content {
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 50%;
			        flex: 0 0 50%;
			max-width: 50%
	}
		}
.nx-footer .footer-content p {
			color: #ffffff;
			font-size: 12px;
			margin-bottom: 6px;
		}
.nx-footer .footer-content p.business-name {
				font-weight: 700;
			}
.nx-footer .footer-content p.business-name,
			.nx-footer .footer-content p.business-info,
			.nx-footer .footer-content p .divider {
				opacity: 0.6;
			}
.nx-footer .footer-copyright {
		padding: 5px 30px;

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 100%;

		        flex: 0 0 100%;
		max-width: 100%;
	}
@media (min-width: 768px) {
.nx-footer .footer-copyright {
			padding: 15px 30px;
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 35%;
			        flex: 0 0 35%;
			max-width: 35%
	}
		}
@media (min-width: 1200px) {
.nx-footer .footer-copyright {
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 30%;
			        flex: 0 0 30%;
			max-width: 30%
	}
		}
.nx-footer .footer-logo {
		opacity: 0.6;
	}
.nx-footer .footer-logo .footer-nx-logo {
			display: block;
			max-width: 150px;
			margin-bottom: 15px;
		}
.nx-footer .footer-logo .footer-nx-order-sys {
			font-size: 18px;
			font-weight: 800;
			color: #ffffff;
		}
.nx-footer .footer-copyright .footer-inner {
			text-align: right;
		}
.nx-footer .footer-copyright .footer-inner p {
				font-size: 11px;
				color: #aaaaaa;
			}
body #loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.72);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 9999;
  }
body .spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #eaeaea;
    border-top: 5px solid #e50013;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.kt-main .content-header {
    padding: 8px 0 16px;
  }
@media (min-width: 992px) {
.kt-main .content-header {
      padding: 12px 0 24px
  }
		}
@media (min-width: 1200px) {
.kt-main .content-header {
      padding: 16px 0 32px
  }
		}
.kt-main .content-header .title {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 12px;
    }
.kt-main .content-header .label-date .input-group {
	display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 12px;
    }
.kt-main .content-header .title .title-icon {
        width: 24px;
        height: 24px;
      }
@media (min-width: 992px) {
.kt-main .content-header .title .title-icon {
          width: 32px;
          height: 32px
      }
		}
.kt-main .content-header .title h1.title-label {
        margin: 0;
        font-size: 24px;
      }
@media (min-width: 992px) {
.kt-main .content-header .title h1.title-label {
          font-size: 32px
      }
		}
.kt-main .content-header .description {
      margin-top: 8px;
    }
.kt-main .content-header .description .description-label {
        color: #606060;
        font-size: 16px;
      }
@media (min-width: 992px) {
.kt-main .content-header .description .description-label {
          font-size: 18px
      }
		}
.kt-main .content-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
.kt-main .content-body .content-box {
      padding: 8px;
      background-color: #ffffff;
      border-radius: 8px;
      -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
    }
.kt-main .content-body .content-box.status-search {
        padding: 16px;
      }
@media (min-width: 992px) {
.kt-main .content-body .content-box {
        padding: 16px;
    }
		}
.pagination {
  width: 100%;
  padding: 16px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    padding: 0;
    gap: 8px;
  }
@media (max-width: 767px) {
.pagination ul {
      gap: 6px
  }
		}
.pagination ul li {
      list-style: none;
    }
.pagination ul li .page-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 36px;
        height: 36px;
        border-radius: 999px;
        color: #606060;
      }
.pagination ul li .active.page-link {
          background-color: #e50013;
          font-weight: 700;
          color: #ffffff;
        }
.pagination ul li.jump .page-link {
          background-color: transparent;
        }
.pagination ul li.jump.previous {
          margin-right: 6px;
        }
.pagination ul li.jump.next {
          margin-left: 6px;
        }
.pagination ul li.jump.inactive {
          opacity: 0.4;
          -webkit-filter: grayscale(1);
                  filter: grayscale(1);
        }
.pagination ul li.jump .page-link {
          width: auto;
          border-radius: 0;
          border: none;
          font-weight: 700;
          color: #e50013;
        }
/* Icon */
[class*="icon-"] {
  display: block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: cover;
}
[class*="bicon-"] {
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
}
.icon-timer {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_144_5596)'%3E%3Cpath d='M14 7C14 8.85651 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85651 14 7 14C5.14348 14 3.36301 13.2625 2.05025 11.9497C0.737498 10.637 0 8.85651 0 7C0 6.76794 0.0921872 6.54538 0.256282 6.38128C0.420376 6.21719 0.642936 6.125 0.875 6.125C1.10706 6.125 1.32962 6.21719 1.49372 6.38128C1.65781 6.54538 1.75 6.76794 1.75 7C1.75 8.03835 2.05791 9.05338 2.63478 9.91674C3.21166 10.7801 4.0316 11.453 4.99091 11.8504C5.95022 12.2477 7.00582 12.3517 8.02422 12.1491C9.04262 11.9466 9.97808 11.4465 10.7123 10.7123C11.4465 9.97808 11.9466 9.04262 12.1491 8.02422C12.3517 7.00582 12.2477 5.95022 11.8504 4.99091C11.453 4.0316 10.7801 3.21166 9.91674 2.63478C9.05338 2.05791 8.03835 1.75 7 1.75C6.76794 1.75 6.54538 1.65781 6.38128 1.49372C6.21719 1.32962 6.125 1.10706 6.125 0.875C6.125 0.642936 6.21719 0.420376 6.38128 0.256282C6.54538 0.0921872 6.76794 0 7 0C8.8559 0.0020073 10.6352 0.74015 11.9475 2.05247C13.2599 3.36479 13.998 5.1441 14 7ZM4.08333 7C4.08333 7.23206 4.17552 7.45462 4.33961 7.61872C4.50371 7.78281 4.72627 7.875 4.95833 7.875H6.23583C6.45745 8.07007 6.74505 8.17341 7.04014 8.16402C7.33523 8.15463 7.61567 8.0332 7.82444 7.82444C8.0332 7.61567 8.15463 7.33523 8.16402 7.04014C8.17341 6.74505 8.07007 6.45745 7.875 6.23583V3.79167C7.875 3.5596 7.78281 3.33704 7.61872 3.17295C7.45462 3.00885 7.23206 2.91667 7 2.91667C6.76794 2.91667 6.54538 3.00885 6.38128 3.17295C6.21719 3.33704 6.125 3.5596 6.125 3.79167V6.125H4.95833C4.72627 6.125 4.50371 6.21719 4.33961 6.38128C4.17552 6.54538 4.08333 6.76794 4.08333 7ZM3.93167 2.85483C4.10472 2.85483 4.2739 2.80352 4.41779 2.70737C4.56168 2.61122 4.67383 2.47457 4.74006 2.31468C4.80629 2.1548 4.82362 1.97886 4.78985 1.80913C4.75609 1.6394 4.67276 1.48349 4.55038 1.36111C4.42801 1.23874 4.2721 1.15541 4.10237 1.12165C3.93264 1.08788 3.7567 1.10521 3.59682 1.17144C3.43693 1.23767 3.30028 1.34982 3.20413 1.49371C3.10798 1.6376 3.05667 1.80677 3.05667 1.97983C3.05667 2.2119 3.14885 2.43446 3.31295 2.59855C3.47704 2.76265 3.6996 2.85483 3.93167 2.85483ZM1.69925 5.10417C1.87231 5.10417 2.04148 5.05285 2.18537 4.9567C2.32927 4.86056 2.44142 4.7239 2.50764 4.56401C2.57387 4.40413 2.5912 4.2282 2.55744 4.05846C2.52367 3.88873 2.44034 3.73282 2.31797 3.61045C2.1956 3.48808 2.03969 3.40474 1.86995 3.37098C1.70022 3.33722 1.52429 3.35455 1.3644 3.42077C1.20452 3.487 1.06786 3.59915 0.971714 3.74304C0.875568 3.88694 0.82425 4.05611 0.82425 4.22917C0.82425 4.46123 0.916437 4.68379 1.08053 4.84789C1.24463 5.01198 1.46719 5.10417 1.69925 5.10417Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_144_5596'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-checkmark {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0C3.13906 0 0 3.13906 0 7C0 10.8609 3.13906 14 7 14C10.8609 14 14 10.8609 14 7C14 3.13906 10.8609 0 7 0Z' fill='%23009D25'/%3E%3Cpath d='M5.65195 10.2016C4.75781 9.30742 3.86914 8.40508 2.97227 7.51094C2.87383 7.4125 2.87383 7.24844 2.97227 7.15L4.00312 6.11914C4.10156 6.0207 4.26563 6.0207 4.36406 6.11914L5.83789 7.59297L9.62773 3.80039C9.72891 3.70195 9.89023 3.70195 9.99141 3.80039L11.025 4.83398C11.1262 4.93516 11.1262 5.09648 11.025 5.19492L6.01289 10.2016C5.91445 10.3027 5.75312 10.3027 5.65195 10.2016Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-xmark {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14Z' fill='%23E50013'/%3E%3Cpath d='M8.55182 7.00006L10.6496 4.90225C10.7063 4.84565 10.7512 4.77844 10.7818 4.70448C10.8125 4.63051 10.8282 4.55124 10.8282 4.47117C10.8282 4.39111 10.8125 4.31183 10.7818 4.23787C10.7512 4.1639 10.7063 4.0967 10.6496 4.0401L9.96002 3.35049C9.90342 3.29386 9.83622 3.24894 9.76225 3.2183C9.68829 3.18765 9.60901 3.17187 9.52895 3.17188C9.44888 3.17188 9.3696 3.18765 9.29564 3.2183C9.22167 3.24894 9.15447 3.29386 9.09787 3.35049L7.00006 5.4483L4.90225 3.35049C4.84565 3.29386 4.77844 3.24894 4.70448 3.2183C4.63051 3.18765 4.55124 3.17187 4.47117 3.17188C4.39111 3.17188 4.31183 3.18765 4.23787 3.2183C4.1639 3.24894 4.0967 3.29386 4.0401 3.35049L3.35049 4.0401C3.29386 4.0967 3.24894 4.1639 3.2183 4.23787C3.18765 4.31183 3.17188 4.39111 3.17188 4.47117C3.17188 4.55124 3.18765 4.63051 3.2183 4.70448C3.24894 4.77844 3.29386 4.84565 3.35049 4.90225L5.4483 7.00006L3.35049 9.09787C3.29386 9.15447 3.24894 9.22167 3.2183 9.29564C3.18765 9.3696 3.17188 9.44888 3.17188 9.52895C3.17188 9.60901 3.18765 9.68829 3.2183 9.76225C3.24894 9.83622 3.29386 9.90342 3.35049 9.96002L4.0401 10.6496C4.0967 10.7063 4.1639 10.7512 4.23787 10.7818C4.31183 10.8125 4.39111 10.8282 4.47117 10.8282C4.55124 10.8282 4.63051 10.8125 4.70448 10.7818C4.77844 10.7512 4.84565 10.7063 4.90225 10.6496L7.00006 8.55182L9.09787 10.6496C9.15447 10.7063 9.22167 10.7512 9.29564 10.7818C9.3696 10.8125 9.44888 10.8282 9.52895 10.8282C9.60901 10.8282 9.68829 10.8125 9.76225 10.7818C9.83622 10.7512 9.90342 10.7063 9.96002 10.6496L10.6496 9.96002C10.7063 9.90342 10.7512 9.83622 10.7818 9.76225C10.8125 9.68829 10.8282 9.60901 10.8282 9.52895C10.8282 9.44888 10.8125 9.3696 10.7818 9.29564C10.7512 9.22167 10.7063 9.15447 10.6496 9.09787L8.55182 7.00006Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-comment {
  background-image: url("data:image/svg+xml,%3Csvg width='497' height='512' viewBox='0 0 497 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M248.456 0.000144711C385.859 0.14643 497.569 113.047 496.326 250.441C495.844 311.711 472.627 370.619 431.176 415.743C427.577 419.673 425.164 424.542 424.217 429.786C423.271 435.03 423.829 440.436 425.827 445.376L425.9 445.564C432.327 461.418 441.586 475.97 453.224 488.509C461.583 497.527 455.167 512.166 442.879 511.999C421.156 511.706 393.163 507.443 364.972 492.072C361.273 490.056 357.773 487.956 354.46 485.803C350.796 483.403 346.631 481.873 342.285 481.33C337.938 480.786 333.525 481.244 329.383 482.668C303.711 491.54 276.756 496.129 249.595 496.252C112.128 497.036 -0.375521 384.877 0.000640869 247.41C0.429048 110.634 111.522 -0.146141 248.456 0.000144711ZM248.194 391.689C253.998 391.689 259.67 389.969 264.495 386.745C269.32 383.521 273.081 378.938 275.302 373.577C277.522 368.216 278.103 362.316 276.971 356.625C275.839 350.933 273.045 345.705 268.941 341.602C264.838 337.498 259.61 334.704 253.919 333.572C248.227 332.44 242.328 333.021 236.966 335.242C231.605 337.462 227.023 341.223 223.799 346.048C220.575 350.873 218.854 356.546 218.854 362.349C218.854 370.13 221.945 377.593 227.448 383.096C232.95 388.598 240.413 391.689 248.194 391.689ZM195.856 122.451L208.029 284.839C208.345 289.015 210.227 292.918 213.298 295.766C216.369 298.614 220.402 300.197 224.59 300.198H269.761C273.916 300.199 277.92 298.642 280.984 295.835C284.048 293.029 285.949 289.176 286.312 285.037L300.512 122.65C300.715 120.355 300.439 118.044 299.699 115.862C298.96 113.681 297.775 111.677 296.219 109.979C294.663 108.28 292.771 106.924 290.662 105.997C288.554 105.07 286.275 104.592 283.972 104.594H212.417C210.131 104.595 207.87 105.067 205.775 105.982C203.68 106.897 201.796 108.234 200.242 109.91C198.687 111.587 197.495 113.566 196.741 115.723C195.986 117.881 195.685 120.172 195.856 122.451Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-reply {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_165_7572)'%3E%3Cpath d='M0.000705719 7.49603C-0.0751095 12.8205 5.98347 16.2699 10.5121 13.5463L13.9399 14.4403L13.0463 11.0127C15.7701 6.48219 12.3195 0.42539 6.99585 0.500695C5.1409 0.5019 3.36229 1.23931 2.05069 2.55094C0.739091 3.86258 0.0017767 5.64117 0.000705719 7.49603Z' fill='%23E50013'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_165_7572'%3E%3Crect width='14' height='14' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-download {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.33061 0C7.415 0 7.49593 0.0335226 7.5556 0.0931933C7.61527 0.152864 7.64879 0.233795 7.64879 0.318182V3.18182C7.64879 3.68814 7.84993 4.17373 8.20795 4.53175C8.56598 4.88977 9.05156 5.09091 9.55788 5.09091H12.4215C12.5059 5.09091 12.5868 5.12443 12.6465 5.1841C12.7062 5.24377 12.7397 5.3247 12.7397 5.40909V12.0909C12.7397 12.5972 12.5386 13.0828 12.1805 13.4408C11.8225 13.7989 11.3369 14 10.8306 14H3.19425C2.68792 14 2.20234 13.7989 1.84432 13.4408C1.48629 13.0828 1.28516 12.5972 1.28516 12.0909V1.90909C1.28516 1.40277 1.48629 0.917184 1.84432 0.55916C2.20234 0.201136 2.68792 0 3.19425 0H7.33061ZM7.64879 7C7.64879 6.83123 7.58175 6.66936 7.46241 6.55002C7.34306 6.43068 7.1812 6.36364 7.01243 6.36364C6.84365 6.36364 6.68179 6.43068 6.56245 6.55002C6.44311 6.66936 6.37607 6.83123 6.37607 7V9.282L5.55325 8.45918C5.43323 8.34326 5.27248 8.27912 5.10563 8.28057C4.93878 8.28202 4.77917 8.34895 4.66118 8.46693C4.54319 8.58492 4.47627 8.74453 4.47482 8.91138C4.47337 9.07823 4.53751 9.23898 4.65343 9.359L6.56252 11.2681C6.68186 11.3874 6.84369 11.4544 7.01243 11.4544C7.18117 11.4544 7.343 11.3874 7.46234 11.2681L9.37143 9.359C9.48735 9.23898 9.55149 9.07823 9.55004 8.91138C9.54859 8.74453 9.48166 8.58492 9.36368 8.46693C9.24569 8.34895 9.08608 8.28202 8.91923 8.28057C8.75238 8.27912 8.59163 8.34326 8.47161 8.45918L7.64879 9.282V7ZM8.92152 0.109455C8.92152 0.049 8.97052 0 9.03097 0C9.36849 7.2084e-05 9.69217 0.13421 9.93079 0.372909L12.3668 2.80891C12.6055 3.04754 12.7396 3.37121 12.7397 3.70873C12.7397 3.73776 12.7282 3.7656 12.7076 3.78612C12.6871 3.80665 12.6593 3.81818 12.6302 3.81818H9.55788C9.38911 3.81818 9.22725 3.75114 9.10791 3.63179C8.98856 3.51245 8.92152 3.35059 8.92152 3.18182V0.109455Z' fill='%23191919'/%3E%3C/svg%3E%0A");
}
.bicon-download {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.33061 0C7.415 0 7.49593 0.0335226 7.5556 0.0931933C7.61527 0.152864 7.64879 0.233795 7.64879 0.318182V3.18182C7.64879 3.68814 7.84993 4.17373 8.20795 4.53175C8.56598 4.88977 9.05156 5.09091 9.55788 5.09091H12.4215C12.5059 5.09091 12.5868 5.12443 12.6465 5.1841C12.7062 5.24377 12.7397 5.3247 12.7397 5.40909V12.0909C12.7397 12.5972 12.5386 13.0828 12.1805 13.4408C11.8225 13.7989 11.3369 14 10.8306 14H3.19425C2.68792 14 2.20234 13.7989 1.84432 13.4408C1.48629 13.0828 1.28516 12.5972 1.28516 12.0909V1.90909C1.28516 1.40277 1.48629 0.917184 1.84432 0.55916C2.20234 0.201136 2.68792 0 3.19425 0H7.33061ZM7.64879 7C7.64879 6.83123 7.58175 6.66936 7.46241 6.55002C7.34306 6.43068 7.1812 6.36364 7.01243 6.36364C6.84365 6.36364 6.68179 6.43068 6.56245 6.55002C6.44311 6.66936 6.37607 6.83123 6.37607 7V9.282L5.55325 8.45918C5.43323 8.34326 5.27248 8.27912 5.10563 8.28057C4.93878 8.28202 4.77917 8.34895 4.66118 8.46693C4.54319 8.58492 4.47627 8.74453 4.47482 8.91138C4.47337 9.07823 4.53751 9.23898 4.65343 9.359L6.56252 11.2681C6.68186 11.3874 6.84369 11.4544 7.01243 11.4544C7.18117 11.4544 7.343 11.3874 7.46234 11.2681L9.37143 9.359C9.48735 9.23898 9.55149 9.07823 9.55004 8.91138C9.54859 8.74453 9.48166 8.58492 9.36368 8.46693C9.24569 8.34895 9.08608 8.28202 8.91923 8.28057C8.75238 8.27912 8.59163 8.34326 8.47161 8.45918L7.64879 9.282V7ZM8.92152 0.109455C8.92152 0.049 8.97052 0 9.03097 0C9.36849 7.2084e-05 9.69217 0.13421 9.93079 0.372909L12.3668 2.80891C12.6055 3.04754 12.7396 3.37121 12.7397 3.70873C12.7397 3.73776 12.7282 3.7656 12.7076 3.78612C12.6871 3.80665 12.6593 3.81818 12.6302 3.81818H9.55788C9.38911 3.81818 9.22725 3.75114 9.10791 3.63179C8.98856 3.51245 8.92152 3.35059 8.92152 3.18182V0.109455Z' fill='%23191919'/%3E%3C/svg%3E%0A");
}
.icon-person {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2150_4426)'%3E%3Cpath d='M9.03226 4.30538C9.24301 4.68674 9.34337 5.10824 9.34337 5.56989C9.34337 6.06165 9.24301 6.50323 9.03226 6.89462C8.82151 7.28602 8.5405 7.59713 8.18925 7.82796C7.82796 8.04875 7.43656 8.15914 6.99498 8.15914C6.55341 8.15914 6.16201 8.03871 5.80072 7.81792C5.44946 7.5871 5.16846 7.27599 4.95771 6.89462C4.74695 6.50323 4.6466 6.07168 4.6466 5.57993C4.6466 5.11828 4.74695 4.69677 4.95771 4.31541C5.16846 3.93405 5.44946 3.62294 5.81075 3.39211C6.17204 3.16129 6.56344 3.04086 7.00502 3.04086C7.4466 3.04086 7.83799 3.16129 8.18925 3.39211C8.55054 3.62294 8.83154 3.92401 9.04229 4.31541L9.03226 4.30538ZM14 6.99498C14 7.95842 13.8194 8.86165 13.448 9.7147C13.0867 10.5577 12.5849 11.3004 11.9427 11.9427C11.3004 12.5849 10.5577 13.0867 9.7147 13.448C8.87169 13.8093 7.95842 14 6.99498 14C6.03154 14 5.12832 13.8194 4.27527 13.448C3.43226 13.0867 2.68961 12.5849 2.04731 11.9427C1.40502 11.3004 0.903226 10.5577 0.541936 9.7147C0.180645 8.87169 0 7.95842 0 6.99498C0 6.03154 0.180645 5.12832 0.541936 4.27527C0.903226 3.43226 1.41505 2.68961 2.04731 2.04731C2.68961 1.40502 3.43226 0.903226 4.27527 0.541936C5.11828 0.180645 6.03154 0 6.99498 0C7.95842 0 8.86165 0.180645 9.7147 0.541936C10.5577 0.903226 11.3004 1.40502 11.9427 2.04731C12.5849 2.68961 13.0867 3.43226 13.448 4.27527C13.8093 5.11828 14 6.03154 14 6.99498ZM12.8258 6.99498C12.8258 6.19211 12.6753 5.43943 12.3742 4.72688C12.0731 4.01434 11.6516 3.40215 11.1197 2.87025C10.5878 2.33835 9.96559 1.91685 9.26308 1.61577C8.56057 1.3147 7.80789 1.16416 6.99498 1.16416C6.18208 1.16416 5.43943 1.3147 4.72688 1.61577C4.01434 1.91685 3.40215 2.33835 2.87025 2.87025C2.33835 3.40215 1.91685 4.02437 1.61577 4.72688C1.3147 5.42939 1.16416 6.18208 1.16416 6.99498C1.16416 7.80789 1.3147 8.55054 1.61577 9.26308C1.8767 9.86523 2.23799 10.3971 2.66953 10.8789C2.78996 10.7384 2.9405 10.5978 3.13118 10.4473C3.55269 10.1262 4.09462 9.8552 4.74695 9.64444C5.40932 9.43369 6.16201 9.33333 6.99498 9.33333C7.82796 9.33333 8.59068 9.43369 9.24301 9.64444C9.90538 9.8552 10.4473 10.1262 10.8588 10.4473C11.0394 10.5878 11.19 10.7283 11.3104 10.8789C11.7419 10.3971 12.1032 9.86523 12.3642 9.26308C12.6652 8.56057 12.8158 7.80789 12.8158 6.99498H12.8258Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2150_4426'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-edit {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 3.6C6.46566 3.6 5.47368 4.01089 4.74228 4.74228C4.01089 5.47368 3.6 6.46566 3.6 7.5V20.5C3.6 21.5343 4.01089 22.5263 4.74228 23.2577C5.47368 23.9891 6.46566 24.4 7.5 24.4H20.5C21.5343 24.4 22.5263 23.9891 23.2577 23.2577C23.9891 22.5263 24.4 21.5343 24.4 20.5V12.7C24.4 12.3552 24.537 12.0246 24.7808 11.7808C25.0246 11.537 25.3552 11.4 25.7 11.4C26.0448 11.4 26.3754 11.537 26.6192 11.7808C26.863 12.0246 27 12.3552 27 12.7V20.5C27 22.2239 26.3152 23.8772 25.0962 25.0962C23.8772 26.3152 22.2239 27 20.5 27H7.5C5.77609 27 4.12279 26.3152 2.90381 25.0962C1.68482 23.8772 1 22.2239 1 20.5V7.5C1 5.77609 1.68482 4.12279 2.90381 2.90381C4.12279 1.68482 5.77609 1 7.5 1H15.3C15.6448 1 15.9754 1.13696 16.2192 1.38076C16.463 1.62456 16.6 1.95522 16.6 2.3C16.6 2.64478 16.463 2.97544 16.2192 3.21924C15.9754 3.46304 15.6448 3.6 15.3 3.6H7.5Z' fill='%23606060'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.7804 2.0661C21.4676 1.40145 22.3884 1.03346 23.3443 1.04148C24.3003 1.04949 25.2148 1.43287 25.8908 2.10895C26.5667 2.78503 26.9498 3.69965 26.9576 4.65562C26.9654 5.61159 26.5971 6.53232 25.9323 7.2193L24.9144 8.2385C24.6706 8.48222 24.34 8.61913 23.9953 8.61913C23.6506 8.61913 23.32 8.48222 23.0762 8.2385L19.7612 4.9235C19.5175 4.67972 19.3806 4.34912 19.3806 4.0044C19.3806 3.65969 19.5175 3.32909 19.7612 3.0853L20.7804 2.0661ZM17.923 6.7617C17.6792 6.51799 17.3486 6.38108 17.0039 6.38108C16.6592 6.38108 16.3286 6.51799 16.0848 6.7617L10.2855 12.5623C10.119 12.7287 10.0009 12.9372 9.94361 13.1655L8.83861 17.5855C8.78432 17.8033 8.78733 18.0314 8.84736 18.2477C8.90738 18.4639 9.02237 18.661 9.18114 18.8196C9.33991 18.9782 9.53704 19.0931 9.75335 19.1529C9.96966 19.2128 10.1978 19.2156 10.4155 19.1611L14.8342 18.0561C15.0625 17.9988 15.271 17.8807 15.4374 17.7142L21.238 11.9149C21.4817 11.6711 21.6186 11.3405 21.6186 10.9958C21.6186 10.6511 21.4817 10.3205 21.238 10.0767L17.923 6.7617Z' fill='%23606060'/%3E%3C/svg%3E%0A");
}
.icon-bin {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.65904 7.29303C4.65904 7.49619 5.33964 19.0715 5.68502 24.562C5.78153 26.0807 6.78719 27 8.32616 27H20.2926C22.0449 27 22.9693 26.101 23.0759 24.3589C23.3603 19.6658 24.0511 8.2225 24.1019 7.28795L4.65904 7.29303ZM18.4488 18.848C19.104 19.5032 19.104 20.5648 18.4488 21.22C17.7936 21.8752 16.7321 21.8752 16.0769 21.22L14.3805 19.5235L12.684 21.22C12.0288 21.8752 10.9673 21.8752 10.3121 21.22C9.65689 20.5648 9.65689 19.5032 10.3121 18.848L12.0085 17.1516L10.3121 15.4501C9.65689 14.7949 9.65689 13.7333 10.3121 13.0781C10.9673 12.4229 12.0288 12.4229 12.684 13.0781L14.3805 14.7746L16.0769 13.0781C16.7321 12.4229 17.7936 12.4229 18.4488 13.0781C19.104 13.7333 19.104 14.7949 18.4488 15.4501L16.7524 17.1516L18.4488 18.848ZM24.0816 2.67103C22.7051 2.66087 21.3338 2.65071 19.9624 2.67611C19.8812 1.73139 19.0888 1 18.139 1H10.5915C9.64166 1 8.84931 1.73139 8.77313 2.67611C7.36113 2.65071 5.94406 2.66087 4.53206 2.67103C3.79051 2.68119 3.25213 3.0926 3.07436 3.74272C2.76453 4.87537 3.45021 5.80992 4.62349 5.815C7.8792 5.82516 11.1298 5.82008 14.3805 5.82008H24.0714C25.1228 5.82008 25.7272 5.2309 25.7323 4.25063C25.7374 3.27037 25.1279 2.67611 24.0816 2.67103Z' fill='%23E50013'/%3E%3C/svg%3E%0A");
}
.icon-plus {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_68_2159)'%3E%3Cpath d='M16.1818 6.63641C15.9696 6.42427 15.7119 6.31824 15.409 6.31824H10.6817V1.5908C10.6817 1.28787 10.5756 1.03024 10.3635 0.818094C10.1514 0.606111 9.89397 0.5 9.5906 0.5H7.409C7.10603 0.5 6.84843 0.605992 6.63629 0.818134C6.42415 1.03028 6.31812 1.28791 6.31812 1.59084V6.31828H1.59084C1.28791 6.31828 1.03028 6.42431 0.818134 6.63645C0.605992 6.84859 0.5 7.10599 0.5 7.40912V9.591C0.5 9.89421 0.605952 10.1516 0.818094 10.3636C1.03024 10.5758 1.28787 10.6818 1.5908 10.6818H6.31808V15.4093C6.31808 15.7122 6.42411 15.97 6.63625 16.1821C6.84839 16.394 7.10599 16.5 7.40896 16.5H9.59072C9.89389 16.5 10.1514 16.394 10.3635 16.1821C10.5758 15.9699 10.6817 15.7122 10.6817 15.4093V10.6818H15.409C15.7122 10.6818 15.9697 10.5758 16.1818 10.3636C16.3939 10.1516 16.5 9.89421 16.5 9.591V7.40912C16.4999 7.10599 16.394 6.84843 16.1818 6.63641Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_68_2159'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-tick {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8805 3L5.72828 10.5629L2.28063 6.88366L0 9.02075L5.56981 14.9647L16 5.2975L13.8805 3Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M240.3 512H86.8c-25.7 0-47.5-8.2-63-23.7S.1 450.9.1 425.1C0 313.9 0 213.5.1 118.1.1 92.4 8.4 70.6 24 55.2s37.4-23.6 63.2-23.6h102c12.5 0 22.7 3.7 29.6 10.7 6.2 6.2 9.4 14.8 9.3 24.8-.2 21.2-15.2 34.8-38.4 34.9H87.6c-14 0-17.3 3.3-17.3 17.5v304.8c0 14.1 3.3 17.3 17.4 17.3h304.8c14.1 0 17.4-3.2 17.4-17.4v-102c0-23.2 13.8-38.3 35-38.4h.2c21.3 0 35.1 14.9 35.1 38v9.6c.1 31.3.1 63.7 0 95.5-.1 24.7-8.4 45.9-24 61.3s-36.8 23.6-61.6 23.7H240.3z' fill='%23e50013' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M221.9 322.8c-11.9 0-23.6-7.9-29.1-19.6-6.8-14.5-3.9-30.2 7.8-42.1 14.6-14.8 29.6-29.7 44.1-44.1l15.4-15.3 49.7-49.4c26.7-26.5 53.3-53 79.9-79.6.5-.5 1-1 1.5-1.6-16.2-.3-51.3-.5-70.8-.6-11.1 0-20.5-3.6-27.1-10.4-6.3-6.4-9.6-15.2-9.5-25.3C284 14.1 298.7.2 320.3.1c26.6-.1 53-.1 79.5-.1 26.9 0 51.8 0 76.2.1 21.7 0 35.8 13.9 35.9 35.3.2 53.5.2 106.5 0 157.7-.1 20.6-14.5 35.1-35 35.1s-34.9-14.4-35.1-34.9c-.1-10.5-.2-26.8-.3-42.6-.1-11.6-.1-22.7-.2-30.1-.8.7-1.5 1.4-2.2 2.1-15.4 15.5-30.8 30.9-46.2 46.4-45.4 45.6-92.3 92.8-138.7 138.9-7.2 7-16.2 11.9-25.9 14.2-2.2.4-4.3.6-6.4.6z' fill='%23e50013' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
/* Login */
body.page-login .kt-wrapper {
    width: 100%;
    min-height: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    background-position: center;
    background-size: cover;
    background-image: url("/assets/images/login-bg.jpg");
  }
body.page-login .flex-item {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    -ms-flex-item-align: center;
        align-self: center;
  }
body.page-login .flex-item.login-container {
      width: 100%;
      margin: 0 auto;
    }
body.page-login .flex-item.login-container .flex-container {
        margin: 28px;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
      }
@media (min-width: 768px) {
body.page-login .flex-item.login-container .flex-container {
          margin: 48px 28px
      }
		}
body.page-login .flex-item.login-container .flex-container .flex-item {
          padding: 32px 0;
          max-width: 460px;
        }
@media (min-width: 768px) {
body.page-login .flex-item.login-container .flex-container .flex-item {
            padding: 16px;
            max-width: none
        }
		}
@media (min-width: 992px) {
body.page-login .flex-item.login-container .flex-container .flex-item {
            padding: 3%
        }
		}
@media (min-width: 1200px) {
body.page-login .flex-item.login-container .flex-container .flex-item {
            padding: 5%
        }
		}
body.page-login .flex-item.login-container .flex-container .flex-item.kt-brand-area {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;

            padding: 0;
            text-align: left;
          }
body.page-login .flex-item.login-container .flex-container .flex-item.kt-brand-area img {
              -webkit-filter: drop-shadow(0px 2px 32px rgba(0, 0, 0, 0.6));
                      filter: drop-shadow(0px 2px 32px rgba(0, 0, 0, 0.6));
            }
@media (max-width: 767px) {
body.page-login .flex-item.login-container .flex-container .flex-item.kt-brand-area img {
                max-width: 160px
            }
		}
@media (max-width: 991px) {
body.page-login .flex-item.login-container .flex-container .flex-item.kt-brand-area img {
                max-width: 192px
            }
		}
@media (min-width: 768px) {
body.page-login .flex-item.login-container .flex-container .flex-item.kt-brand-area {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 50%;
                      flex: 0 0 50%;
              max-width: 50%;
              padding: 7%;
              text-align: center
          }
		}
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
          }
@media (min-width: 768px) {
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 50%;
                      flex: 0 0 50%;
              max-width: 50%;
              margin: 0
          }
		}
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner {
              padding: 32px;
              border-top: solid 6px #e50013;
              background-color: #ffffff;
              -webkit-filter: drop-shadow(0px 4px 32px rgba(0, 0, 0, 0.6));
                      filter: drop-shadow(0px 4px 32px rgba(0, 0, 0, 0.6));
            }
@media (min-width: 768px) {
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner {
                max-width: 488px;
                min-height: 480px
            }
		}
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form h1.title {
                  font-size: 24px;
                  font-weight: 900;
                }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form h2.login-title {
                  font-size: 28px;
                  margin: 0;
                }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .flex-container {
                  -webkit-box-align: center;
                      -ms-flex-align: center;
                          align-items: center;
                  margin: 16px 0;
                  gap: 6px 0;
                }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .flex-container .flex-item {
                    padding: 0;
                    -ms-flex-item-align: stretch;
                        align-self: stretch;
                  }
@media (min-width: 992px) {
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .flex-container .flex-item.label-container {
                        -webkit-box-flex: 0;
                            -ms-flex: 0 0 42%;
                                flex: 0 0 42%;
                        max-width: 42%
                    }
		}
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .flex-container .flex-item.label-container label {
                        font-weight: 600;
                        padding: 6px 0;
                        margin: 0;
                      }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .flex-container .flex-item.input-wrapper {
                      -webkit-box-flex: 1;
                          -ms-flex: 1;
                              flex: 1;
                      position: relative;
                      -webkit-box-orient: horizontal;
                      -webkit-box-direction: normal;
                          -ms-flex-flow: row wrap;
                              flex-flow: row wrap;
                    }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .field-text {
                  margin-top: 16px;
                }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .field-text ul {
                    padding: 0 0 0 18px;
                  }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .language .lang-selector {
                    background-color: #606060;
                    color: #ffffff;
                    background-image: url("/assets/images/ico-caret-down-white.svg");
                  }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .forgot-password {
                  -webkit-box-pack: end;
                      -ms-flex-pack: end;
                          justify-content: flex-end;
                }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .forgot-password a {
                    font-size: 14px;
                    text-decoration: underline;
                  }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .btn-container {
                  margin-bottom: 16px;
                }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .btn-container .btn-login,
                  body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .btn-container .btn-send,
                  body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .btn-container .btn-back {
                    width: 100%;
                    height: auto;
                    padding: 12px 20px;
                    background-color: #e50013;
                    color: #ffffff;
                    border-radius: 999px;
                  }
body.page-login .flex-item.login-container .flex-container .flex-item.login-form-area .login-form-inner form.login-form .contact-container .contact-info {
                    font-size: 13px;
                    width: 100%;
                    text-align: right;
                    padding-top: 8px;
                    margin-top: 20px;
                    border-top: 1px solid #eaeaea;
                  }
body.page-login div.input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
body.page-login div.input-wrapper input,
    body.page-login div.input-wrapper select {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      height: 40px;
      padding: 0 8px;
      background-color: #fafafa;
      border: 1px solid #d0d0d0;
      border-radius: 8px;
      opacity: 1;
      outline: none;
    }
@media (min-width: 0px) and (max-width: 767px) {
body.page-login div.input-wrapper input,
    body.page-login div.input-wrapper select {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%
    }
		}
@media (min-width: 992px) {
body.page-login div.input-wrapper input,
    body.page-login div.input-wrapper select {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%
    }
		}
body.page-login div.input-wrapper input[type="number"] {
      text-align: center;
    }
body.page-login div.input-wrapper input[type="number"]::-webkit-inner-spin-button,
    body.page-login div.input-wrapper input[type="number"]::-webkit-outer-spin-button {
      opacity: 1;
    }
body.page-login div.input-wrapper select {
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      appearance: none;

      background-image: url("/assets/images/ico-caret-down-black.svg");
      background-repeat: no-repeat;
      background-position: right 8px top 10px;
      background-size: 14px 14px;
      padding-right: 24px;
    }
body.page-login div.input-wrapper select::-ms-expand {
        display: none;
      }
body.page-login div.input-wrapper select option {
        color: #000000;
      }
body.page-login div.input-wrapper select.border-select {
        border: 2px solid #ffffff;
        background-color: transparent;
        border-radius: 0;
        color: #ffffff;
        background-image: url("/assets/images/select-arrow-white.png");
      }
body.page-login div.input-wrapper button.btn {
      padding: 12px 20px;
      color: #ffffff;
      background-color: #e50013;
      border-radius: 999px;
      border: 1px solid transparent;
      font-weight: 600;
    }
@media (min-width: 992px) {
        body.page-login div.input-wrapper button.btn:hover {
          background-color: #ffddb9;
        }
		}
body.page-login div.input-wrapper button.btn span {
        display: inline-block;
        line-height: 1;
      }
body.page-login div.input-wrapper button.btn span[class*="icon-"] {
          margin-right: 4px;
        }
body.page-login div.input-wrapper .hint {
      display: none;
    }
body.page-login div.input-wrapper[data-validity="error"] input,
      body.page-login div.input-wrapper[data-validity="error"] select {
        border: 1px dashed #e50013;
        background-color: #ffeded;
      }
body.page-login div.input-wrapper[data-validity="error"] .hint {
        display: block;
        margin-top: 6px;
        color: #e50013;
        font-size: 14px;
      }
body.page-login div.input-wrapper[data-validity="success"] input,
      body.page-login div.input-wrapper[data-validity="success"] select {
        border: 1px solid #009d25;
        background-color: #e0ffe8;
      }
body.page-login div.input-wrapper ::-webkit-input-placeholder {
      color: #a0a0a0;
    }
body.page-login div.input-wrapper ::-ms-input-placeholder {
      color: #a0a0a0;
    }
body.page-login div.input-wrapper ::placeholder {
      color: #a0a0a0;
    }
/* select {
    height: 36px;
    padding: 0 5px;
    background-color: #ffffff;
    border-radius: 0;
    opacity: 1;
    outline: none;
    border: 1px solid #cccccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;

    &::-ms-expand {
      display: none;
    }

    option {
      color: $color-black;
    }

    background-image: url("/assets/images/select-arrow-grey.png");
    background-repeat: no-repeat;
    background-position: right 3px center;
    background-size: 10px 10px;
    padding-right: 12px;
  } */
body.page-login .copyright-container {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
  }
span.toggle-password {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 6px;
  right: 8px;
}
span.toggle-password.icon-eye {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M23.8928 11.5968C21.4488 7.36398 16.8912 4.73438 12 4.73438C7.10879 4.73438 2.55198 7.36398 0.10718 11.5968C0.036965 11.7184 0 11.8564 0 11.9968C0 12.1372 0.036965 12.2752 0.10718 12.3968C2.55518 16.6352 7.11199 19.2688 12 19.2688C16.888 19.2688 21.4456 16.6352 23.8928 12.3968C23.963 12.2752 24 12.1372 24 11.9968C24 11.8564 23.963 11.7184 23.8928 11.5968ZM12 17.6688C9.94963 17.6646 7.93354 17.1425 6.13888 16.1509C4.34423 15.1593 2.82918 13.7304 1.73438 11.9968C3.94399 8.49198 7.83439 6.33438 12 6.33438C16.1656 6.33438 20.056 8.49198 22.2656 11.9968C21.1708 13.7304 19.6558 15.1593 17.8611 16.1509C16.0665 17.1425 14.0504 17.6646 12 17.6688Z' fill='black'/%3E%3Cpath d='M12 7.00159C9.24319 7.00159 6.99998 9.24479 6.99998 12.0016C6.99998 14.7584 9.24319 17.0016 12 17.0016C14.7568 17.0016 17 14.7584 17 12.0016C17 9.24479 14.7568 7.00159 12 7.00159ZM12 15.4016C10.1248 15.4016 8.59999 13.876 8.59999 12.0016C8.59999 10.1272 10.1248 8.60159 12 8.60159C13.8752 8.60159 15.4 10.1272 15.4 12.0016C15.4 13.876 13.8752 15.4016 12 15.4016Z' fill='black'/%3E%3C/svg%3E");
  }
span.toggle-password.icon-eye-slash {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_140_3230)'%3E%3Cpath d='M14.9795 12.2022L16.3427 10.839C16.4419 11.2101 16.5 11.598 16.5 12C16.5 14.4814 14.4814 16.5 12 16.5C11.598 16.5 11.21 16.4419 10.839 16.3427L12.2021 14.9796C12.9226 14.9307 13.601 14.6223 14.1116 14.1117C14.6223 13.601 14.9306 12.9227 14.9795 12.2022ZM23.9055 11.6357C23.8132 11.4698 22.5049 9.17723 19.9474 7.23436L18.8559 8.3258C20.7208 9.69698 21.9024 11.2962 22.3676 12.0012C21.4787 13.3547 17.9915 18 12 18C11.1015 18 10.266 17.8851 9.47979 17.7017L8.24735 18.9342C9.38042 19.2816 10.6258 19.5 12 19.5C19.8512 19.5 23.7437 12.6555 23.9055 12.3644C23.9675 12.2529 24 12.1275 24 12C24 11.8725 23.9675 11.7472 23.9055 11.6357ZM20.7802 4.2803L4.28023 20.7803C4.13379 20.9267 3.94179 21 3.74998 21C3.55817 21 3.36617 20.9267 3.21973 20.7803C3.15004 20.7107 3.09476 20.628 3.05704 20.5371C3.01932 20.4461 2.99991 20.3485 2.99991 20.25C2.99991 20.1516 3.01932 20.054 3.05704 19.963C3.09476 19.8721 3.15004 19.7894 3.21973 19.7198L5.31898 17.6205C1.92523 15.5717 0.200791 12.5558 0.0944788 12.3644C0.0325172 12.2529 0 12.1275 0 12C0 11.8724 0.0325172 11.747 0.0944788 11.6355C0.256291 11.3445 4.14879 4.50005 12 4.50005C14.03 4.50005 15.7884 4.96317 17.2916 5.64792L19.7197 3.2198C20.0128 2.92673 20.4874 2.92673 20.7802 3.2198C21.0731 3.51286 21.0733 3.98742 20.7802 4.2803ZM6.43742 16.5021L8.33623 14.6033C7.81179 13.8675 7.49998 12.9704 7.49998 12C7.49998 9.51867 9.5186 7.50005 12 7.50005C12.9703 7.50005 13.8675 7.81186 14.6032 8.33611L16.1387 6.80067C14.9255 6.31486 13.547 6.00005 12 6.00005C6.00842 6.00005 2.52129 10.6454 1.63254 11.9989C2.19692 12.8543 3.81917 15.0195 6.43742 16.5021ZM9.42504 13.5143L13.5142 9.42511C13.0682 9.16167 12.5546 9.00005 12 9.00005C10.3459 9.00005 8.99998 10.3459 8.99998 12C8.99998 12.5547 9.1616 13.0682 9.42504 13.5143Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_140_3230'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }
.page-basic-content .nx-content-header .title-bar {
      padding: 15px 0;
      margin: 0;
      border: 0;
      text-align: center;
    }
.page-basic-content .nx-content-header .title-bar h2.basic-title {
        display: block;
      }
.page-basic-content .nx-content-header .title-bar h2.basic-title:after {
          content: none;
        }
.page-basic-content .kt-wrapper {
    padding-bottom: 4%;
  }
.page-basic-content .nx-main.flex-container .nx-content {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
      }
.page-basic-content .nx-main.flex-container .nx-content .content-inner {
          max-width: none;
        }
@media (min-width: 768px) {
.page-basic-content .nx-main.flex-container .nx-content .content-inner {
            padding-left: 30px;
            padding-right: 30px
        }
		}
@media (max-width: 767px) {
.page-basic-content .nx-main.flex-container .nx-content .content-inner .main-content h2.main-title {
                display: block;
                padding-top: 15px
            }
		}
.basic-content-page {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.basic-content-page h1 {
    font-size: 24px;
    color: #202020;
    font-weight: 700;
    padding-bottom: 1.5rem;
    margin: 1.5rem 0;
    border-bottom: 4px solid #404040;
  }
.basic-content-page h2 {
    font-size: 18px;
    color: #404040;
    font-weight: 700;
    margin-top: 1.75rem;
  }
.basic-content-page p,
  .basic-content-page ul {
    font-size: 14px;
    color: #606060;
    margin-bottom: 1.5rem;
    line-height: 1.5;
  }
.basic-content-page a {
    text-decoration: underline;
    font-weight: 600;
  }
/* Warranty Registration */
.warranty-form .second-header {
    padding: 8px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    border-bottom: 1px solid #eaeaea;
  }
@media (min-width: 992px) {
.warranty-form .second-header {
      padding: 16px
  }
		}
.warranty-form .second-header .title-icon {
      width: 24px;
      height: 24px;
    }
@media (min-width: 992px) {
.warranty-form .second-header .title-icon {
        width: 32px;
        height: 32px
    }
		}
.warranty-form .second-header h2.title-label {
      margin: 0;
      font-size: 18px;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
    }
@media (min-width: 992px) {
.warranty-form .second-header h2.title-label {
        font-size: 20px
    }
		}
.warranty-form .second-header .warranty-code .warranty-code-container {
        background-color: #eaeaea;
        font-weight: 700;
        padding: 6px 16px;
        border-radius: 999px;
      }
.warranty-form .second-header .tire-data-no {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 28px;
      height: 28px;
      font-weight: 600;
      border-radius: 100%;
      background-color: #e50013;
      color: #ffffff;
    }
.warranty-form .second-header .required-field {
      font-size: 14px;
      color: #e50013;
    }
.warranty-form-vehicle .row [class*="col-"] {
      border: none;
    }
@media (max-width: 767px) {
.warranty-form-vehicle .customer-sap-container {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1
  }
		}
.warranty-form-vehicle .customer-sap-container .customer-sap {
      background-color: #ffeded;
      border-radius: 8px;
      padding: 8px;
      gap: 8px;
    }
.warranty-form-vehicle .customer-sap-container .customer-sap .input-group {
        gap: 2px 8px;
      }
.warranty-form-vehicle .manual-input {
    padding: 12px 0;
  }
.warranty-form-vehicle .manual-input .vehicle-manual-input {
      padding: 8px;
      background-color: #eaeaea;
    }
@media (max-width: 767px) {
    .warranty-form-vehicle .empty-content {
      display: none;
    }
        .warranty-form-vehicle[data-registered="true"] .row [class*="col-"] {
          padding-top: 8px;
          padding-bottom: 8px;
        }
        .warranty-form-vehicle[data-registered="true"] .row .form-item {
          gap: 4px;
        }
        .warranty-form-vehicle[data-registered="true"] .row .input-group {
          gap: 4px;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
        }
          .warranty-form-vehicle[data-registered="true"] .row .input-group .input-wrapper {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
          }
		}
.claim-agreement-declare .form-check .form-check-label {
      font-size: 14px;
      font-weight: 400;
    }
.cta-container {
  padding: 8px 0 16px;
  max-width: none;
}
.cta-container > .flex-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
  }
.cta-container > .flex-container.single-button {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }
.cta-container > .flex-container .employee-action {
      gap: 16px;
    }
.registered-tire-container {
  padding-top: 16px;
}
.registered-tire-container .list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 12px;
    gap: 8px;
  }
.registered-tire-container .list-inner.registered-tire-item {
      padding: 12px 12px;
      border-bottom: 1px solid #eaeaea;
    }
.registered-tire-container .list-inner.registered-tire-item.thead {
        padding: 12px 12px;
        border-bottom: none;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
      }
.registered-tire-container .list-inner.registered-tire-item.thead .list-item {
          font-size: 13px;
          font-weight: 700;
          padding-bottom: 4px;
          color: #e50013;
          border-bottom: 2px solid #e50013;
        }
.registered-tire-container .list-inner.registered-tire-item .list-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(12% - 8px);
                flex: 0 0 calc(12% - 8px);
        line-height: 1.2;
        font-size: 14px;
      }
.registered-tire-container .list-inner.registered-tire-item .list-item.item-buttons {
          display: none;
        }
.registered-tire-container .list-inner.registered-tire-item .list-item.item-no {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 36px;
                  flex: 0 0 36px;
        }
.registered-tire-container .list-inner.registered-tire-item .list-item.item-edit,
        .registered-tire-container .list-inner.registered-tire-item .list-item.item-delete {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 48px;
                  flex: 0 0 48px;
          text-align: center;
        }
.registered-tire-container .list-inner.registered-tire-item .list-item.item-edit .button, .registered-tire-container .list-inner.registered-tire-item .list-item.item-delete .button {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 0;
            border: none;
            background-color: transparent;
          }
.registered-tire-container .list-inner.registered-tire-item .list-item.item-edit .button .label, .registered-tire-container .list-inner.registered-tire-item .list-item.item-delete .button .label {
              display: none;
            }
.registered-tire-container .list-inner.registered-tire-item .list-item.item-edit [class*="icon-"], .registered-tire-container .list-inner.registered-tire-item .list-item.item-delete [class*="icon-"] {
            width: 28px;
            height: 28px;
          }
.registered-tire-container .list-inner.registered-tire-item .list-item.item-size-description {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
        }
.registered-tire-container .list-inner.registered-tire-item .list-item .no-circle {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 24px;
          height: 24px;
          color: #ffffff;
          background-color: #e50013;
          border-radius: 100%;
        }
.registered-tire-container .cta-container {
    margin-top: 16px;
  }
.registered-tire-container .cta-container .flex-container {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
.upload-document-invoice {
  padding-top: 2rem;
}
.upload-document-invoice .input-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
.upload-document-invoice .input-group .input-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 12px;
    }
.upload-document-invoice .input-group .input-wrapper .doc-label {
        font-size: 14px;
        font-weight: 600;
      }
@media (max-width: 991px) {
.upload-document-invoice .input-group .input-wrapper .doc-label {
          display: none
      }
		}
.upload-document-invoice .input-group .input-wrapper input[type="file"] {
        margin: auto;
        padding: 4px;
        height: auto;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        background-color: #fafafa;
        border: 1px solid #d0d0d0;
        border-radius: 8px;
        cursor: pointer;
      }
.upload-document-invoice .input-group .input-wrapper input[type="file"]::file-selector-button {
          padding: 6px 12px;
          font-size: 14px;
          font-weight: 400;
          border-width: 0;
          border-radius: 8px;
          background-color: #d0d0d0;
          color: #606060;
          margin-right: 1em;
        }
.upload-document-invoice .input-group .input-wrapper input[type="file"]:hover {
          background-color: #ffffff;
        }
.upload-document-invoice .input-group .input-wrapper input[type="file"]:hover::file-selector-button {
            color: #ffffff;
            background-color: #606060;
          }
.upload-document-invoice .input-group .input-wrapper .delete-button {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 28px;
                flex: 0 0 28px;
        width: 28px;
        height: 28px;
        cursor: pointer;
      }
/* Tire Description Modal */
.tire-desc-selector .modal-xl {
    max-width: 960px;
  }
.tire-desc-selector .modal-xl.modal-dialog-scrollable .modal-content .modal-header {
          border-bottom: 1px solid #eaeaea;
        }
.tire-desc-selector .modal-xl.modal-dialog-scrollable .modal-content .modal-body {
          max-height: none;
          padding-top: 0;
        }
.tire-desc-selector .tire-desc .tire-desc-container .list-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 12px;
        gap: 8px;
      }
@media (min-width: 992px) {
          .tire-desc-selector .tire-desc .tire-desc-container .list-inner:hover {
            background-color: #eaeaea;
          }
		}
.tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item {
          padding: 12px 12px;
          border-bottom: 1px solid #eaeaea;
        }
.tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item.thead {
            padding: 12px 12px;
            border-bottom: none;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
          }
.tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item.thead .list-item {
              font-size: 13px;
              font-weight: 700;
              padding-bottom: 4px;
              color: #e50013;
              border-bottom: 2px solid #e50013;
            }
.tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item {
            line-height: 1.2;
            font-size: 14px;
            -webkit-box-flex: 0;
                -ms-flex: 0 0 8%;
                    flex: 0 0 8%;
          }
.tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item:not(.item-select) {
              word-break: break-all;
            }
.tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item .item-value {
              word-break: break-all;
            }
.tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item.item-tire-code {
              font-weight: 700;
              color: #e50013;
            }
.tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item.item-size-desc {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
            }
.tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item.item-select {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 64px;
                      flex: 0 0 64px;
              text-align: center;
            }
.tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item.item-select .btn {
                width: 100%;
              }
.tire-desc-selector .tire-desc .tire-desc-container .cta-container {
        margin-top: 16px;
      }
.tire-desc-selector .tire-desc .tire-desc-container .cta-container .flex-container {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
        }
.tire-desc-selector .tire-desc .no-result {
      text-align: center;
      padding: 3rem 0;
    }
@media (max-width: 767px) {
          .tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            gap: 8px 0;
            padding: 12px 0;
          }
            .tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item.thead {
              display: none;
            }
              .tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item[class*="item-"] {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 100%;
                        flex: 0 0 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-flow: row wrap;
                        flex-flow: row wrap;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                gap: 0 8px;
                padding-bottom: 0;
              }
                  .tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item[class*="item-"]:not(.item-select)::before {
                    content: attr(data-itemhead) ":";
                    display: block;
                    -webkit-box-flex: 0;
                        -ms-flex: 0 0 102px;
                            flex: 0 0 102px;
                    max-width: 102px;
                    font-weight: 400;
                    text-align: left;
                    color: #606060;
                  }
                .tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item[class*="item-"].item-select {
                  padding-left: 110px;
                }

                .tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item[class*="item-"] .item-value {
                  -webkit-box-flex: 1;
                      -ms-flex: 1;
                          flex: 1;
                  font-weight: 600;
                }
                  .tire-desc-selector .tire-desc .tire-desc-container .list-inner.tire-desc-item .list-item[class*="item-"] .item-value .btn {
                    width: 100%;
                  }
		}
/* For Small Device Only */
@media (max-width: 767px) {
      .registered-tire-data .list-inner.registered-tire-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        gap: 12px 0;
      }
        .registered-tire-data .list-inner.registered-tire-item.thead {
          display: none;
        }
        .registered-tire-data .list-inner.registered-tire-item .list-item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 0 8px;
          padding-bottom: 0;
        }
            .registered-tire-data .list-inner.registered-tire-item .list-item:not(:first-child)::before {
              content: attr(data-itemhead) ":";
              display: block;
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 112px;
                      flex: 0 0 112px;
              max-width: 112px;
              font-weight: 400;
              text-align: left;
              color: #606060;
            }
          .registered-tire-data .list-inner.registered-tire-item .list-item.item-no {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
          }
          .registered-tire-data .list-inner.registered-tire-item .list-item.item-edit,
          .registered-tire-data .list-inner.registered-tire-item .list-item.item-delete {
            display: none;
          }
          .registered-tire-data .list-inner.registered-tire-item .list-item.item-buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            margin: 12px 0;
          }
            .registered-tire-data .list-inner.registered-tire-item .list-item.item-buttons .btn-edit {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 160px;
                      flex: 0 0 160px;
            }
            .registered-tire-data .list-inner.registered-tire-item .list-item.item-buttons::before {
              content: none;
            }
          .registered-tire-data .list-inner.registered-tire-item .list-item .item-value {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            font-weight: 600;
          }
		}
.status-search form.warranty-status-search .row {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 16px 32px;
      }
.status-search form.warranty-status-search .row:not(:last-child) {
          margin-bottom: 16px;
        }
.status-search form.warranty-status-search .row .form-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
        }
.status-search form.warranty-status-search .row .form-item .form-label label {
              margin: 0;
              padding: 0;
            }
.status-search form.warranty-status-search .row .form-item .input-group {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 8px;
          }
.status-search form.warranty-status-search .row .label-status .input-group .btn-group {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              gap: 4px;
            }
.status-search form.warranty-status-search .row .label-status .input-group .btn-group .btn {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 auto;
                        flex: 0 0 auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 6px 8px;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                border-radius: 4px;
                font-size: 13px;
                line-height: 1;
                padding: 6px 8px;
                background-color: #606060;
                border-color: transparent;
                opacity: 0.5;
              }
.status-search form.warranty-status-search .row .label-status .input-group .btn-group .btn.active {
                  background-color: #e50013;
                  opacity: 1;
                }
.status-search form.warranty-status-search .cta-container {
        width: 100%;
        padding: 0;
      }
.status-search form.warranty-status-search .cta-container .flex-container {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          gap: 16px;
        }
.status-search form.warranty-status-search .cta-container .search-apply {
          min-width: 128px;
        }
.status-list .listhead {
    padding: 12px;
  }
.status-list .listhead .list-inner {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
    }
.status-list .listhead .list-inner .list-item {
        font-size: 13px;
        font-weight: 600;
        padding-right: 4px;
        line-height: 1.2;
        /* text-transform: uppercase; */
        color: #e50013;
        border-bottom: 2px solid #e50013;
      }
.status-list .list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 12px;
    gap: 8px;
  }
.status-list .list-inner[data-toggle="collapse"] {
      cursor: pointer;
    }
.status-list .list-inner .list-item {
      padding-bottom: 4px;
      line-height: 1.2;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(11% - 28px);
              flex: 0 0 calc(11% - 28px);
    }
.status-list .list-inner .list-item.vehicle,
      .status-list .list-inner .list-item.item-description {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
      }
.status-list .list-inner .list-item.vehicle a.warranty-link, .status-list .list-inner .list-item.item-description a.warranty-link {
            color: #e50013;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            gap: 8px;
          }
.status-list .list-inner .list-item.warrantyno {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(20% - 8px);
                flex: 0 0 calc(20% - 8px);
      }
.status-list .listbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
.status-list .listbody .content-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 12px 0;
      padding: 16px 12px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }
.status-list .listbody .content-box:hover {
        -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
      }
.status-list .listbody .content-box .list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 4px;
        font-size: 14px;
        font-weight: 600;
        padding: 0 4px 0 0;
        color: #333333;
      }
.status-list .listbody .content-box .duration {
      justify-content: center;
}

@media (min-width: 768px) {
.status-list .listbody .content-box .list-item {
          font-size: 13px
      }
		}
@media (min-width: 1200px) {
.status-list .listbody .content-box .list-item {
          font-size: 14px
      }
		}
.status-list .listbody .content-box .list-item a {
          color: #333333;
        }
.status-list .listbody .content-box .list-item.date,
        .status-list .listbody .content-box .list-item.warrantyno {
          word-break: break-all;
        }
.status-list .listbody .content-box .list-item.date .warrantyno-wrap::after, .status-list .listbody .content-box .list-item.warrantyno .warrantyno-wrap::after {
              content: " / ";
              font-weight: 400;
              color: #606060;
            }
.status-list .listbody .content-box .list-item.date .refno-wrap, .status-list .listbody .content-box .list-item.warrantyno .refno-wrap {
            font-size: 13px;
          }
.status-list .listbody .content-box .list-item.vehicle {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
        }
.status-list .listbody .content-box .list-item.vehicle .vehicle-model {
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
          }
.status-list .listbody .content-box .list-item.vehicle .vehicle-customer {
            display: block;
            margin-top: 6px;
            font-weight: 400;
            color: #606060;
            font-size: 13px;
          }
.status-list .listbody .content-box .list-item.vehicle .vehicle-customer [class*="icon-"] {
              display: inline-block;
              opacity: 0.4;
              vertical-align: -2px;
            }
.status-list .listbody .content-box .list-item.view {
          padding: 0;
        }
.status-list .listbody .content-box .list-item .list-item-group {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          gap: 4px;
        }
.status-list .listbody .content-box .list-item .list-item-group [class*="icon-"]:not(:first-child) {
              margin-left: 6px;
            }
.status-list .listbody .content-box .list-item .btn.tire-data-open {
            opacity: 0.4;
            -webkit-filter: grayscale(1);
                    filter: grayscale(1);
          }
.status-list .listbody .content-box .list-item .btn.tire-data-open .chevron {
              -webkit-transform: rotate(180deg);
                      transform: rotate(180deg);
              -webkit-transition: all 0.3s;
              transition: all 0.3s;
            }
.status-list .listbody .content-box .list-item .btn.tire-data-open.collapsed {
              opacity: 1;
              -webkit-filter: grayscale(0);
                      filter: grayscale(0);
            }
.status-list .listbody .content-box .list-item .btn.tire-data-open.collapsed .chevron {
                -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
              }
.status-list .listbody .content-box .list-item [data-result="accepted"] {
          color: #009d25;
        }
.status-list .listbody .content-box .list-item [data-result="rejected"] {
          color: #e50013;
        }
.status-list .listbody .content-box .tire-data-status {
        background-color: #eaeaea;
        border-radius: 8px;
      }
.status-list .listbody .content-box .tire-data-status .tire-data-item {
          padding: 12px 12px;
          border-bottom: 1px solid #ffffff;
        }
.status-list .listbody .content-box .tire-data-status .tire-data-item.thead {
            padding: 12px 12px 0;
            border-bottom: none;
          }
.status-list .listbody .content-box .tire-data-status .tire-data-item.thead .list-item {
              font-size: 12px;
              padding-bottom: 4px;
              color: #e50013;
              border-bottom: 1px solid rgba(229, 0, 19, 0.2);
            }
.status-list .listbody .content-box .tire-data-status .tire-data-item .list-item .no-circle {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              width: 24px;
              height: 24px;
              color: #ffffff;
              background-color: #e50013;
              border-radius: 100%;
            }
.status-list .listbody .content-box .tire-data-status .tire-data-item .list-item.item-reference {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 calc(20% - 8px);
                      flex: 0 0 calc(20% - 8px);
            }
.status-list .no-result {
    text-align: center;
    padding: 3rem 0;
  }
/* For Small Device Only */
@media (max-width: 767px) {
      .status-search .warranty-status-search .form-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
      }
          .status-search .warranty-status-search .form-item.label-warranty-no .form-label, .status-search .warranty-status-search .form-item.label-ptn .form-label, .status-search .warranty-status-search .form-item.label-sap .form-label, .status-search .warranty-status-search .form-item.label-reference .form-label {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 128px;
                    flex: 0 0 128px;
          }
    .status-list .listhead {
      display: none;
    }
        .status-list .listbody .content-box .vehicle-data-status {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: stretch;
              -ms-flex-align: stretch;
                  align-items: stretch;
          gap: 0;
        }
          .status-list .listbody .content-box .vehicle-data-status .list-item {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            padding: 8px 0;
          }
            .status-list .listbody .content-box .vehicle-data-status .list-item:not(:last-child) {
              border-bottom: 1px solid #eaeaea;
            }
            .status-list .listbody .content-box .vehicle-data-status .list-item.warrantyno {
              word-break: keep-all;
            }
            .status-list .listbody .content-box .vehicle-data-status .list-item .list-item-group {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
            }
            .status-list .listbody .content-box .vehicle-data-status .list-item::before {
              content: attr(data-itemhead) ":";
              display: block;
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 108px;
                      flex: 0 0 108px;
              min-width: 108px;
              font-weight: 400;
              color: #606060;
            }
              .status-list .listbody .content-box .vehicle-data-status .list-item.view button {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
              }
                .status-list .listbody .content-box .vehicle-data-status .list-item.view button .label {
                  -webkit-box-flex: 1;
                      -ms-flex: 1;
                          flex: 1;
                }
          .status-list .listbody .content-box .tire-data-status .tire-data-item {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                    align-items: stretch;
            gap: 12px;
          }
            .status-list .listbody .content-box .tire-data-status .tire-data-item.thead {
              display: none;
            }
            .status-list .listbody .content-box .tire-data-status .tire-data-item .list-item {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-flow: row wrap;
                      flex-flow: row wrap;
            }
              .status-list .listbody .content-box .tire-data-status .tire-data-item .list-item .list-item-group {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
              }
                .status-list .listbody .content-box .tire-data-status .tire-data-item .list-item:not(:first-child)::before {
                  content: attr(data-itemhead) ":";
                  display: block;
                  -webkit-box-flex: 0;
                      -ms-flex: 0 0 108px;
                          flex: 0 0 108px;
                  min-width: 108px;
                  font-weight: 400;
                  color: #606060;
                }
		}
.board-search form.board-search-container .row {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 16px 0;
      }
.board-search form.board-search-container .row [class*="col-"] {
          border-bottom: none;
          padding: 0;
        }
.board-search form.board-search-container .row .form-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
        }
.board-search form.board-search-container .row .form-item .form-label label {
              margin: 0;
              padding: 0;
            }
.board-search form.board-search-container .row .form-item .input-group {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 8px;
          }
.board-search form.board-search-container .row .filter-items .input-group .btn-group {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              gap: 4px;
            }
.board-search form.board-search-container .row .filter-items .input-group .btn-group .btn {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 auto;
                        flex: 0 0 auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 6px 8px;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                border-radius: 4px;
                font-size: 13px;
                line-height: 1;
                padding: 6px 8px;
                background-color: #606060;
                border-color: transparent;
                opacity: 0.5;
              }
.board-search form.board-search-container .row .filter-items .input-group .btn-group .btn.active {
                  background-color: #e50013;
                  opacity: 1;
                }
.board-search form.board-search-container .row .search-term .input-group input {
              border-radius: 999px;
              background-color: #eaeaea;
            }
.board-container .write-board {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 16px;
  }
.board-container .listhead {
    padding: 0;
  }
.board-container .listhead .list-inner {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      margin-bottom: 12px;
    }
.board-container .listhead .list-inner .list-item {
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        line-height: 1.2;
        text-transform: uppercase;
        color: #e50013;
        border-bottom: 2px solid #e50013;
      }
@media (max-width: 767px) {
.board-container .listhead {
      display: none
  }
		}
.board-container .listbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.board-container .listbody .list-inner {
      width: 100%;
      padding: 12px 0;
      border-bottom: 1px solid #eaeaea;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
.board-container .listbody .list-inner:hover {
        background-color: #fafafa;
      }
.board-container .listbody .list-inner[data-pin-article="true"] {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        background-color: #ffeded;
      }
.board-container .listbody .list-inner[data-pin-article="true"]:hover {
          background-color: #f7e4e4;
        }
.board-container .listbody .list-inner[data-pin-article="true"] .item-content .article-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            gap: 4px;
          }
.board-container .listbody .list-inner[data-pin-article="true"] .item-content .article-title::before {
              content: "📌";
            }
.board-container .listbody .list-inner .list-item {
        font-size: 14px;
      }
.board-container .no-result {
    text-align: center;
    padding: 3rem 0;
  }
.board-container .list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
.board-container .list-inner[data-toggle="collapse"] {
      cursor: pointer;
    }
.board-container .list-inner .list-item {
      padding-bottom: 4px;
      line-height: 1.2;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(12% - 8px);
              flex: 0 0 calc(12% - 8px);
      padding-left: 8px;
      padding-right: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
    }
.board-container .list-inner .list-item .category-label {
        background-color: #e50013;
        font-size: 13px;
        font-weight: 600;
        line-height: 1;
        padding: 6px;
        margin: 0;
        border-radius: 4px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: center;
      }
.board-container .list-inner .list-item.item-file {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 64px;
                flex: 0 0 64px;
        max-width: 64px;
      }
.board-container .list-inner .list-item.item-file a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
        }
.board-container .list-inner .list-item.item-file .icon-download {
          width: 20px;
          height: 20px;
        }
.board-container .list-inner .list-item.item-content {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: left;
      }
.board-container .list-inner .list-item.item-content .article-link {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 4px;
        }
.board-container .list-inner .list-item.item-content .article-link:hover {
            text-decoration: none;
          }
.board-container .list-inner .list-item.item-content .article-link:hover .article-title {
              color: #e50013;
            }
.board-container .list-inner .list-item.item-content .article-link:hover .article-preview {
              color: #191919;
            }
.board-container .list-inner .list-item.item-content .article-title {
          font-size: 16px;
          margin: 0;
          color: #404040;
        }
.board-container .list-inner .list-item.item-content .article-title .comment-indicator {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 4px;
            margin-left: 8px;
            color: #e50013;
            font-size: 14px;
            vertical-align: middle;
          }
.board-container .list-inner .list-item.item-content .article-preview {
          color: #606060;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
.board-container form.board-write-form .row [class*="col-"] {
          border: none;
          padding-top: 8px;
          padding-bottom: 8px;
        }
.board-container form.board-write-form .pin-period {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
.board-container form.board-write-form .pin-period .input-wrapper .form-control:disabled {
            background-color: #eaeaea;
          }
.board-container form.board-write-form .upload-files .input-group {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 8px;
        }
.board-container form.board-write-form .upload-files .input-group .input-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 12px;
          }
.board-container form.board-write-form .upload-files .input-group .input-wrapper input[type="file"] {
              margin: auto;
              padding: 4px;
              height: auto;
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              cursor: pointer;
            }
.board-container form.board-write-form .upload-files .input-group .input-wrapper input[type="file"]::file-selector-button {
                padding: 6px 12px;
                font-size: 14px;
                font-weight: 400;
                border-width: 0;
                border-radius: 8px;
                background-color: #d0d0d0;
                color: #606060;
                margin-right: 1em;
              }
.board-container form.board-write-form .upload-files .input-group .input-wrapper input[type="file"]:hover {
                background-color: #ffffff;
              }
.board-container form.board-write-form .upload-files .input-group .input-wrapper input[type="file"]:hover::file-selector-button {
                  color: #ffffff;
                  background-color: #606060;
                }
.board-container form.board-write-form .upload-files .input-group .input-wrapper .delete-button {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 28px;
                      flex: 0 0 28px;
              width: 28px;
              height: 28px;
              cursor: pointer;
            }
.board-container form.board-write-form .upload-files .input-group .input-wrapper button.btn {
                border-radius: unset;
                padding: 6px;
                background-color: transparent;
                color: #e50013;
                font-weight: 700;
              }
.board-container .board-read {
    max-width: 812px;
    min-height: 640px;
  }
.board-container .board-read .article-title {
      margin: 0;
      padding-top: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      gap: 8px;
    }
.board-container .board-read .article-title .category {
        border-radius: 4px;
        font-size: 14px;
        padding: 6px 12px;
        margin: 0;
      }
.board-container .board-read .article-title h1 {
        line-height: 1.2;
        font-weight: 600;
        font-size: 20px;
      }
@media (min-width: 992px) {
.board-container .board-read .article-title h1 {
          font-size: 26px
      }
		}
@media (min-width: 1200px) {
.board-container .board-read .article-title h1 {
          font-size: 30px
      }
		}
.board-container .board-read .byline {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      border-bottom: 1px solid #eaeaea;
      padding: 8px 0;
      gap: 4px 16px;
    }
.board-container .board-read .byline .byline-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 8px;
        font-size: 14px;
      }
.board-container .board-read .byline .byline-item [class*="icon-"] {
          opacity: 0.5;
        }
.board-container .board-read .download-files {
      padding: 12px 0;
      gap: 4px;
    }
.board-container .board-read .download-files .file-container {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 4px 8px;
        background-color: #eaeaea;
        padding: 8px 12px;
      }
.board-container .board-read .download-files .file-container .file-name {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
        }
.board-container .board-read .download-files .file-container .file-name .name {
            font-weight: 700;
            color: #e50013;
          }
.board-container .board-read .article-content {
      padding: 16px 0;
    }
.board-container .board-read .article-content .article-image {
        max-width: 640px;
        text-align: center;
        margin-bottom: 16px;
      }
.board-container .board-read .article-content .article-image p {
        }
.board-container .board-read .article-content .article-image img {
          border-radius: 8px;
          overflow: hidden;
        }
.board-container .board-read .article-content .article-text {
        font-size: 16px;
        line-height: 1.5;
        text-align: left;
      }
.board-container .board-read .article-content .article-text p {
          font-size: 16px;
          line-height: 1.5;
        }
.board-container .board-read .article-content .article-text a {
          font-weight: 600;
        }
.board-container .board-read .article-content-control {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      gap: 12px;
    }
.board-container .board-read .article-content-control .btn {
        border: 1px solid #e50013;
        background-color: transparent;
        color: #e50013;
      }
.board-container .single-center {
    margin-top: 16px;
    text-align: center;
  }
.board-container .article-comment {
    padding: 16px;
    background-color: #eaeaea;
    border-radius: 8px;
  }
.board-container .article-comment form.comment-write {
        margin-bottom: 16px;
      }
.board-container .article-comment form.comment-write .form-control {
          background-color: #ffffff;
        }
.board-container .article-comment .comment-item {
      border-top: 1px solid #d0d0d0;
      padding: 4px;
    }
.board-container .article-comment .comment-item .byline {
        padding: 0 0 4px 0;
        border: none;
        opacity: 0.6;
      }
.board-container .article-comment .comment-item .byline .author-info {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
        }
.board-container .article-comment .comment-item .comment-control {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        gap: 12px;
      }
.board-container .article-comment .comment-item .comment-control a {
          font-weight: 600;
        }
.board-container .article-comment .pagination {
      border-top: 1px solid #d0d0d0;
      margin-top: 16px;
    }
.board-container .article-comment .pagination ul {
        gap: 6px;
      }
.board-container .article-comment .pagination ul li .page-link {
            width: 30px;
            height: 30px;
          }
.board-container .article-comment .pagination ul li .page-link.jump {
              background-color: transparent;
            }
@media (max-width: 767px) {
        .board-search .search-term .input-wrapper:not(.fill) {
          -webkit-box-flex: 0;
              -ms-flex: none;
                  flex: none;
        }
      .board-container .content-box.board-content {
        padding: 0;
      }
      .board-container .content-box .write-board {
        padding: 8px;
        margin: 0;
      }
          .board-container .content-box .listhead .list-inner .list-item {
            display: none;
          }
      .board-container .content-box .listbody {
        padding: 8px;
      }
        .board-container .content-box .listbody .list-inner {
          padding: 12px;
          gap: 6px;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
        }
          .board-container .content-box .listbody .list-inner .list-item {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
            padding: 0;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
          }
            .board-container .content-box .listbody .list-inner .list-item.item-category {
              -webkit-box-ordinal-group: 2;
                  -ms-flex-order: 1;
                      order: 1;
            }
              .board-container .content-box .listbody .list-inner .list-item.item-category .category-label {
                -webkit-box-flex: 0;
                    -ms-flex: 0;
                        flex: 0;
              }
            .board-container .content-box .listbody .list-inner .list-item.item-content {
              -webkit-box-ordinal-group: 3;
                  -ms-flex-order: 2;
                      order: 2;
              padding-bottom: 8px;
            }
            .board-container .content-box .listbody .list-inner .list-item.item-file {
              -webkit-box-ordinal-group: 4;
                  -ms-flex-order: 3;
                      order: 3;
              -webkit-box-flex: 1;
                  -ms-flex: 1 0 0px;
                      flex: 1 0 0;
              max-width: none;
            }
            .board-container .content-box .listbody .list-inner .list-item.item-author {
              -webkit-box-ordinal-group: 5;
                  -ms-flex-order: 4;
                      order: 4;
              -webkit-box-flex: 0;
                  -ms-flex: none;
                      flex: none;
            }
            .board-container .content-box .listbody .list-inner .list-item.item-date {
              -webkit-box-ordinal-group: 6;
                  -ms-flex-order: 5;
                      order: 5;
              -webkit-box-flex: 0;
                  -ms-flex: none;
                      flex: none;
              padding-left: 8px;
              border-left: 1px solid #eaeaea;
            }
      .board-container .content-box .board-read {
        padding: 16px;
      }
        .board-container .content-box .board-read .article-title {
          padding-top: 0px;
        }
    .board-container .article-comment {
      background-color: #fafafa;
      margin-left: -16px;
      margin-right: -16px;
      margin-bottom: -16px;
    }
          .board-container .article-comment form.comment-write .input-group {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
          }
            .board-container .article-comment form.comment-write .input-group .input-wrapper {
              text-align: right;
            }
		}
.user-search form.user-search-container .row {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 16px 0;
      }
.user-search form.user-search-container .row [class*="col-"] {
          border-bottom: none;
          padding: 0;
        }
.user-search form.user-search-container .row .form-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
        }
.user-search form.user-search-container .row .form-item .form-label label {
              margin: 0;
              padding: 0;
            }
.user-search form.user-search-container .row .form-item .input-group {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 8px;
          }
.user-search form.user-search-container .row .search-term .input-group input {
              border-radius: 999px;
              background-color: #eaeaea;
            }
.user-data .user-container .list-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 12px;
      gap: 8px;
    }
.user-data .user-container .list-inner.user-item {
        padding: 12px 12px;
        border-bottom: 1px solid #eaeaea;
      }
.user-data .user-container .list-inner.user-item.thead {
          padding: 12px 12px;
          border-bottom: none;
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end;
        }
.user-data .user-container .list-inner.user-item.thead .list-item {
            font-size: 13px;
            font-weight: 700;
            padding-bottom: 4px;
            color: #e50013;
            border-bottom: 2px solid #e50013;
          }
.user-data .user-container .list-inner.user-item .list-item {
          line-height: 1.2;
          font-size: 14px;
        }
.user-data .user-container .list-inner.user-item .list-item .item-value {
            word-break: break-all;
          }
.user-data .user-container .list-inner.user-item .list-item.item-fullname {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 16%;
                    flex: 0 0 16%;
          }
.user-data .user-container .list-inner.user-item .list-item.item-fullname .item-value {
              word-break: break-word;
            }
.user-data .user-container .list-inner.user-item .list-item.item-sap-buyer {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
          }
.user-data .user-container .list-inner.user-item .list-item.item-sap-buyer .item-value {
              word-break: break-word;
            }
.user-data .user-container .list-inner.user-item .list-item.item-userid,
          .user-data .user-container .list-inner.user-item .list-item.item-sap-code {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 12%;
                    flex: 0 0 12%;
          }
.user-data .user-container .list-inner.user-item .list-item.item-userid {
            min-width: 108px;
            font-weight: 600;
          }
.user-data .user-container .list-inner.user-item .list-item.item-country {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 9%;
                    flex: 0 0 9%;
          }
.user-data .user-container .list-inner.user-item .list-item.item-view {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 80px;
                    flex: 0 0 80px;
            text-align: center;
          }
.user-data .user-container .list-inner.user-item .list-item.item-view .btn {
              width: 100%;
            }
.user-data .user-container .list-inner.user-item .list-item.item-fullname .item-value, .user-data .user-container .list-inner.user-item .list-item.item-sap-buyer .item-value {
              word-break: break-word;
            }
.user-data .user-container .cta-container {
      margin-top: 16px;
    }
.user-data .user-container .cta-container .flex-container {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
      }
.user-data .no-result {
    text-align: center;
    padding: 3rem 0;
  }
.userdata-form .second-header {
    padding: 8px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    border-bottom: 1px solid #eaeaea;
  }
@media (min-width: 992px) {
.userdata-form .second-header {
      padding: 16px
  }
		}
.userdata-form .second-header .title-icon {
      width: 24px;
      height: 24px;
    }
@media (min-width: 992px) {
.userdata-form .second-header .title-icon {
        width: 32px;
        height: 32px
    }
		}
.userdata-form .second-header h2.title-label {
      margin: 0;
      font-size: 18px;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
    }
@media (min-width: 992px) {
.userdata-form .second-header h2.title-label {
        font-size: 20px
    }
		}
.userdata-form form.user-create-form .sapcode-search .status-disabled {
          opacity: 0.2;
          background-color: #606060;
        }
.userdata-form form.user-create-form .sapcode-search .status-reset {
          opacity: 1;
          background-color: #606060;
        }
.userdata-form form.user-create-form .create-no-sap-user {
        margin-top: 32px;
      }
.userdata-form form.user-create-form .create-no-sap-user a {
          font-weight: 700;
          text-decoration: underline;
        }
.userdata-form form.user-create-form .show-by-sap-search {
        display: none;
      }
.userdata-form form.user-create-form .show-by-sap-search.show {
          display: block;
        }
.userdata-form form.user-create-form .show-by-sap-search .createuser-cta {
          padding: 32px 16px;
        }
@media (max-width: 767px) {
.userdata-form form.user-create-form .show-by-sap-search .createuser-cta {
            padding: 16px 0
        }
		}
.userdata-form form.user-create-form .show-by-sap-search .no-userdata {
          padding: 64px 0;
          text-align: center;
        }
.userdata-form form.user-create-form .userupdate-cta {
        gap: 0 16px;
      }
.userdata-form form .sales-group-select .input-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        gap: 12px;
      }
.userdata-form form .sales-group-select .input-wrapper .radio-item {
          margin-left: 0;
        }
@media (max-width: 767px) {
        .user-search .search-term .input-wrapper:not(.fill) {
          -webkit-box-flex: 0;
              -ms-flex: none;
                  flex: none;
        }
        .user-data .user-container .list-inner.user-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          gap: 12px 0;
        }
          .user-data .user-container .list-inner.user-item.thead {
            display: none;
          }
            .user-data .user-container .list-inner.user-item .list-item[class*="item-"] {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 100%;
                      flex: 0 0 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-flow: row wrap;
                      flex-flow: row wrap;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              gap: 0 8px;
              padding-bottom: 0;
            }
                .user-data .user-container .list-inner.user-item .list-item[class*="item-"]:not(.item-view)::before {
                  content: attr(data-itemhead) ":";
                  display: block;
                  -webkit-box-flex: 0;
                      -ms-flex: 0 0 102px;
                          flex: 0 0 102px;
                  max-width: 102px;
                  font-weight: 400;
                  text-align: left;
                  color: #606060;
                }
              .user-data .user-container .list-inner.user-item .list-item[class*="item-"].item-view {
                padding-left: 110px;
              }

              .user-data .user-container .list-inner.user-item .list-item[class*="item-"] .item-value {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                font-weight: 600;
              }
		}
.dashboard-content {
}
.modal {
  z-index: 1069;
}
.modal .modal-dialog {
    padding: 8px;
  }
.modal .modal-dialog.modal-lg {
      max-width: 768px;
    }
.modal .modal-dialog .modal-content .modal-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: none;
      }
.modal .modal-dialog .modal-content .modal-header .modal-title {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 0 8px;
        }
.modal .modal-dialog .modal-content .modal-header .modal-title .icon-comment {
            width: 20px;
            height: 20px;
          }
.modal .modal-dialog .modal-content .close {
        padding: 0;
        margin: 0;
        width: 32px;
        height: 32px;
        font-size: 32px;
        font-weight: 300;
        text-shadow: none;
      }
.modal .modal-dialog .modal-content .close.float-right {
          opacity: 1;
          position: absolute;
          width: auto;
          height: auto;
          top: 8px;
          right: 8px;
          z-index: 9;
        }
.modal .modal-dialog .modal-content .close.float-right span {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 32px;
            height: 32px;
            font-size: 24px;
            line-height: 0;
            color: #ffffff;
            padding: 8px;
            background-color: black;
            border-radius: 999px;
          }
.modal .modal-dialog .modal-content .modal-body {
        max-height: 600px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
      }
.modal .modal-dialog .modal-content .modal-body .comment-info {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          gap: 0 16px;
          padding-bottom: 12px;
          border-bottom: 1px solid #eaeaea;
        }
.modal .modal-dialog .modal-content .modal-body .comment-info .warranty-no,
          .modal .modal-dialog .modal-content .modal-body .comment-info .posting-time {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 4px;
            font-size: 14px;
          }
.modal .modal-dialog .modal-content .modal-body .comment-info .warranty-no .customer-warranty-no, .modal .modal-dialog .modal-content .modal-body .comment-info .posting-time .customer-warranty-no {
              font-weight: 600;
            }
.modal .modal-dialog .modal-content .modal-body .edit-warranty-form .action-warning {
            color: #e50013;
            font-weight: 700;
            margin-bottom: 4px;
          }
.modal .modal-dialog .modal-content .modal-body .edit-warranty-form .enable-edit-link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            background-color: #ffeded;
            padding: 12px 16px;
            gap: 8px;
          }
.modal .modal-dialog .modal-content .modal-body .edit-warranty-form .enable-edit-link .warranty-no {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-flow: row wrap;
                      flex-flow: row wrap;
              gap: 0 8px;
            }
.modal .modal-dialog .modal-content .modal-body .edit-warranty-form .enable-edit-link .warranty-no .customer-warranty-no {
                color: #e50013;
                font-weight: 700;
              }
.modal .modal-dialog .modal-content .modal-body .download-files {
          gap: 1px;
        }
.modal .modal-dialog .modal-content .modal-body .download-files .file-container {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 4px 8px;
            background-color: #eaeaea;
            padding: 8px 12px;
          }
.modal .modal-dialog .modal-content .modal-body .download-files .file-container .file-name {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
            }
.modal .modal-dialog .modal-content .modal-body .download-files .file-container .file-name .name {
                font-weight: 700;
                color: #e50013;
              }
.modal .modal-dialog .modal-content .modal-body .comment-file-upload .second-header,
          .modal .modal-dialog .modal-content .modal-body .comment-file-upload [class*="col-"] {
            border: none;
          }
.modal .modal-dialog .modal-content .modal-body .comment-file-upload .input-group {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 8px;
          }
.modal .modal-dialog .modal-content .modal-body .comment-file-upload .input-group .input-wrapper {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-flow: row wrap;
                      flex-flow: row wrap;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              gap: 12px;
            }
.modal .modal-dialog .modal-content .modal-body .comment-file-upload .input-group .input-wrapper input[type="file"] {
                margin: auto;
                padding: 4px;
                height: auto;
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                background-color: #fafafa;
                border: 1px solid #d0d0d0;
                border-radius: 8px;
                cursor: pointer;
              }
.modal .modal-dialog .modal-content .modal-body .comment-file-upload .input-group .input-wrapper input[type="file"]::file-selector-button {
                  padding: 6px 12px;
                  font-size: 14px;
                  font-weight: 400;
                  border-width: 0;
                  border-radius: 8px;
                  background-color: #d0d0d0;
                  color: #606060;
                  margin-right: 1em;
                }
.modal .modal-dialog .modal-content .modal-body .comment-file-upload .input-group .input-wrapper input[type="file"]:hover {
                  background-color: #ffffff;
                }
.modal .modal-dialog .modal-content .modal-body .comment-file-upload .input-group .input-wrapper input[type="file"]:hover::file-selector-button {
                    color: #ffffff;
                    background-color: #606060;
                  }
.modal .modal-dialog .modal-content .modal-body .comment-file-upload .input-group .input-wrapper .delete-button {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 28px;
                        flex: 0 0 28px;
                width: 28px;
                height: 28px;
                cursor: pointer;
              }
@media (min-width: 992px) {
          .modal .modal-dialog .modal-content .modal-body .comment-info {
            padding-left: 16px;
            padding-right: 16px;
          }
		}
.modal .modal-dialog .modal-content .modal-footer .tertiary {
          -webkit-filter: grayscale(1);
                  filter: grayscale(1);
        }
.modal .modal-dialog.modal-full {
      max-width: 96vw;
    }
.modal .modal-dialog.modal-full .modal-body {
        max-height: none;
      }
.toast {
  border: none;
  border-radius: 8px;
  background: transparent;
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
}
.toast * {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
.toast.show {
    display: block;
    opacity: 1;
    position: fixed;
    top: 82px;

    left: calc(50% - 16px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin: 0 16px;
    width: calc(100% - 32px);
    max-width: 800px;
    z-index: 9999;
  }
@media (max-width: 991px) {
.toast.show {
      top: 64px;
  }
		}
.toast .alert-toast {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 16px;
  }
.toast .alert-toast.success {
      background-color: #009d25;
    }
.toast .alert-toast.error {
      background-color: #e50013;
    }
.toast .alert-toast .message {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
.toast .alert-toast .close {
      color: #fff;
      text-shadow: none;
      opacity: 1;
      font-weight: 400;
    }
.cc-window {
	opacity: 1;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.cc-window.cc-invisible {
	opacity: 0
}
.cc-animate.cc-revoke {
	-webkit-transition: transform 1s ease;
	-webkit-transition: -webkit-transform 1s ease;
	transition: -webkit-transform 1s ease;
	transition: transform 1s ease;
	transition: transform 1s ease, -webkit-transform 1s ease
}
.cc-animate.cc-revoke.cc-top {
	-webkit-transform: translateY(-2em);
	transform: translateY(-2em)
}
.cc-animate.cc-revoke.cc-bottom {
	-webkit-transform: translateY(2em);
	transform: translateY(2em)
}
.cc-animate.cc-revoke.cc-active.cc-top {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.cc-animate.cc-revoke.cc-active.cc-bottom {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.cc-revoke:hover {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.cc-grower {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 1s;
	transition: max-height 1s
}
.cc-revoke, .cc-window {
	position: fixed;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	z-index: 9999
}
.cc-window.cc-static {
	position: static
}
.cc-window.cc-floating {
	padding: 2em;
	max-width: 24em;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.cc-window.cc-banner {
	padding: 1em 1.8em;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}
.cc-revoke {
	padding: .5em
}
.cc-revoke:hover {
	text-decoration: underline
}
.cc-header {
	font-size: 18px;
	font-weight: 700
}
.cc-btn, .cc-close, .cc-link, .cc-revoke {
	cursor: pointer
}
.cc-link {
	opacity: .8;
	display: inline-block;
	padding: .2em;
	text-decoration: underline
}
.cc-link:hover {
	opacity: 1
}
.cc-link:active, .cc-link:visited {
	color: initial
}
.cc-btn {
	display: block;
	padding: .4em .8em;
	font-size: .9em;
	font-weight: 700;
	border-width: 2px;
	border-style: solid;
	text-align: center;
	white-space: nowrap
}
.cc-highlight .cc-btn:first-child {
	background-color: transparent;
	border-color: transparent
}
.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
	background-color: transparent;
	text-decoration: underline
}
.cc-close {
	display: block;
	position: absolute;
	top: .5em;
	right: .5em;
	font-size: 1.6em;
	opacity: .9;
	line-height: .75
}
.cc-close:focus, .cc-close:hover {
	opacity: 1
}
.cc-revoke.cc-top {
	top: 0;
	left: 3em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em
}
.cc-revoke.cc-bottom {
	bottom: 0;
	left: 3em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em
}
.cc-revoke.cc-left {
	left: 3em;
	right: unset
}
.cc-revoke.cc-right {
	right: 3em;
	left: unset
}
.cc-top {
	top: 1em
}
.cc-left {
	left: 1em
}
.cc-right {
	right: 1em
}
.cc-bottom {
	bottom: 1em
}
.cc-floating>.cc-link {
	margin-bottom: 1em
}
.cc-floating .cc-message {
	display: block;
	margin-bottom: 1em
}
.cc-window.cc-floating .cc-compliance {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}
.cc-window.cc-banner {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.cc-banner.cc-top {
	left: 0;
	right: 0;
	top: 0
}
.cc-banner.cc-bottom {
	left: 0;
	right: 0;
	bottom: 0
}
.cc-banner .cc-message {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: 100%;
	margin-right: 1em
}
.cc-compliance {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: justify;
	align-content: space-between
}
.cc-floating .cc-compliance>.cc-btn {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.cc-btn+.cc-btn {
	margin-left: .5em
}
@media print {
	.cc-revoke, .cc-window {
		display: none
	}

}
@media screen and (max-width:900px) {
	.cc-btn {
		white-space: normal
	}

}
@media screen and (max-width:414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape) {
	.cc-window.cc-top {
		top: 0
	}

	.cc-window.cc-bottom {
		bottom: 0
	}

	.cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
		left: 0;
		right: 0
	}

	.cc-window.cc-banner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.cc-window.cc-banner .cc-compliance {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}

	.cc-window.cc-floating {
		max-width: none
	}

	.cc-window .cc-message {
		margin-bottom: 1em
	}

	.cc-window.cc-banner {
		-webkit-box-align: unset;
		-ms-flex-align: unset;
		align-items: unset
	}

	.cc-window.cc-banner .cc-message {
		margin-right: 0
	}

}
.cc-floating.cc-theme-classic {
	padding: 1.2em;
	border-radius: 5px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
	text-align: center;
	display: inline;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}
.cc-theme-classic .cc-btn {
	border-radius: 5px
}
.cc-theme-classic .cc-btn:last-child {
	min-width: 140px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
	display: inline-block
}
.cc-theme-edgeless.cc-window {
	padding: 0
}
.cc-floating.cc-theme-edgeless .cc-message {
	margin: 2em;
	margin-bottom: 1.5em
}
.cc-banner.cc-theme-edgeless .cc-btn {
	margin: 0;
	padding: .8em 1.8em;
	height: 100%
}
.cc-banner.cc-theme-edgeless .cc-message {
	margin-left: 1em
}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
	margin-left: 0
}
/* Maybe DELETE Later */
.table-container table {
		width: 100%;
		background-color: #ffffff;
		border-collapse: collapse;
		border: none;
		border-top: 1px solid #e50013;
	}
.table-container table thead {

			border: 1px solid #e50013;
			border-bottom: 4px solid #a7000e;
			border-bottom: 4px solid #808080;
		}
@media (min-width: 768px) {
.table-container table thead {
				top: 0;
				-webkit-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
		}

				.table-container table thead.thead--is-fixed {
					display: table;
					position: fixed;
					top: 64px;
				}
		}
.table-container table thead tr th {
					padding: 16px 3px;
					text-align: center;
					border-width: 1px;
					border-style: solid;
					border-color: #CFABD6;
					background-color: #e50013;
				}
.table-container table thead tr th:first-child {
						border-left: 1px solid #e50013;
					}
.table-container table thead tr th:last-child {
						border-right: 1px solid #e50013;
					}
.table-container table thead tr th span {
						display: block;
						text-transform: uppercase;
						color: #ffffff;
						font-size: 10px;
					}
@media (min-width: 992px) {
.table-container table thead tr th span {
							font-size: 11px
					}
		}
.table-container table thead tr:first-child th {
						border-top: 1px solid #e50013;
					}
.table-container table tbody tr td {
					padding: 10px 3px;
					text-align: center;
					border-width: 1px;
					border-style: solid;
					border-color: #cccccc;
				}
.table-container table tbody tr td span {
						display: block;
						word-break: break-word;
						font-size: 11px;
						color: #404040;
					}
@media (min-width: 992px) {
.table-container table tbody tr td span {
							font-size: 12px
					}
		}
.table-container table tbody tr td .btn {
						font-size: 10px;
					}
@media (min-width: 992px) {
.table-container table tbody tr td .btn {
							font-size: 11px
					}
		}
.table-container table tbody tr td input[type=number] {
						width: 60%;
						min-width: 36px;
						border: 1px solid #CCCCCC;
						padding: 8px 1px;
						text-align: right;
					}
.table-container table tbody tr td input[type=number]::-webkit-inner-spin-button,
					.table-container table tbody tr td input[type=number]::-webkit-outer-spin-button {
						opacity: 1;
					}
.table-container table thead.thead--is-fixed {
			z-index: 9;
		}
.table-container table thead.thead--is-fixed + tbody tr:first-child td {
			padding-top: 100px;
			/* transition: all 0.3s ease; */
		}
@media (max-width: 767px) {
	table.search-table,
	table.search-table tbody,
	table.search-table tbody tr {
		display: block !important;
		width: 100% !important;
	}
		table.search-table thead {
			display: none;
		}
			table.search-table tbody tr{
				padding: 12px 0;
				border-bottom: 1px solid #cccccc;
			}
				table.search-table tbody tr:after {
					display: block;
					clear: both;
					content: "";
				}
				table.search-table tbody tr td {
					position: relative;
					padding: 5px 0 5px 25%;
					text-align: left;
					border: none;
					display: block;
					width: 50% !important;
					float: left;
					color: #303030;
				}

					table.search-table tbody tr td:before {
						content: attr(data-title);
						position: absolute;
						/* top: 4px; */
						top: 0;
						left: 0;
						width: 50%;
						height: 100%;
						font-size: 11px;
						color: #808080;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
					}

					table.search-table tbody tr td:first-child {
						float: none;
						width: 100% !important;
					}
						table.search-table tbody tr td:first-child span {
							display: inline-block;
						}
						table.search-table tbody tr td:first-child button {
							margin: 0 0 0 4px;
						}
						table.search-table tbody tr td:first-child:before {
							width: 25%;
							/* top: 8px; */
						}
		}
.view-toggle {
	position: absolute;
	top: -36px;
	right: 0;
}
.view-toggle label.listview,
		.view-toggle label.cardview {
			display: inline-block;
			margin: 0 1px;
			padding: 0;
			line-height: 1;
		}
.view-toggle label.listview input[type="radio"], .view-toggle label.cardview input[type="radio"] {
				display: none;
			}
.view-toggle label.listview input[type="radio"] + span.icon, .view-toggle label.cardview input[type="radio"] + span.icon {
				font-size: 28px;
				color: #aaaaaa;
				cursor: pointer;
			}
.view-toggle label.listview input[type="radio"]:checked + span.icon, .view-toggle label.cardview input[type="radio"]:checked + span.icon {
				color: #e50013;
			}
@media (min-width: 992px) {
					.view-toggle label.listview:hover input[type="radio"] + span.icon, .view-toggle label.cardview:hover input[type="radio"] + span.icon {
						color: #e50013;
					}
		}
@media (max-width: 767px) {
.view-toggle {
		display: none !important
}
		}