/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Roboto";
  font-weight: 100;
  font-style: normal;
  src: url("/fonts/Roboto-Thin.ttf");
}
@font-face {
  font-family: "Roboto";
  font-weight: 100;
  font-style: italic;
  src: url("/fonts/Roboto-ThinItalic.ttf");
}
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  font-style: normal;
  src: url("/fonts/Roboto-Light.ttf");
}
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  font-style: italic;
  src: url("/fonts/Roboto-LightItalic.ttf");
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/Roboto-Regular.ttf");
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: italic;
  src: url("/fonts/Roboto-Italic.ttf");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  src: url("/fonts/Roboto-Medium.ttf");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
  src: url("/fonts/Roboto-MediumItalic.ttf");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  src: url("/fonts/Roboto-Bold.ttf");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: italic;
  src: url("/fonts/Roboto-BoldItalic.ttf");
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  font-style: normal;
  src: url("/fonts/Roboto-Black.ttf");
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  font-style: italic;
  src: url("/fonts/Roboto-BlackItalic.ttf");
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --primary-color: #1078d2;
  --primary-color-rbg: 16, 120, 210;
  --secondary-color: #1a315a;
  --backdrop-color: #fff;
  --brand-indigo: #1a315a;
  --detail-color: #4b5563;
  --hint-color: #6b7280;
  --light-color: #fff;
  --dark-color: #111827;
  --frame-color: #d1d5db;
  --support-color: #f5f6f8;
  --danger-color: #d01616;
  --red-50: #fff5f4;
  --success-color: Green;
  --brand-blue: #1078d2;
  --brand-silver: #f5f6f8;
  --disabled-text-color: #909599;
  --disabled-border-color: #b7bcc5;
  --z-index-top: 5;
  --z-index-secondtop: 4;
  --z-index-middle: 3;
  --z-index-secondbottom: 2;
  --z-index-bottom: 1;
}

html {
  font-size: 16px;
}

body {
  font-family: "Roboto", Tahoma, Arial, sans-serif;
  margin: 0px;
}

p {
  color: var(--greys-600);
  font-size: 0.875rem;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
}

main {
  grid-area: main;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

footer {
  grid-area: footer;
}

h1,
h4,
h5 {
  font-weight: 500;
  font-family: "Roboto";
}

h2,
h3 {
  font-weight: 400;
  font-family: "Roboto";
}

h1 {
  font-size: 1.62rem;
  line-height: 2.25rem;
  color: var(--secondary-color);
}

h2 {
  font-size: 1.37rem;
  line-height: 1.75rem;
  color: var(--secondary-color);
}

h3 {
  font-size: 1.25rem;
  line-height: 1.62rem;
  color: var(--secondary-color);
}

h4 {
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--greys-900);
}

h5 {
  font-size: 0.87rem;
  line-height: 1.25rem;
  color: var(--greys-900);
}

h1, h2, h3 {
  color: var(--primary-color);
}

@media screen and (min-width: 1280px) {
  h1 {
    line-height: 2.25rem;
    font-size: 2rem;
    font-weight: 500;
  }
  h2 {
    line-height: 1.75rem;
    font-size: 1.5rem;
    font-weight: 400;
  }
  h3 {
    line-height: 1.62rem;
    font-size: 1.25rem;
    font-weight: 400;
  }
  h4 {
    line-height: 1.37rem;
    font-size: 1rem;
    font-weight: 400;
  }
  h5 {
    line-height: 1.25rem;
    font-size: 0.87rem;
    font-weight: 400;
  }
}
@media screen and (max-width: 1279px) {
  .section-heading {
    margin-top: 64px;
    margin-bottom: 2px;
  }
  .section-heading .section-title {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--hint-color);
  }
  .page-heading {
    margin-bottom: 36px;
  }
  .page-heading h1 {
    font-size: 1.625rem;
    line-height: 2.125rem;
    font-weight: 500;
    color: var(--primary-color);
    margin: 0;
  }
  mw-groupmenu .top {
    margin-bottom: 12px;
  }
  mw-groupmenu .top h3 {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.625rem;
    color: var(--secondary-color);
    margin: 0;
  }
  h4 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--dark-color);
    margin: 0;
  }
}
label {
  cursor: pointer;
}

label > * {
  display: block;
}

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

.placeholder {
  color: var(--hint-color, #6B7280);
  font-family: Roboto;
  font-size: 0.875rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}

.fact-find .label,
.fact-find label {
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 1.125rem;
  height: 1.125rem;
}
.fact-find input[type=text],
.fact-find input[type=number],
.fact-find select,
.fact-find textarea {
  padding: 12px 15px;
  border: 1px solid gray;
  border-radius: var(--field-border-radius);
  font-size: 1rem;
  box-sizing: border-box;
  outline: none;
  width: 100%;
}
.fact-find input[type=text]:focus,
.fact-find input[type=text] :focus-visible, .fact-find input[type=text]:hover,
.fact-find input[type=number]:focus,
.fact-find input[type=number] :focus-visible,
.fact-find input[type=number]:hover,
.fact-find select:focus,
.fact-find select :focus-visible,
.fact-find select:hover,
.fact-find textarea:focus,
.fact-find textarea :focus-visible,
.fact-find textarea:hover {
  border: 1px solid var(--brand-blue);
  box-shadow: 0px 0px 0.3rem var(--brand-blue);
}
.fact-find div.input-with-prefix,
.fact-find div.input-with-suffix {
  position: relative;
}
.fact-find div.input-with-prefix .prefix,
.fact-find div.input-with-prefix .suffix,
.fact-find div.input-with-suffix .prefix,
.fact-find div.input-with-suffix .suffix {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.fact-find div.input-with-prefix .prefix,
.fact-find div.input-with-suffix .prefix {
  left: 15px;
}
.fact-find div.input-with-prefix .suffix,
.fact-find div.input-with-suffix .suffix {
  right: 15px;
}
.fact-find div.input-with-prefix input[type=number],
.fact-find div.input-with-suffix input[type=number] {
  height: 2.875rem;
  line-height: 2.875rem;
  border: 1px solid gray;
  border-radius: 4px;
}
.fact-find div.input-with-prefix input[type=number]:focus,
.fact-find div.input-with-prefix input[type=number] :focus-visible, .fact-find div.input-with-prefix input[type=number]:hover,
.fact-find div.input-with-suffix input[type=number]:focus,
.fact-find div.input-with-suffix input[type=number] :focus-visible,
.fact-find div.input-with-suffix input[type=number]:hover {
  border: 1px solid var(--brand-blue);
  box-shadow: 0px 0px 0.3rem var(--brand-blue);
}
.fact-find div.input-with-prefix input[type=number] {
  padding: 0 15px 0 40px;
}
.fact-find div.input-with-suffix input[type=number] {
  padding: 0 40px 0 15px;
}
.fact-find .currency-percent-field {
  display: flex;
}
.fact-find .currency-percent-field .currency-percent-input {
  flex: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fact-find .currency-percent-field .currency-percent-select {
  width: 7.5rem;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ff-button {
  border: 0;
  padding: 12px 15px;
  border-radius: var(--field-border-radius);
  background: var(--support-color);
  display: inline-block;
  border-radius: var(--field-border-radius);
  color: var(--brand-indigo);
  font-weight: 500;
  font-family: Roboto;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
}
.ff-button.ff-button--primary {
  color: white;
  color: var(--support-color);
  border-radius: var(--field-border-radius);
  background: var(--primary-color);
}
.ff-button.ff-button--primary:active {
  box-shadow: 0px 0px 10px 0px rgba(26, 49, 90, 0.6);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), var(--primary-color);
}
.ff-button.ff-button:hover {
  filter: brightness(80%);
}
.ff-button:not(.ff-button--primary):active {
  filter: brightness(80%);
  box-shadow: 0px 0px 10px 0px rgba(26, 49, 90, 0.6);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #F5F6F8;
}
.ff-button.ff-button:visited {
  filter: brightness(90%);
}
.ff-button.ff-button:disabled {
  background: var(--greys-300, #D1D5DB);
  color: white;
}

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

input[type=text]:focus-visible, input[type=email]:focus-visible, input[type=tel]:focus-visible {
  outline: none;
}
input:focus {
  box-shadow: 0px 0px 8px 0px rgba(2, 126, 195, 0.5);
  border: 1px solid var(--primary-color);
  outline: none;
}

select {
  cursor: pointer;
}
select:focus-visible {
  outline: none;
}
select:focus {
  outline: none;
}

input[type=text],
input[type=number],
input[type=password],
input[type=email],
select,
textarea {
  padding: 0.75rem 0.9385rem;
  align-items: center;
  font-family: Roboto;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  border-radius: var(--field-border-radius);
  border: 1px solid var(--border-border-primary, #d1d5db);
}

.ff-select {
  position: relative;
  display: block;
  border-radius: var(--field-border-radius);
  border: 1px solid var(--greys-350, #b7bcc5);
  border-radius: var(--field-border-radius);
  background: var(--brand-white, #fffefe);
  z-index: var(--z-index-bottom);
}

.ff-select select {
  border: none;
  outline: none;
  background: transparent;
  appearance: none;
  border-radius: var(--field-border-radius);
  margin: 0;
  display: block;
  padding: 0.75rem 2.5rem 0.75rem 0.75rem;
  color: var(--greys-900, #111827);
  width: 100%;
}
.ff-select select:focus {
  outline: 1px solid var(--primary-color);
  box-shadow: 0px 0px 8px 0px rgba(2, 126, 195, 0.5);
}

.ff-select:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5rem;
  height: 100%;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  font-size: 1.5rem;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%231A315A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.form-input-text {
  font-family: Roboto;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  display: flex;
  padding: 0.625rem 0.9385rem;
  box-sizing: border-box;
  border-radius: var(--field-border-radius);
  border: 1px solid var(--border-border-primary, #d1d5db);
}
.form-input-text:focus {
  box-shadow: 0px 0px 8px 0px rgba(2, 126, 195, 0.5);
  border: 1px solid var(--primary-color);
  outline: none;
}

.form-input-label {
  display: block;
  color: var(--greys-600);
  cursor: pointer;
  font-size: 0.875rem;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  margin-bottom: 0.1885rem;
}

.fact-find .label,
.fact-find label {
  font-size: 0.8135rem;
  font-weight: 400;
  line-height: 1.125rem;
  height: 1.125rem;
}
.fact-find input[type=text],
.fact-find input[type=number],
.fact-find textarea {
  padding: 0.75rem 0.9385rem;
  font-size: 1rem;
  box-sizing: border-box;
  outline: none;
  width: 100%;
}
.fact-find input[type=text]:focus,
.fact-find input[type=text] :focus-visible, .fact-find input[type=text]:hover,
.fact-find input[type=number]:focus,
.fact-find input[type=number] :focus-visible,
.fact-find input[type=number]:hover,
.fact-find textarea:focus,
.fact-find textarea :focus-visible,
.fact-find textarea:hover {
  border: 1px solid var(--primary-color);
  box-shadow: 0px 0px 0.3rem var(--brand-blue);
}
.fact-find input[type=text]:read-only,
.fact-find input[type=number]:read-only,
.fact-find textarea:read-only {
  color: var(--disabled-text-color);
  border: none;
  padding-left: 0px;
}
.fact-find input[type=text]:read-only:focus,
.fact-find input[type=text]:read-only :focus-visible, .fact-find input[type=text]:read-only:hover,
.fact-find input[type=number]:read-only:focus,
.fact-find input[type=number]:read-only :focus-visible,
.fact-find input[type=number]:read-only:hover,
.fact-find textarea:read-only:focus,
.fact-find textarea:read-only :focus-visible,
.fact-find textarea:read-only:hover {
  border: none;
  box-shadow: none;
}
.fact-find div.input-with-prefix,
.fact-find div.input-with-suffix {
  position: relative;
}
.fact-find div.input-with-prefix .prefix,
.fact-find div.input-with-prefix .suffix,
.fact-find div.input-with-suffix .prefix,
.fact-find div.input-with-suffix .suffix {
  position: absolute;
  transform: translateY(-50%);
}
.fact-find div.input-with-prefix .prefix,
.fact-find div.input-with-suffix .prefix {
  left: 0.9385rem;
}
.fact-find div.input-with-prefix .suffix,
.fact-find div.input-with-suffix .suffix {
  right: 0.9385rem;
}
.fact-find div.input-with-prefix input[type=number],
.fact-find div.input-with-suffix input[type=number] {
  height: 2.875rem;
  line-height: 2.875rem;
}
.fact-find div.input-with-prefix input[type=number]:focus,
.fact-find div.input-with-prefix input[type=number] :focus-visible, .fact-find div.input-with-prefix input[type=number]:hover,
.fact-find div.input-with-suffix input[type=number]:focus,
.fact-find div.input-with-suffix input[type=number] :focus-visible,
.fact-find div.input-with-suffix input[type=number]:hover {
  border: 1px solid var(--primary-color);
  box-shadow: 0px 0px 0.3rem var(--brand-blue);
}
.fact-find div.input-with-prefix input[type=number] {
  padding: 0 0.9385rem 0 2.5rem;
}
.fact-find div.input-with-suffix input[type=number] {
  padding: 0 2.5rem 0 0.9385rem;
}
.fact-find mw-list input[type=text]:read-only,
.fact-find mw-list input[type=number]:read-only,
.fact-find mw-list textarea:read-only {
  color: var(--disabled-text-color);
  border: 1px solid var(--disabled-border-color);
  padding-left: 2.5rem;
}
.fact-find mw-list input[type=text]:read-only:focus,
.fact-find mw-list input[type=text]:read-only :focus-visible, .fact-find mw-list input[type=text]:read-only:hover,
.fact-find mw-list input[type=number]:read-only:focus,
.fact-find mw-list input[type=number]:read-only :focus-visible,
.fact-find mw-list input[type=number]:read-only:hover,
.fact-find mw-list textarea:read-only:focus,
.fact-find mw-list textarea:read-only :focus-visible,
.fact-find mw-list textarea:read-only:hover {
  border: 1px solid var(--disabled-border-color);
}

.can-validate.ng-invalid.ng-touched,
.create-ff-form__input.ng-invalid.ng-touched {
  border-radius: var(--field-border-radius);
  border: 1px solid var(--danger-color) !important;
  background: var(--red-50);
}

.can-validate.ng-invalid.ng-touched + .create-ff-error-message,
.create-ff-form__input.ng-invalid.ng-touched + .create-ff-error-message {
  display: flex;
}

.input-error-message,
.create-ff-error-message {
  display: none;
  color: var(--danger-color);
  font-size: 0.8135rem;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  gap: 0.625rem;
  margin: 0.1885rem auto;
  align-items: center;
}
.input-error-message .warning-message,
.create-ff-error-message .warning-message {
  display: inline-block;
  width: 0.8135rem;
  height: 0.75rem;
  background-repeat: no-repeat;
  /* background-color: #FFFFFF; */
  background-image: url('data:image/svg+xml,<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1465_1690)"><path d="M12.2533 9.054L7.81855 0.96C7.46607 0.318 6.86365 0 6.26124 0C5.65882 0 5.05641 0.318 4.70393 0.96L0.262726 9.054C-0.179472 9.864 -0.064116 10.944 0.621611 11.532C0.96768 11.826 1.40347 12 1.8713 12H10.6384C11.1126 12 11.5484 11.826 11.8881 11.532C12.5738 10.95 12.6955 9.87 12.2469 9.054H12.2533ZM11.1959 10.812C11.0806 10.908 10.8883 11.028 10.6384 11.028H1.8713C1.62136 11.028 1.4291 10.908 1.31375 10.812C0.993314 10.542 0.935636 9.936 1.17917 9.492L5.62037 1.404C5.77418 1.128 6.00489 0.972 6.26124 0.972C6.51759 0.972 6.7483 1.128 6.90211 1.404L11.3433 9.498C11.5868 9.942 11.5228 10.548 11.2087 10.818L11.1959 10.812Z" fill="%23D01616"/><path d="M6.94073 8.29195L7.1394 3.92395H5.47314L5.67181 8.29195H6.94073Z" fill="%23D01616"/><path d="M6.29345 8.91602C6.04352 8.91602 5.83844 8.98802 5.67181 9.12602C5.50519 9.26402 5.42188 9.44402 5.42188 9.66002C5.42188 9.87602 5.50519 10.056 5.67181 10.194C5.83844 10.332 6.04352 10.404 6.29345 10.404C6.54339 10.404 6.74847 10.332 6.91509 10.194C7.08172 10.056 7.16503 9.87602 7.16503 9.66002C7.16503 9.44402 7.08172 9.26402 6.91509 9.12602C6.74847 8.98802 6.54339 8.91602 6.29345 8.91602Z" fill="%23D01616"/></g><defs><clipPath id="clip0_1465_1690"><rect width="12.5161" height="12" fill="white"/></clipPath></defs></svg>');
  /* background-attachment: fixed | scroll; */
  /* background-size: auto | cover | contain | 500px 250px; */
  /* background-position: center | right 30px bottom 0.9385rem; */
  /* background-repeat: no-repeat | repeat | repeat-x; */
  /* background-origin: border-box | padding-box | content-box; */
  /* background-clip: border-box | padding-box | content-box; */
  /* background-blend-mode: multiply | screen | overlay; */
}

.input-error-message {
  display: flex;
}

.mw-tooltip > .invalid-input.ng-invalid.ng-touched {
  border-radius: var(--field-border-radius);
  border: 1px solid var(--danger-color) !important;
  background: var(--red-50);
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

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

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

.g-6,
.gx-6 {
  --bs-gutter-x: 6rem;
}

.g-6,
.gy-6 {
  --bs-gutter-y: 6rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
/* To hide default controller for number input */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

button {
  cursor: pointer;
}

.ff-footer {
  color: rgba(107, 114, 128, 0.51);
}

@media (min-height: 500px) {
  .bg-cover .ff-footer {
    color: rgba(255, 255, 255, 0.5411764706);
    position: absolute;
    right: 0;
    left: 0;
    bottom: 3px;
    font-size: 0.625rem;
  }
}
.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.w-100 {
  width: 100%;
}

.k-theme-test-class,
.k-common-test-class {
  opacity: 0;
}

[hidden] {
  display: none !important;
}

script {
  display: none !important;
}

.k-hidden {
  display: none !important;
}

.k-rtl {
  direction: rtl;
}

.k-sr-only {
  position: absolute;
  left: -1px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.k-hbox,
.k-hstack {
  display: flex;
  flex-flow: row nowrap;
}

.k-vbox,
.k-vstack {
  display: flex;
  flex-flow: column nowrap;
}

.k-flex,
.k-spacer {
  flex: 1 0 0%;
}

.k-flex-layout {
  display: flex;
}

.k-grid-layout {
  display: grid;
}

.k-separator {
  width: auto;
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: inherit;
  display: block;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  align-self: stretch;
}

.k-separator-horizontal,
.k-vstack > .k-separator {
  width: auto;
  height: 0;
  border-width: 1px 0 0;
}

.k-separator-vertical,
.k-hstack > .k-separator {
  width: 0;
  height: auto;
  border-width: 0 0 0 1px;
}

hr.k-separator {
  margin: 0;
  padding: 0;
}

.k-reset {
  margin: 0;
  padding: 0;
  border-width: 0;
  outline: 0;
  text-decoration: none;
  font: inherit;
  list-style: none;
}

kendo-sortable {
  display: block;
}

.k-link,
.k-link:hover {
  color: inherit;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}

.k-content {
  outline: 0;
}

.k-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.k-no-click {
  pointer-events: none;
}

.k-pdf-export-shadow {
  position: absolute;
  overflow: hidden;
  left: -15000px;
  width: 14400px;
}

.kendo-pdf-hide-pseudo-elements::before,
.kendo-pdf-hide-pseudo-elements::after {
  display: none !important;
}

.k-text-selection ::selection {
  background-color: #ff6358;
  color: white;
}

.k-block,
.k-panel {
  border-radius: 2px;
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #ffffff;
  padding: 4px 8px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.k-block > .k-header,
.k-panel > .k-header {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #fafafa;
  margin: -4px -8px 4px;
  padding: 8px 8px;
}

.k-content {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #ffffff;
}

.k-state-disabled,
.k-widget[disabled],
.k-disabled {
  outline: none;
  cursor: default;
  opacity: 0.6;
  filter: grayscale(0.1);
  pointer-events: none;
  box-shadow: none;
}
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-widget[disabled] .k-link,
.k-widget[disabled] .k-button,
.k-disabled .k-link,
.k-disabled .k-button {
  cursor: default;
  outline: 0;
}
.k-state-disabled [disabled],
.k-state-disabled .k-state-disabled,
.k-widget[disabled] [disabled],
.k-widget[disabled] .k-state-disabled,
.k-disabled [disabled],
.k-disabled .k-state-disabled {
  opacity: 1;
  filter: grayscale(0);
}

.k-hr {
  margin: 1em auto;
  padding: 0;
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.08);
  display: block;
  float: none;
  clear: both;
}

.k-d-flex-row > .k-hr {
  margin: 0;
  width: 0;
  height: auto;
  border-width: 0 0 0 1px;
  flex: 0 0 auto;
}

.k-d-flex-col > .k-hr {
  margin: 0;
  flex: 0 0 auto;
}

.k-dirty {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  border-color: #f31700 #f31700 transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}

[dir=rtl] .k-dirty,
.k-rtl .k-dirty {
  border-color: transparent transparent #f31700 #f31700;
  right: auto;
  left: 0;
}

.k-placeholder-line {
  width: 100%;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  display: inline-block;
}

.k-drop-hint {
  display: flex;
  gap: 4px;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  z-index: 1000;
  transform: translate(-50%, -50%);
}

.k-drop-hint-start,
.k-drop-hint-end {
  flex-shrink: 0;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}

.k-drop-hint-line {
  flex-grow: 1;
  background-color: #ff6358;
}

.k-drop-hint-h .k-drop-hint-start {
  border-left-width: 6.9282032304px;
  border-left-color: #ff6358;
  border-right-width: 0;
}
.k-drop-hint-h .k-drop-hint-line {
  width: 20px;
  height: 1px;
}
.k-drop-hint-h .k-drop-hint-end {
  border-right-width: 6.9282032304px;
  border-right-color: #ff6358;
  border-left-width: 0;
}

.k-drop-hint-v {
  flex-direction: column;
}
.k-drop-hint-v .k-drop-hint-start {
  border-top-width: 6.9282032304px;
  border-top-color: #ff6358;
  border-bottom-width: 0;
}
.k-drop-hint-v .k-drop-hint-line {
  width: 1px;
  height: 20px;
}
.k-drop-hint-v .k-drop-hint-end {
  border-bottom-width: 6.9282032304px;
  border-bottom-color: #ff6358;
  border-top-width: 0;
}

.k-animation-container {
  position: absolute;
  overflow: hidden;
  z-index: 100;
}
.k-animation-container-fixed {
  position: fixed;
}
.k-animation-container-relative {
  position: relative;
  display: inline-block;
}

.k-push-right-enter, .k-push-right-appear {
  transform: translate(-100%, 0);
}
.k-push-right-enter-active, .k-push-right-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-right-exit {
  transform: translate(0, 0);
}
.k-push-right-exit-active {
  transform: translate(100%, 0);
  transition: transform 300ms ease-in-out;
}

.k-push-left-enter, .k-push-left-appear {
  transform: translate(100%, 0);
}
.k-push-left-enter-active, .k-push-left-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-left-exit {
  transform: translate(0, 0);
}
.k-push-left-exit-active {
  transform: translate(-100%, 0);
  transition: transform 300ms ease-in-out;
}

.k-push-down-enter, .k-push-down-appear {
  transform: translate(0, -100%);
}
.k-push-down-enter-active, .k-push-down-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-down-exit {
  transform: translate(0, 0);
}
.k-push-down-exit-active {
  transform: translate(0, 100%);
  transition: transform 300ms ease-in-out;
}

.k-push-up-enter, .k-push-up-appear {
  transform: translate(0, 100%);
}
.k-push-up-enter-active, .k-push-up-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-up-exit {
  transform: translate(0, 0);
}
.k-push-up-exit-active {
  transform: translate(0, -100%);
  transition: transform 300ms ease-in-out;
}

.k-expand-vertical-enter, .k-expand-vertical-appear {
  transform: scaleY(0);
}
.k-expand-vertical-enter-active, .k-expand-vertical-appear-active {
  transform: scaleY(1);
  transition: transform 300ms ease-in-out;
}
.k-expand-vertical-exit {
  transform: scaleY(1);
}
.k-expand-vertical-exit-active {
  transform: scaleY(0);
  transition: transform 300ms ease-in-out;
}

.k-expand-horizontal-enter, .k-expand-horizontal-appear {
  transform: scaleX(0);
}
.k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active {
  transform: scaleX(1);
  transition: transform 300ms ease-in-out;
}
.k-expand-horizontal-exit {
  transform: scaleX(1);
}
.k-expand-horizontal-exit-active {
  transform: scaleX(0);
  transition: transform 300ms ease-in-out;
}

.k-fade-enter, .k-fade-appear {
  opacity: 0;
}
.k-fade-enter-active, .k-fade-appear-active {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}
.k-fade-exit {
  opacity: 1;
}
.k-fade-exit-active {
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}
.k-fade-exit-active + .k-fade-exit-active, .k-fade-enter-active + .k-fade-enter-active {
  display: none;
}

.k-zoom-in-enter, .k-zoom-in-appear {
  opacity: 0;
  transform: scale(0);
}
.k-zoom-in-enter-active, .k-zoom-in-appear-active {
  opacity: 1;
  transform: scale(1);
  transition: transform, opacity 300ms ease-in-out;
}
.k-zoom-in-exit {
  opacity: 1;
  transform: scale(1);
}
.k-zoom-in-exit-active {
  opacity: 0;
  transform: scale(2);
  transition: transform, opacity 300ms ease-in-out;
}

.k-zoom-out-enter, .k-zoom-out-appear {
  opacity: 0;
  transform: scale(2);
}
.k-zoom-out-enter-active, .k-zoom-out-appear-active {
  opacity: 1;
  transform: scale(1);
  transition: transform, opacity 300ms ease-in-out;
}
.k-zoom-out-exit {
  opacity: 1;
  transform: scale(1);
}
.k-zoom-out-exit-active {
  opacity: 0;
  transform: scale(0);
  transition: transform, opacity 300ms ease-in-out;
}

.k-slide-in-appear {
  opacity: 0.1;
  transform: translate(0, -3em);
}
.k-slide-in-appear .k-centered {
  transform: translate(-50%, -60%);
}
.k-slide-in-appear-active {
  opacity: 1;
  transform: translate(0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1);
}
.k-slide-in-appear-active .k-centered {
  transform: translate(-50%, -50%);
}

.k-slide-down-enter, .k-slide-down-appear {
  transform: translateY(-100%);
}
.k-slide-down-enter-active, .k-slide-down-appear-active {
  transform: translateY(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-down-exit {
  transform: translateY(0);
}
.k-slide-down-exit-active {
  transform: translateY(-100%);
  transition: transform 300ms ease-in-out;
}

.k-slide-up-enter, .k-slide-up-appear {
  transform: translateY(100%);
}
.k-slide-up-enter-active, .k-slide-up-appear-active {
  transform: translateY(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-up-exit {
  transform: translateY(0);
}
.k-slide-up-exit-active {
  transform: translateY(100%);
  transition: transform 300ms ease-in-out;
}

.k-slide-right-enter, .k-slide-right-appear {
  transform: translateX(-100%);
}
.k-slide-right-enter-active, .k-slide-right-appear-active {
  transform: translateX(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-right-exit {
  transform: translateX(0);
}
.k-slide-right-exit-active {
  transform: translateX(-100%);
  transition: transform 300ms ease-in-out;
}

.k-slide-left-enter, .k-slide-left-appear {
  transform: translateX(100%);
}
.k-slide-left-enter-active, .k-slide-left-appear-active {
  transform: translateX(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-left-exit {
  transform: translateX(0);
}
.k-slide-left-exit-active {
  transform: translateX(100%);
  transition: transform 300ms ease-in-out;
}

.k-reveal-vertical-enter, .k-reveal-vertical-appear {
  max-height: 0;
}
.k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active {
  transition: max-height 300ms ease-in-out;
}
.k-reveal-vertical-exit-active {
  max-height: 0 !important;
  transition: max-height 300ms ease-in-out;
}

.k-reveal-horizontal-enter, .k-reveal-horizontal-appear {
  max-width: 0;
}
.k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active {
  transition: max-width 300ms ease-in-out;
}
.k-reveal-horizontal-exit-active {
  max-width: 0 !important;
  transition: max-width 300ms ease-in-out;
}

.k-fx-end .k-fx-next,
.k-fx-end .k-fx-current {
  transition: all 350ms ease-out;
}

.k-fx {
  position: relative;
}
.k-fx .k-fx-current {
  z-index: 0;
}
.k-fx .k-fx-next {
  z-index: 1;
}

.k-fx-hidden,
.k-fx-hidden * {
  visibility: hidden !important;
}

.k-fx-reverse .k-fx-current {
  z-index: 1;
}
.k-fx-reverse .k-fx-next {
  z-index: 0;
}

.k-fx-zoom.k-fx-start .k-fx-next {
  transform: scale(0) !important;
}
.k-fx-zoom.k-fx-end .k-fx-next {
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next {
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
  transform: scale(0) !important;
}

.k-fx-fade.k-fx-start .k-fx-next {
  will-change: opacity;
  opacity: 0;
}
.k-fx-fade.k-fx-end .k-fx-next {
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: opacity;
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
  opacity: 0;
}

.k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer {
  transition: all 350ms ease-out;
}
.k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content {
  will-change: transform;
  transform: translateX(100%);
}
.k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer {
  will-change: opacity;
  opacity: 0;
}
.k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  will-change: transform;
  transform: translateX(0);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  transform: translateX(100%);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  transform: translateX(0);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer {
  will-change: opacity;
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer {
  opacity: 0;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
  transform: translateX(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  transform: translateX(0);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  transform: translateX(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  transform: translateX(0%);
}

.k-fx-tile.k-fx-start .k-fx-next {
  will-change: transform;
  transform: translateX(100%);
}
.k-fx-tile.k-fx-end .k-fx-current {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  transform: translateX(0);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
  transform: translateX(100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
  transform: translateX(0);
}
.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
  transform: translateX(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
  transform: translateX(0);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
  transform: translateX(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
  transform: translateX(0%);
}

.k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next {
  will-change: transform;
  transform: translateX(100%);
}
.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
  transform: translateX(-100%);
}
.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
  transform: translateY(100%);
}
.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
  transform: translateY(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
  transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
  transform: translateX(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
  transform: translateX(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
  transform: translateY(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
  transform: translateY(-100%);
}

.k-drag-clue {
  border-radius: 2px;
  padding: 4px 8px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.4285714286;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 20000;
  cursor: move;
}

.k-drag-status,
.k-drag-clue .k-drag-status {
  margin: 0;
  margin-right: 0.4ex;
}

.k-drag-clue {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #fafafa;
}

.k-reorder-cue {
  position: absolute;
}
.k-reorder-cue::before, .k-reorder-cue::after {
  content: "";
  width: 0;
  height: 0;
  border: 3px solid transparent;
  position: absolute;
  transform: translateX(-50%);
}
.k-reorder-cue::before {
  border-bottom-width: 0;
  border-top-color: currentColor;
  top: -4px;
}
.k-reorder-cue::after {
  border-top-width: 0;
  border-bottom-color: currentColor;
  bottom: -4px;
}

.k-loading-mask,
.k-loading-image,
.k-loading-color {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
.k-loading-mask *,
.k-loading-mask *::before,
.k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after,
.k-loading-image *,
.k-loading-image *::before,
.k-loading-image *::after,
.k-loading-image::before,
.k-loading-image::after,
.k-loading-color *,
.k-loading-color *::before,
.k-loading-color *::after,
.k-loading-color::before,
.k-loading-color::after {
  box-sizing: border-box;
}

.k-loading-mask {
  z-index: 100;
}
.k-loading-mask.k-opaque .k-loading-color {
  opacity: 1;
}

.k-loading-text {
  text-indent: -4000px;
  text-align: center;
  position: absolute;
}

.k-loading-image {
  z-index: 2;
}

.k-loading-color {
  background-color: #ffffff;
  opacity: 0.3;
}

.k-i-loading {
  position: relative;
  background-color: transparent;
  box-sizing: border-box;
  color: currentColor;
}
.k-i-loading::before, .k-i-loading::after {
  box-sizing: border-box;
}

.k-i-loading::before,
.k-i-loading::after,
.k-loading-image::before,
.k-loading-image::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  content: "";
  box-sizing: inherit;
  border-radius: 50%;
  border-width: 0.05em;
  border-style: solid;
  border-color: currentColor;
  border-top-color: transparent;
  border-bottom-color: transparent;
  background-color: transparent;
}

.k-icon.k-i-loading::before,
.k-icon.k-i-loading::after {
  content: "";
}

.k-i-loading::before,
.k-loading-image::before {
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
  animation: k-loading-animation 0.7s linear infinite;
}

.k-i-loading::after,
.k-loading-image::after {
  margin-top: -0.25em;
  margin-left: -0.25em;
  width: 0.5em;
  height: 0.5em;
  animation: k-loading-animation reverse 1.4s linear infinite;
}

.k-loading-image::before,
.k-loading-image::after {
  content: "";
  border-width: 1px;
  border-width: clamp(0.015em, 1px, 1px);
  font-size: 4em;
}

@keyframes loading {
  0% {
    stroke-dasharray: 0 251;
    stroke-dashoffset: 502;
  }
  50% {
    stroke-dasharray: 250 1;
  }
  100% {
    stroke-dasharray: 0 251;
    stroke-dashoffset: 0;
  }
}
@keyframes k-loading-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.k-resize-handle,
.k-resize-hint {
  position: absolute;
  border-color: inherit;
  z-index: 200;
}

.k-resize-handle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.k-resize-handle::before {
  content: "";
  border: 0 solid;
  border-color: inherit;
}

.k-resize-n {
  width: 100%;
  height: 6px;
  flex-direction: row;
  left: 0;
  top: -3px;
  cursor: n-resize;
}

.k-resize-s {
  width: 100%;
  height: 6px;
  flex-direction: row;
  left: 0;
  bottom: -3px;
  cursor: s-resize;
}

.k-resize-w {
  width: 6px;
  height: 100%;
  flex-direction: column;
  top: 0;
  left: -3px;
  cursor: w-resize;
}

.k-resize-e {
  width: 6px;
  height: 100%;
  flex-direction: column;
  top: 0;
  right: -3px;
  cursor: e-resize;
}

.k-resize-sw,
.k-resize-se,
.k-resize-nw,
.k-resize-ne {
  width: 5px;
  height: 5px;
}

.k-resize-sw {
  cursor: sw-resize;
  bottom: 0;
  left: 0;
}

.k-resize-se {
  cursor: se-resize;
  bottom: 0;
  right: 0;
}

.k-resize-nw {
  cursor: nw-resize;
  top: 0;
  left: 0;
}

.k-resize-ne {
  cursor: ne-resize;
  top: 0;
  right: 0;
}

.k-vertical-resize {
  cursor: row-resize;
}

.k-horizontal-resize {
  cursor: col-resize;
}

.k-resize-hint {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.k-resize-hint .k-resize-hint-handle {
  width: auto;
  height: 20px;
  align-self: stretch;
}
.k-resize-hint .k-resize-hint-marker {
  width: 2px;
  height: auto;
  flex: 1 1 auto;
}

.k-resize-hint-vertical {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-resize-hint-vertical .k-resize-hint-handle {
  width: 20px;
  height: auto;
  align-self: stretch;
}
.k-resize-hint-vertical .k-resize-hint-marker {
  width: auto;
  height: 2px;
  flex: 1 1 auto;
}

.k-scrollbar {
  position: absolute;
  overflow: scroll;
}

.k-scrollbar-vertical {
  top: 0;
  right: 0;
  width: 17px;
  height: 100%;
  overflow-x: hidden;
}

.k-touch-scrollbar {
  display: none;
  position: absolute;
  z-index: 200000;
  height: 8px;
  width: 8px;
  border: 1px solid #8a8a8a;
  background-color: #858585;
}

.k-marquee {
  position: absolute;
  z-index: 100000;
}

.k-marquee-color,
.k-marquee-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.k-marquee-color {
  color: white;
  background-color: #ff6358;
  border-color: rgba(0, 0, 0, 0.08);
  opacity: 0.6;
}

.k-marquee-text {
  color: white;
}

.k-overlay {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
}

.k-overlay {
  background-color: #000000;
}

.k-overlay-primary {
  background-color: #ff6358;
}

.k-overlay-secondary {
  background-color: #666666;
}

.k-overlay-tertiary {
  background-color: #03a9f4;
}

.k-overlay-info {
  background-color: #0058e9;
}

.k-overlay-success {
  background-color: #37b400;
}

.k-overlay-warning {
  background-color: #ffc000;
}

.k-overlay-error {
  background-color: #f31700;
}

.k-overlay-dark {
  background-color: #424242;
}

.k-overlay-light {
  background-color: #ebebeb;
}

.k-overlay-inverse {
  background-color: #424242;
}

.k-loader {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 0;
}

.k-loader-canvas {
  display: flex;
  position: relative;
}

.k-loader-segment {
  border-radius: 50%;
  background-color: currentColor;
  position: absolute;
}

.k-loader-sm {
  padding: 2px;
}
.k-loader-sm .k-loader-segment {
  width: 4px;
  height: 4px;
}

.k-loader-md {
  padding: 4px;
}
.k-loader-md .k-loader-segment {
  width: 8px;
  height: 8px;
}

.k-loader-lg {
  padding: 8px;
}
.k-loader-lg .k-loader-segment {
  width: 16px;
  height: 16px;
}

@keyframes pulsing-2-segment {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.k-loader-pulsing-2 .k-loader-canvas {
  align-items: center;
}
.k-loader-pulsing-2 .k-loader-segment:nth-child(1) {
  left: 0;
  transform: scale(1.5);
  transform-origin: 0 50%;
  animation: pulsing-2-segment 1s ease infinite;
  animation-delay: -0.5s;
}
.k-loader-pulsing-2 .k-loader-segment:nth-child(2) {
  right: 0;
  transform-origin: 100% 50%;
  animation: pulsing-2-segment 1s ease infinite;
}
.k-loader-pulsing-2.k-loader-sm .k-loader-canvas {
  width: 12px;
  height: 6px;
}
.k-loader-pulsing-2.k-loader-md .k-loader-canvas {
  width: 24px;
  height: 12px;
}
.k-loader-pulsing-2.k-loader-lg .k-loader-canvas {
  width: 48px;
  height: 24px;
}

@keyframes spinner-3-segment {
  0% {
    top: 0;
    left: 50%;
  }
  33.3333% {
    top: 100%;
    left: 0;
  }
  66.6666% {
    top: 100%;
    left: 100%;
  }
  100% {
    top: 0;
    left: 50%;
  }
}
.k-loader-spinner-3 .k-loader-segment {
  transform: translate(-50%, -50%);
}
.k-loader-spinner-3 .k-loader-segment:nth-child(1) {
  top: 0;
  left: 50%;
  animation: spinner-3-segment 2s ease infinite;
}
.k-loader-spinner-3 .k-loader-segment:nth-child(2) {
  top: 100%;
  left: 0;
  animation: spinner-3-segment 2s ease infinite;
  animation-delay: -0.6666666667s;
}
.k-loader-spinner-3 .k-loader-segment:nth-child(3) {
  top: 100%;
  left: 100%;
  animation: spinner-3-segment 2s ease infinite;
  animation-delay: -1.3333333333s;
}
.k-loader-spinner-3.k-loader-sm .k-loader-canvas {
  margin: 2px;
  width: calc(16px - 4px);
  height: calc(13.8564064608px - 4px);
}
.k-loader-spinner-3.k-loader-md .k-loader-canvas {
  margin: 4px;
  width: calc(32px - 8px);
  height: calc(27.7128129216px - 8px);
}
.k-loader-spinner-3.k-loader-lg .k-loader-canvas {
  margin: 8px;
  width: calc(64px - 16px);
  height: calc(55.4256258432px - 16px);
}

@keyframes spinner-4-segment-1 {
  0% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 0;
    left: 0;
    transform: translateX(0) translateY(0);
  }
  66.6% {
    top: 0;
    left: 0;
    transform: translateX(0) translateY(0);
  }
  100% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes spinner-4-segment-2 {
  0% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 0;
    left: 100%;
    transform: translateX(-100%) translateY(0);
  }
  66.6% {
    top: 0;
    left: 100%;
    transform: translateX(-100%) translateY(0);
  }
  100% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes spinner-4-segment-3 {
  0% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 100%;
    left: 100%;
    transform: translateX(-100%) translateY(-100%);
  }
  66.6% {
    top: 100%;
    left: 100%;
    transform: translateX(-100%) translateY(-100%);
  }
  100% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes spinner-4-segment-4 {
  0% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 100%;
    left: 0;
    transform: translateX(0) translateY(-100%);
  }
  66.6% {
    top: 100%;
    left: 0;
    transform: translateX(0) translateY(-100%);
  }
  100% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes spinner-4 {
  0% {
    transform: rotate(0);
  }
  33.3% {
    transform: rotate(0);
  }
  66.6% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.k-loader-spinner-4 .k-loader-canvas {
  animation: spinner-4 1.833s ease infinite;
}
.k-loader-spinner-4 .k-loader-segment {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.k-loader-spinner-4 .k-loader-segment:nth-child(1) {
  animation: spinner-4-segment-1 1.833s ease infinite;
}
.k-loader-spinner-4 .k-loader-segment:nth-child(2) {
  animation: spinner-4-segment-2 1.833s ease infinite;
}
.k-loader-spinner-4 .k-loader-segment:nth-child(3) {
  animation: spinner-4-segment-3 1.833s ease infinite;
}
.k-loader-spinner-4 .k-loader-segment:nth-child(4) {
  animation: spinner-4-segment-4 1.833s ease infinite;
}
.k-loader-spinner-4.k-loader-sm .k-loader-canvas {
  width: 16px;
  height: 16px;
}
.k-loader-spinner-4.k-loader-md .k-loader-canvas {
  width: 32px;
  height: 32px;
}
.k-loader-spinner-4.k-loader-lg .k-loader-canvas {
  width: 64px;
  height: 64px;
}

.k-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2001;
}
.k-loader-container .k-loader {
  padding: 0;
}

.k-loader-container,
.k-loader-container-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.k-loader-container-overlay {
  opacity: 0.5;
}

.k-loader-container-inner {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}

.k-loader-container-panel {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}

.k-loader-container-sm .k-loader-container-inner {
  padding: 16px;
  gap: 4px;
}
.k-loader-container-sm .k-loader-container-label {
  font-size: 12px;
}

.k-loader-container-md .k-loader-container-inner {
  padding: 20px;
  gap: 8px;
}
.k-loader-container-md .k-loader-container-label {
  font-size: 14px;
}

.k-loader-container-lg .k-loader-container-inner {
  padding: 24px;
  gap: 12px;
}
.k-loader-container-lg .k-loader-container-label {
  font-size: 16px;
}

.k-loader-top .k-loader-container-inner {
  flex-direction: column;
  text-align: center;
}

.k-loader-end .k-loader-container-label {
  order: -1;
}

.k-loader-primary {
  color: #ff6358;
}

.k-loader-secondary {
  color: #656565;
}

.k-loader-tertiary {
  color: #03a9f4;
}

.k-loader-info {
  color: #0058e9;
}

.k-loader-success {
  color: #37b400;
}

.k-loader-warning {
  color: #ffc000;
}

.k-loader-error {
  color: #f31700;
}

.k-loader-dark {
  color: #424242;
}

.k-loader-light {
  color: #ebebeb;
}

.k-loader-inverse {
  color: #424242;
}

.k-loader-container-panel {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
}

.k-loader-container-inner .k-text-secondary {
  color: #656565 !important;
}

.k-loader-primary {
  color: var(--primary-color);
}

kendo-pdf-document .kendo-pdf-ignore {
  display: none !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-spinner/animations/ball-pulse-sync.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-pulse-sync,
.la-ball-pulse-sync > div {
    position: relative;
    box-sizing: border-box;
}

.la-ball-pulse-sync {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-pulse-sync.la-dark {
    color: #333;
}

.la-ball-pulse-sync > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-pulse-sync {
    width: 54px;
    height: 18px;
}

.la-ball-pulse-sync > div {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    animation: ball-pulse-sync .6s infinite ease-in-out;
}

.la-ball-pulse-sync > div:nth-child(1) {
    animation-delay: -.14s;
}

.la-ball-pulse-sync > div:nth-child(2) {
    animation-delay: -.07s;
}

.la-ball-pulse-sync > div:nth-child(3) {
    animation-delay: 0s;
}

.la-ball-pulse-sync.la-sm {
    width: 26px;
    height: 8px;
}

.la-ball-pulse-sync.la-sm > div {
    width: 4px;
    height: 4px;
    margin: 2px;
}

.la-ball-pulse-sync.la-2x {
    width: 108px;
    height: 36px;
}

.la-ball-pulse-sync.la-2x > div {
    width: 20px;
    height: 20px;
    margin: 8px;
}

.la-ball-pulse-sync.la-3x {
    width: 162px;
    height: 54px;
}

.la-ball-pulse-sync.la-3x > div {
    width: 30px;
    height: 30px;
    margin: 12px;
}

/*
 * Animation
 */
@keyframes ball-pulse-sync {
    33% {
        transform: translateY(100%);
    }
    66% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}


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