@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@1);.alertify .ajs-dialog {
  /* ============================== Box Model */
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 400px;
  max-width: 100% !important;
  margin: auto !important;
  padding: 18px 24px 23px !important;
  border: none !important;
  /* ============================== Visual */
  border-radius: 4px !important;
  box-shadow: none !important;
  filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.15));
}

.alertify .ajs-dialog .ajs-close {
  /* ============================== Box Model */
  margin: 0 !important;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDEuNDFMMTIuNTkgMEw3IDUuNTlMMS40MSAwTDAgMS40MUw1LjU5IDdMMCAxMi41OUwxLjQxIDE0TDcgOC40MUwxMi41OSAxNEwxNCAxMi41OUw4LjQxIDdMMTQgMS40MVoiIGZpbGw9IiM5RUE0QUUiLz4KPC9zdmc+Cg==) !important;
  outline: none;
}

.alertify .ajs-dialog .ajs-commands {
  margin: 0 !important;
  top: 13px !important;
  right: 19px !important;
}

.alertify .ajs-dialog .ajs-button.hidden {
  /* ============================== Box Model */
  display: none !important;
}

.alertify .ajs-modal {
  /* ============================== Box Model */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding: 0.625em !important;
  background: rgba(30, 40, 52, 0.4);
}

.alertify .ajs-icon {
  border-radius: 4px;
  width: 40px;
  height: 40px;
  margin-bottom: 23px;
  padding: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.alertify .ajs-header {
  /* ============================== Positioning */
  position: relative;
  /* ============================== Box Model */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  /* ============================== Typography */
  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: none;
  word-wrap: break-word;
  /* ============================== Visual */
  color: #595959 !important;
}

.alertify .ajs-header .icon {
  /* ============================== Typography */
  font-size: 22px;
}

.alertify .ajs-header .title {
  /* ============================== Typography */
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  /* ============================== Visual */
  color: #0E0E0E;
  margin-bottom: 19px;
  padding-right: 20px;
}

.alertify .ajs-header .title:empty {
  display: none !important;
}

.alertify .ajs-buttons.ajs-primary {
  /* ============================== Typography */
  text-align: center !important;
}

.alertify .ajs-dimmer {
  /* ============================== Visual */
  opacity: 1 !important;
  background-color: rgba(239, 243, 248, 0.65) !important;
}

.alertify .ajs-body {
  /* ============================== Box Model */
  min-height: unset !important;
}

.alertify .ajs-body .ajs-content {
  /* ============================== Box Model */
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0 !important;
  /* ============================== Typography */
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  word-wrap: break-word;
  /* ============================== Visual */
  color: var(--prespa-color-grey-3) !important;
  margin-bottom: 22px;
}

.alertify .ajs-body .ajs-content:empty {
  display: none;
}

.alertify .ajs-body .ajs-content--align-center {
  /* ============================== Typography */
  text-align: center;
}

.alertify .ajs-body .ajs-content--align-left {
  /* ============================== Typography */
  text-align: left;
}

.alertify .ajs-body .ajs-content__input,
.alertify .ajs-body .ajs-content__textarea {
  /* ============================== Box Model */
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 13px;
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 2px;
  /* ============================== Typography */
  font-size: 14px;
  /* ============================== Visual */
  background-color: #fff;
  /* ============================== Animation */
  transition: border-color 0.2s;
  /* ============================== Misc */
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.alertify .ajs-body .ajs-content__input:focus,
.alertify .ajs-body .ajs-content__textarea:focus {
  /* ============================== Box Model */
  border-color: #6db8ff;
  outline: none;
}

.alertify .ajs-body .ajs-content__textarea {
  /* ============================== Misc */
  resize: vertical;
}

.alertify .ajs-footer {
  /* ============================== Box Model */
  margin: 17px auto 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  border: none !important;
  min-height: 40px !important;
}

.alertify .ajs-footer.hidden {
  /* ============================== Box Model */
  display: none !important;
}

.alertify .ajs-footer .ajs-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

.alertify .ajs-footer .ajs-buttons:empty {
  display: none !important;
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
  /* ============================== Box Model */
  border-radius: 4px;
  padding: 9px 18px;
  outline: none;
  /* ============================== Typography */
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  /* ============================== Visual */
  color: #fff;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15);
  /* ============================== Animation */
  transition: background 0.4s ease, border-color 0.4s ease !important;
  /* ============================== Misc */
  cursor: pointer;
  will-change: background;
  margin: 0 !important;
  border: 1px solid transparent !important;
  width: 100%;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok,
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok:focus {
  /* ============================== Visual */
  background-color: var(--prespa-color-blue-2);
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel,
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:focus {
  /* ============================== Visual */
  background-color: transparent !important;
  border-color: #D9D9DA !important;
  color: #0E0E0E;
  box-shadow: none;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.is-loading {
  /* ============================== Positioning */
  position: relative;
  /* ============================== Box Model */
  overflow: hidden;
  /* ============================== Misc */
  pointer-events: none;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.is-loading::after {
  /* ============================== Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  /* ============================== Box Model */
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em;
  border: 2px solid #fff;
  border-radius: 50%;
  border-top-color: transparent;
  /* ============================== Animation */
  animation: spin 0.6s linear infinite;
  /* ============================== Misc */
  content: "";
}

@keyframes spin {
  to {
    /* ============================== Visual */
    transform: rotate(360deg);
  }
}

.alertify .ajs-footer .ajs-buttons.single .ajs-button {
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  min-width: auto !important;
  padding: 9px 40px !important;
}

:root {
  --color-white: rgb(255, 255, 255);
  --color-primary-light: rgb(249, 251, 255);
  --color-primary-light-rgb: 249, 251, 255;
  --color-primary-dark: rgb(234, 238, 243);
  --color-blue: rgb(71, 127, 207);
  --color-blue-rgb: 71, 127, 207;
  --color-fog: rgb(223, 226, 230);
  --color-fog-light: rgb(236, 238, 243);
  --color-fog-dark: rgb(208, 216, 222);
  --color-grey: rgb(114, 118, 125);
  --color-grey-rgb: 114, 118, 125;
  --color-grey-light: rgb(163, 163, 163);
  --color-grey-dark: rgb(54, 57, 63);
  --color-grey-dark-rgb: 54, 57, 63;
  --color-grey-lightest: rgb(195, 195, 195);
  --color-gloomy: rgb(32, 34, 37);
  --color-gloomy-rgb: 32, 34, 37;
  --color-orange: rgb(255, 190, 1);
  --color-orange-rgb: 255, 190, 1;
  --color-red: rgb(226, 78, 52);
  --color-red-rgb: 226, 78, 52;
  --color-green: rgb(51, 185, 110);
  --color-green-rgb: 51, 185, 110;
  --ovelray-color: rgba(239, 243, 248, 0.65);
  --prespa-color-white: #FFFFFF;
  --prespa-color-white-rgb: 255, 255, 255;
  --prespa-color-black: #000000;
  --prespa-color-black-rgb: 0, 0, 0;
  --prespa-color-black-1: #161617;
  --prespa-color-black-1-rgb: 22, 22, 23;
  --prespa-color-black-2: #18191C;
  --prespa-color-black-2-rgb: 24, 25, 28;
  --prespa-color-black-3: #343636;
  --prespa-color-black-3-rgb: 52, 54, 54;
  --prespa-color-black-4: #393A3B;
  --prespa-color-black-4-rgb: 57, 58, 59;
  --prespa-color-black-5: #383940;
  --prespa-color-black-5-rgb: 56, 57, 64;
  --prespa-color-black-6: #495159;
  --prespa-color-black-6-rgb: 73, 81, 89;
  --prespa-color-black-7: #95A0AD;
  --prespa-color-black-7-rgb: 149, 160, 173;
  --prespa-color-blue-1: #82A9EA;
  --prespa-color-blue-1-rgb: 130, 169, 234;
  --prespa-color-blue-2: #3E78D7;
  --prespa-color-blue-2-rgb: 62, 120, 215;
  --prespa-color-blue-3: #2860BC;
  --prespa-color-blue-3-rgb: 40, 96, 188;
  --prespa-color-blue-4: #083E98;
  --prespa-color-blue-4-rgb: 8, 62, 152;
  --prespa-color-blue-5: #2961BD;
  --prespa-color-blue-5-rgb: 41, 97, 189;
  --prespa-color-blue-6: #92B9F9;
  --prespa-color-blue-6-rgb: 146, 185, 249;
  --prespa-color-blue-7: #D4E5F8;
  --prespa-color-blue-7-rgb: 212, 229, 248;
  --prespa-color-blue-8: #E8F2FF;
  --prespa-color-blue-8-rgb: 232, 242, 255;
  --prespa-color-blue-9: #E0EEFF;
  --prespa-color-blue-9-rgb: 224, 238, 255;
  --prespa-color-blue-10: #DDECFF;
  --prespa-color-blue-10-rgb: 221, 236, 255;
  --prespa-color-blue-11: #D5E8FF;
  --prespa-color-blue-11-rgb: 213, 232, 255;
  --prespa-color-blue-12: #F0F7FF;
  --prespa-color-blue-12-rgb: 240, 247, 255;
  --prespa-color-blue-13: #E7F2FF;
  --prespa-color-blue-13-rgb: 231, 242, 255;
  --prespa-color-blue-14: #2367D4;
  --prespa-color-blue-14-rgb: 35, 103, 212;
  --prespa-color-blue-15: #D0E4FB;
  --prespa-color-blue-15-rgb: 208, 228, 251;
  --prespa-color-green-1: #9CDDAA;
  --prespa-color-green-1-rgb: 156, 221, 170;
  --prespa-color-green-2: #1DC542;
  --prespa-color-green-2-rgb: 29, 197, 66;
  --prespa-color-green-3: #12AA34;
  --prespa-color-green-3-rgb: 18, 170, 52;
  --prespa-color-green-4: #0B8B27;
  --prespa-color-green-4-rgb: 11, 139, 39;
  --prespa-color-green-5: #DAFFE2;
  --prespa-color-green-5-rgb: 218, 255, 226;
  --prespa-color-green-6: #CFF8D8;
  --prespa-color-green-6-rgb: 207, 248, 216;
  --prespa-color-green-7: #E3FFDE;
  --prespa-color-green-7-rgb: 227, 255, 222;
  --prespa-color-green-8: #D7FED0;
  --prespa-color-green-8-rgb: 215, 254, 208;
  --prespa-color-green-9: #CFFBBF;
  --prespa-color-green-9-rgb: 207, 251, 191;
  --prespa-color-green-10: #C5F8B3;
  --prespa-color-green-10-rgb: 197, 248, 179;
  --prespa-color-green-11: #EEFFEB;
  --prespa-color-green-11-rgb: 238, 255, 235;
  --prespa-color-green-12: #E4FFE0;
  --prespa-color-green-12-rgb: 228, 255, 224;
  --prespa-color-green-13: #9DEBA0;
  --prespa-color-green-13-rgb: 157, 235, 160;
  --prespa-color-red-1: #DE9494;
  --prespa-color-red-1-rgb: 222, 148, 148;
  --prespa-color-red-2: #F23C0A;
  --prespa-color-red-2-rgb: 242, 60, 10;
  --prespa-color-red-3: #D13737;
  --prespa-color-red-3-rgb: 209, 55, 55;
  --prespa-color-red-4: #B40909;
  --prespa-color-red-4-rgb: 180, 9, 9;
  --prespa-color-red-5: #FCD4C9;
  --prespa-color-red-5-rgb: 252, 212, 201;
  --prespa-color-red-6: #FEC9C9;
  --prespa-color-red-6-rgb: 254, 201, 201;
  --prespa-color-red-7: #FFEBEB;
  --prespa-color-red-7-rgb: 255, 235, 235;
  --prespa-color-red-8: #FFE5E5;
  --prespa-color-red-8-rgb: 255, 229, 229;
  --prespa-color-red-9: #FFDEDE;
  --prespa-color-red-9-rgb: 255, 222, 222;
  --prespa-color-red-10: #FFD9D9;
  --prespa-color-red-10-rgb: 255, 217, 217;
  --prespa-color-red-11: #FFF1F1;
  --prespa-color-red-11-rgb: 255, 241, 241;
  --prespa-color-red-12: #FFEAEA;
  --prespa-color-red-12-rgb: 255, 234, 234;
  --prespa-color-orange-1: #FADC86;
  --prespa-color-orange-1-rgb: 250, 220, 134;
  --prespa-color-orange-2: #FFBE01;
  --prespa-color-orange-2-rgb: 255, 190, 1;
  --prespa-color-orange-3: #F6A507;
  --prespa-color-orange-3-rgb: 246, 165, 7;
  --prespa-color-orange-4: #E88B00;
  --prespa-color-orange-4-rgb: 232, 139, 0;
  --prespa-color-orange-5: #FFF0C5;
  --prespa-color-orange-5-rgb: 255, 240, 197;
  --prespa-color-orange-6: #FBE9B7;
  --prespa-color-orange-6-rgb: 251, 233, 183;
  --prespa-color-orange-7: #FFF6DA;
  --prespa-color-orange-7-rgb: 255, 246, 218;
  --prespa-color-orange-8: #FFF2C8;
  --prespa-color-orange-8-rgb: 255, 242, 200;
  --prespa-color-orange-9: #FFEFC0;
  --prespa-color-orange-9-rgb: 255, 239, 192;
  --prespa-color-orange-10: #FFEBB3;
  --prespa-color-orange-10-rgb: 255, 235, 179;
  --prespa-color-orange-11: #FFFAE9;
  --prespa-color-orange-11-rgb: 255, 250, 233;
  --prespa-color-grey-1: #AFB1B6;
  --prespa-color-grey-1-rgb: 175, 177, 182;
  --prespa-color-grey-2: #9EA4AE;
  --prespa-color-grey-2-rgb: 158, 164, 174;
  --prespa-color-grey-3: #767A82;
  --prespa-color-grey-3-rgb: 118, 122, 130;
  --prespa-color-grey-4: #5E6167;
  --prespa-color-grey-4-rgb: 94, 97, 103;
  --prespa-color-grey-5: #C1CEDE;
  --prespa-color-grey-5-rgb: 193, 206, 222;
  --prespa-color-grey-6: #ACBACE;
  --prespa-color-grey-6-rgb: 172, 186, 206;
  --prespa-color-grey-7: #F3F6FA;
  --prespa-color-grey-7-rgb: 243, 246, 250;
  --prespa-color-grey-8: #C4C4C4;
  --prespa-color-grey-8-rgb: 196, 196, 196;
  --prespa-color-grey-9: #EEF1F6;
  --prespa-color-grey-9-rgb: 238, 241, 246;
  --prespa-color-grey-10: #B6BBC2;
  --prespa-color-grey-10-rgb: 182, 187, 194;
  --prespa-color-grey-11: #4A5056;
  --prespa-color-grey-11-rgb: 74, 80, 86;
  --prespa-color-grey-12: #B9BBBF;
  --prespa-color-grey-12-rgb: 185, 187, 191;
  --prespa-color-grey-13: #9EA7B2;
  --prespa-color-grey-13-rgb: 158, 167, 178;
  --prespa-color-grey-14: #95A0AD;
  --prespa-color-grey-14-rgb: 149, 160, 173;
  --prespa-color-grey-15: #C0D9F6;
  --prespa-color-grey-15-rgb: 192, 217, 246;
  --prespa-color-grey-16: #B8C2D1;
  --prespa-color-grey-16-rgb: 184, 194, 209;
  --prespa-color-grey-17: #EEF3FC;
  --prespa-color-grey-17-rgb: 238, 243, 252;
  --prespa-color-grey-18: #BBC1CC;
  --prespa-color-grey-18-rgb: 187, 193, 204;
  --prespa-color-grey-19: #CDD7E4;
  --prespa-color-grey-19-rgb: 205, 215, 228;
  --prespa-color-grey-20: #72767D;
  --prespa-color-grey-20-rgb: 114, 118, 125;
  --prespa-color-grey-21: #CFD8DE;
  --prespa-color-grey-21-rgb: 207, 216, 222;
  --prespa-color-grey-22: #BABEC5;
  --prespa-color-grey-22-rgb: 186, 190, 197;
  --prespa-color-grey-23: #CED1D7;
  --prespa-color-grey-23-rgb: 206, 209, 215;
  --prespa-color-light-1: #F9FBFF;
  --prespa-color-light-1-rgb: 249, 251, 255;
  --prespa-color-light-2: #EFF3F8;
  --prespa-color-light-2-rgb: 239, 243, 248;
  --prespa-color-light-3: #EAEEF3;
  --prespa-color-light-3-rgb: 234, 238, 243;
  --prespa-color-light-4: #DFE2E6;
  --prespa-color-light-4-rgb: 223, 226, 230;
  --prespa-color-light-5: #E2E8F0;
  --prespa-color-light-5-rgb: 226, 232, 240;
  --prespa-color-light-6: #E2EDFA;
  --prespa-color-light-6-rgb: 26, 237, 250;
  --prespa-color-light-7: #EBEFF4;
  --prespa-color-light-7-rgb: 235, 239, 244;
  --prespa-color-light-8: #BEDAFA;
  --prespa-color-light-8-rgb: 190, 218, 250;
  --prespa-color-light-9: #E2EAF4;
  --prespa-color-light-9-rgb: 226, 234, 244;
  --prespa-color-light-10: #F0F3FA;
  --prespa-color-light-10-rgb: 240, 243, 250;
  --prespa-color-light-11: #F4F7FD;
  --prespa-color-light-11-rgb: 244, 247, 253;
  --prespa-color-light-12: #F7F8FC;
  --prespa-color-light-12-rgb: 247, 248, 252;
  --prespa-color-light-13: #ECEDF3;
  --prespa-color-light-13-rgb: 236, 237, 243;
  --prespa-color-light-14: #E7E9F0;
  --prespa-color-light-14-rgb: 231, 233, 240;
  --prespa-color-light-15: #F8F9FC;
  --prespa-color-light-15-rgb: 248, 249, 252;
  --prespa-color-light-16: #F3F4F8;
  --prespa-color-light-16-rgb: 243, 244, 248;
  --prespa-color-light-17: #F0F0F0;
  --prespa-color-light-17-rgb: 240, 240, 240;
  --prespa-color-light-18: #FBFBFF;
  --prespa-color-light-18-rgb: 251, 251, 255;
  --prespa-color-light-19: #CBCFD4;
  --prespa-color-light-19-rgb: 203, 207, 212;
  --prespa-color-light-20: #F3F5FB;
  --prespa-color-light-20-rgb: 243, 245, 251;
  --prespa-color-light-21: #E8ECF3;
  --prespa-color-light-21-rgb: 232, 236, 243;
  --prespa-color-light-22: #EFF2F4;
  --prespa-color-light-22-rgb: 239, 242, 244;
  --prespa-transition-1: 120ms linear;
  --prespa-transition-2: 300ms ease-in-out;
  --z-index-high: 110;
  --z-index-max: 2147483647;
  --box-shadow-elevation-0: 0 0 0 0 rgba(0, 0, 0, 0.18), 0 0 0 0 rgba(0, 0, 0, 0.12), 0 0 0 0 rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-1: 0 2px 1px -1px rgba(0, 0, 0, 0.18), 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-2: 0 3px 1px -2px rgba(0, 0, 0, 0.18), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-3: 0 3px 3px -2px rgba(0, 0, 0, 0.18), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-4: 0 2px 4px -1px rgba(0, 0, 0, 0.18), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-5: 0 3px 5px -1px rgba(0, 0, 0, 0.18), 0 5px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 14px 0 rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-6: 0 3px 5px -1px rgba(0, 0, 0, 0.18), 0 6px 10px 0 rgba(0, 0, 0, 0.12), 0 1px 18px 0 rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-7: 0 4px 5px -2px rgba(0, 0, 0, 0.18), 0 7px 10px 1px rgba(0, 0, 0, 0.12), 0 2px 16px 1px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-8: 0 5px 5px -3px rgba(0, 0, 0, 0.18), 0 8px 10px 1px rgba(0, 0, 0, 0.12), 0 3px 14px 2px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-9: 0 5px 6px -3px rgba(0, 0, 0, 0.18), 0 9px 12px 1px rgba(0, 0, 0, 0.12), 0 3px 16px 2px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-10: 0 6px 6px -3px rgba(0, 0, 0, 0.18), 0 10px 14px 1px rgba(0, 0, 0, 0.12), 0 4px 18px 3px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-11: 0 6px 7px -4px rgba(0, 0, 0, 0.18), 0 11px 15px 1px rgba(0, 0, 0, 0.12), 0 4px 20px 3px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-12: 0 7px 8px -4px rgba(0, 0, 0, 0.18), 0 12px 17px 2px rgba(0, 0, 0, 0.12), 0 5px 22px 4px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-13: 0 7px 8px -4px rgba(0, 0, 0, 0.18), 0 13px 19px 2px rgba(0, 0, 0, 0.12), 0 5px 24px 4px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-14: 0 7px 9px -4px rgba(0, 0, 0, 0.18), 0 14px 21px 2px rgba(0, 0, 0, 0.12), 0 5px 26px 4px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-15: 0 8px 9px -5px rgba(0, 0, 0, 0.18), 0 15px 22px 2px rgba(0, 0, 0, 0.12), 0 6px 28px 5px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-16: 0 8px 10px -5px rgba(0, 0, 0, 0.18), 0 16px 24px 2px rgba(0, 0, 0, 0.12), 0 6px 30px 5px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-17: 0 8px 11px -5px rgba(0, 0, 0, 0.18), 0 17px 26px 2px rgba(0, 0, 0, 0.12), 0 6px 32px 5px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-18: 0 9px 11px -5px rgba(0, 0, 0, 0.18), 0 18px 28px 2px rgba(0, 0, 0, 0.12), 0 7px 34px 6px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-19: 0 9px 12px -6px rgba(0, 0, 0, 0.18), 0 19px 29px 2px rgba(0, 0, 0, 0.12), 0 7px 36px 6px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-20: 0 10px 13px -6px rgba(0, 0, 0, 0.18), 0 20px 31px 3px rgba(0, 0, 0, 0.12), 0 8px 38px 7px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-21: 0 10px 13px -6px rgba(0, 0, 0, 0.18), 0 21px 33px 3px rgba(0, 0, 0, 0.12), 0 8px 40px 7px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-22: 0 10px 14px -6px rgba(0, 0, 0, 0.18), 0 22px 35px 3px rgba(0, 0, 0, 0.12), 0 8px 42px 7px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-23: 0 11px 14px -7px rgba(0, 0, 0, 0.18), 0 23px 36px 3px rgba(0, 0, 0, 0.12), 0 9px 44px 8px rgba(0, 0, 0, 0.1);
  --box-shadow-elevation-24: 0 11px 15px -7px rgba(0, 0, 0, 0.18), 0 24px 38px 3px rgba(0, 0, 0, 0.12), 0 9px 46px 8px rgba(0, 0, 0, 0.1);
  --prespa-box-shadow-1: 4px 4px 16px rgba(18, 20, 22, 0.13);
  --overlay-color: rgba(0, 0, 0, 0.5);
}

.v-ripple {
  pointer-events: none;
}

.v-ripple__container {
  color: inherit;
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  contain: strict;
}

.v-ripple__animation {
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  will-change: transform, opacity;
}

.v-ripple__animation--enter {
  transition: none;
}

.v-ripple__animation--in {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-ripple__animation--out {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#codes-container #codes-select {
  max-width: 200px;
  overflow: hidden;
  box-shadow: inset 1px 1px 2px #ddd8dc;
  outline: none;
  margin: -3px 0 0 5px;
  padding: 0;
  display: inline;
  width: auto;
  opacity: 0;
  -moz-text-align-last: center;
       text-align-last: center;
  text-align: center;
  font-weight: 500;
  border-radius: 5px;
  transition: opacity 0.7s;
}

#codes-container #codes-base-div {
  position: static;
  width: 80%;
}

#codes-container #codes-import-btn {
  width: 150px;
  opacity: 0;
  margin-top: -3px;
  font-weight: 500;
  transition: opacity 0.7s;
}

#codes-container #codes-type-title {
  margin-left: 5px;
  opacity: 0;
  transition: opacity 0.7s;
}

#codes-container #codes-submit {
  display: none;
  margin: -3px 0 0 2.5px;
  font-weight: 500;
}

#codes-container #codes-first-option {
  background: rgba(190, 192, 185, 0.4);
  color: rgba(197, 195, 196, 0.8);
}

#codes-container .codes-active-options {
  background: rgba(155, 197, 157, 0.2);
}

#codes-container #codes-input-file {
  display: none;
}

#codes-container #codes-empty-text {
  opacity: 0;
  margin-left: 3px;
  font-weight: 400;
  color: darkred;
  transition: opacity 0.7s;
}

#codes-preload {
  display: block;
  position: fixed;
  background: rgba(253, 255, 246, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100000;
}

#codes-preload #codes-message {
  position: fixed;
  width: 280px;
  height: 50px;
  top: 57%;
  left: 50%;
  margin-top: -100px;
  margin-left: -140px;
  font-weight: 900;
  font-size: 45px;
  color: rgba(112, 113, 108, 0.7);
  text-align: center;
  z-index: 10000000;
}

#codes-preload .rotate-shadows {
  position: fixed;
  width: 250px;
  height: 250px;
  top: 50%;
  left: 50%;
  margin-top: -125px;
  margin-left: -125px;
  z-index: 10000000;
}

#codes-preload .rotate-shadows:after,
#codes-preload .rotate-shadows:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: center center;
}

#codes-preload .rotate-shadows:before {
  box-shadow: inset 0 20px 0 rgba(0, 250, 250, 0.6), inset 20px 0 0 rgba(0, 200, 200, 0.6), inset 0 -20px 0 rgba(0, 150, 200, 0.6), inset -20px 0 0 rgba(0, 200, 250, 0.6);
  animation: rotate-before 2s -0.5s linear infinite;
}

#codes-preload .rotate-shadows:after {
  box-shadow: inset 0 20px 0 rgba(250, 250, 0, 0.6), inset 20px 0 0 rgba(250, 200, 0, 0.6), inset 0 -20px 0 rgba(250, 150, 0, 0.6), inset -20px 0 0 rgba(250, 100, 0, 0.6);
  animation: rotate-after 2s -0.5s linear infinite;
}

@keyframes rotate-after {
  0% {
    transform: rotateZ(0deg) scaleX(1) scaleY(1);
  }

  50% {
    transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95);
  }

  100% {
    transform: rotateZ(360deg) scaleX(1) scaleY(1);
  }
}

@keyframes rotate-before {
  0% {
    transform: rotateZ(0deg) scaleX(1) scaleY(1);
  }

  50% {
    transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85);
  }

  100% {
    transform: rotateZ(-360deg) scaleX(1) scaleY(1);
  }
}

/*Disable backpack-crud element*/

#image_link_file_input {
  display: none !important;
}

#types-container {
  margin-bottom: -35px;
}

#types-container #types-image-preview img {
  margin-bottom: 25px;
  margin-top: -15px;
}

#types-container #types-image-upload {
  width: 20%;
  margin-top: -19px;
  margin-bottom: 5px;
  text-align: center;
}

#types-container #types-image-info {
  visibility: hidden;
  opacity: 0;
  width: auto;
  margin-top: -19px;
  line-height: 8px;
  transition: opacity 0.7s;
}

#types-container #types-image-clear {
  visibility: hidden;
  opacity: 0;
  width: auto;
  margin-top: -19px;
  line-height: 8px;
  transition: opacity 0.7s;
}

/*Disable backpack-crud element*/

#icon_file_input {
  display: none !important;
}

#services-container {
  margin-bottom: -35px;
}

#services-container #services-image-preview img {
  margin-bottom: 25px;
  margin-top: -15px;
}

#services-container #services-image-upload {
  width: 20%;
  margin-top: -19px;
  margin-bottom: 5px;
  text-align: center;
}

#services-container #services-image-info {
  visibility: hidden;
  opacity: 0;
  width: auto;
  margin-top: -19px;
  line-height: 8px;
  transition: opacity 0.7s;
}

#services-container #services-image-clear {
  visibility: hidden;
  opacity: 0;
  width: auto;
  margin-top: -19px;
  line-height: 8px;
  transition: opacity 0.7s;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
}

body {
  overflow-x: hidden;
}

body::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: var(--color-primary-dark);
}

body::-webkit-scrollbar-thumb {
  min-width: 20px;
  min-height: 20px;
  border: 1px solid #ced9e0;
  background-color: var(--color-primary-light);
  box-shadow: 0 0 34px rgba(0, 0, 0, 0.32), 0 0 20px rgba(0, 0, 0, 0.28);
}

.app {
  font-size: 14px;
}

.app h2 {
  font-size: 28px;
}

.app .form-group {
  margin-bottom: 0.5rem;
}

.app .form-group label + input {
  height: auto;
  margin-left: 3px;
  padding: 2px 5px;
}

.app .btn-default {
  background-color: var(--color-fog);
  border-color: var(--color-fog-dark);
}

.app .bg-white,
.app .select2-results {
  background-color: var(--color-primary-light) !important;
}

.app *::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: transparent;
}

.app *::-webkit-scrollbar-thumb {
  min-width: 20px;
  min-height: 20px;
  border: none;
  background-color: var(--color-primary-dark);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}

.app *::-webkit-scrollbar-track {
  box-shadow: none;
}

.app .modal-dialog {
  max-width: 90%;
  left: 50%;
  margin: 25px 0;
  transform: translateX(-50%) !important;
}

.app .modal-dialog .modal-header {
  padding: 5px;
}

.app .modal-dialog tr td {
  padding: 4px 14px;
}

.app .display-3 {
  font-size: 3rem;
}

.app .checkbox {
  word-break: break-word;
  font-size: 14px;
}

.app .btn {
  padding: 6px 10px;
  line-height: 1;
  font-size: 14px;
}

.app .btn:not(.btn-link) {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.085);
}

.app .with-ajax .dropdown-toggle::after {
  margin-left: -10px;
}

.app .app-header .navbar-brand {
  opacity: 0.35;
}

.app .app-body {
  overflow-x: unset;
}

.app .app-body .table td,
.app .app-body .table th {
  padding: 5px;
  vertical-align: baseline;
}

.app .app-body .sidebar {
  padding-top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item {
  max-width: 100%;
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item .nav-link {
  display: flex;
  padding: 4px 4px 4px 10px;
  align-items: center;
  font-size: 14px;
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item .nav-link:hover > span {
  direction: rtl;
  padding-right: 5px;
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item .nav-link:hover > .nav-dropdown-toggle {
  padding-right: 18px;
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item .nav-link:before {
  right: 8px;
  transform: rotate(180deg);
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item .nav-link.nav-dropdown-toggle {
  padding-right: 15px;
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item .nav-link > i {
  width: auto;
  margin-right: 4px;
  font-size: 16px;
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item .nav-link > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  transition: padding-right 100ms ease-out;
  will-change: padding-right;
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item.nav-dropdown .nav-dropdown-items {
  padding: 0 5px;
  bottom: 0;
  transition: unset;
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item.nav-dropdown .nav-dropdown-items .nav-link {
  padding-left: 10px;
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item.open > ::before {
  transform: rotate(270deg);
}

.app .app-body .sidebar .sidebar-nav .nav .nav-item.open > .nav-dropdown-items {
  padding-bottom: 5px !important;
}

.app .app-body #crudTable_length select {
  height: 30px;
  padding: 0 15px 0 10px;
  background-color: var(--color-primary-light);
}

.app .app-body #bp-filters-navbar .nav-link {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.app .app-body #bp-filters-navbar .nav-link::after {
  margin-bottom: -3px;
}

.app .app-body #crudTable_filter {
  text-align: right;
}

.app .app-body #crudTable_filter input {
  height: 30px;
}

.app .app-body #crudTable_wrapper input {
  width: 12px !important;
  height: 12px !important;
}

.app .app-body #crudTable_wrapper #crudTable {
  font-size: 14px;
}

.app .app-body #crudTable_wrapper #crudTable > thead tr th {
  position: sticky !important;
  top: 0 !important;
  z-index: 1;
  background-color: var(--color-primary-light);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
}

.app .app-body #crudTable_wrapper #crudTable > thead tr th:before,
.app .app-body #crudTable_wrapper #crudTable > thead tr th:after {
  left: 0.4em;
  right: auto;
}

.app .app-body #crudTable_wrapper #crudTable td span {
  display: block;
  overflow: auto;
  white-space: normal;
  max-width: 200px;
  max-height: 100px;
  line-height: 17px;
  padding: 1px;
}

.app .app-body #crudTable_wrapper #crudTable .table_row_slider .success {
  background-color: #d6f7d8;
}

.app .app-body #crudTable_wrapper #crudTable .btn-link {
  overflow: hidden;
  white-space: nowrap;
  max-width: 15px;
  padding: 0;
  transition: transform 120ms ease-out;
  will-change: transform;
}

.app .app-body #crudTable_wrapper #crudTable .btn-link:hover {
  transform: scale(1.2);
}

.app .app-body #crudTable_wrapper #crudTable .btn-link i {
  margin-left: 0 !important;
}

.app .app-body #crudTable_wrapper #crudTable tbody tr:nth-of-type(2n),
.app .app-body #crudTable_wrapper #crudTable tbody tr:nth-of-type(odd),
.app .app-body #crudTable_wrapper #crudTable thead tr:nth-of-type(2n),
.app .app-body #crudTable_wrapper #crudTable thead tr:nth-of-type(odd),
.app .app-body #crudTable_wrapper #crudTable tfoot tr:nth-of-type(2n),
.app .app-body #crudTable_wrapper #crudTable tfoot tr:nth-of-type(odd) {
  background-color: var(--color-primary-light);
}

.app .app-body #crudTable_wrapper #crudTable tbody tr th,
.app .app-body #crudTable_wrapper #crudTable thead tr th,
.app .app-body #crudTable_wrapper #crudTable tfoot tr th {
  font-weight: 600;
}

.app .app-body #crudTable_wrapper #crudTable tr th,
.app .app-body #crudTable_wrapper #crudTable tr td {
  padding: 5px 0 5px 25px;
}

.app .app-body #crudTable_wrapper #crudTable tr th:last-of-type,
.app .app-body #crudTable_wrapper #crudTable tr td:last-of-type {
  padding-right: 25px;
}

.app .app-body #crudTable_wrapper #crudTable tr th::before,
.app .app-body #crudTable_wrapper #crudTable tr td::before {
  top: 50%;
  margin-top: 0;
  transform: translateY(-50%);
}

.app .app-body #crudTable_wrapper #crudTable tr th .fa,
.app .app-body #crudTable_wrapper #crudTable tr td .fa {
  margin-left: 10px;
}

.app .app-body #crudTable_wrapper .dt-buttons {
  display: none !important;
}

.app #plain-form-content {
  color: var(--color-grey-dark);
}

.app #plain-form-content .card {
  background: none;
  border: none;
  box-shadow: none;
}

.app #plain-form-content .tab-content {
  background: none;
  border: none;
  box-shadow: none;
}

.app #plain-form-content .nav-link.active {
  background: var(--color-primary-light);
}

.app #plain-form-content ::-moz-placeholder {
  text-rendering: optimizeSpeed;
}

.app #plain-form-content,
.app #plain-form-content button,
.app #plain-form-content input,
.app #plain-form-content ::placeholder {
  text-rendering: optimizeSpeed;
}

.app #plain-form-content input[type=text],
.app #plain-form-content input[type=number],
.app #plain-form-content input[type=email],
.app #plain-form-content input[type=password],
.app #plain-form-content input[type=search],
.app #plain-form-content select,
.app #plain-form-content option,
.app #plain-form-content input[type=tel] {
  border: none;
  background-color: var(--color-primary-dark);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1), 0 0px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.app #plain-form-content input[type=text]::-moz-placeholder, .app #plain-form-content input[type=number]::-moz-placeholder, .app #plain-form-content input[type=email]::-moz-placeholder, .app #plain-form-content input[type=password]::-moz-placeholder, .app #plain-form-content input[type=search]::-moz-placeholder, .app #plain-form-content select::-moz-placeholder, .app #plain-form-content option::-moz-placeholder, .app #plain-form-content input[type=tel]::-moz-placeholder {
  font-weight: 400;
  color: var(--color-grey);
}

.app #plain-form-content input[type=text],
.app #plain-form-content input[type=text]::placeholder,
.app #plain-form-content input[type=number],
.app #plain-form-content input[type=number]::placeholder,
.app #plain-form-content input[type=email],
.app #plain-form-content input[type=email]::placeholder,
.app #plain-form-content input[type=password],
.app #plain-form-content input[type=password]::placeholder,
.app #plain-form-content input[type=search],
.app #plain-form-content input[type=search]::placeholder,
.app #plain-form-content select,
.app #plain-form-content select::placeholder,
.app #plain-form-content option,
.app #plain-form-content option::placeholder,
.app #plain-form-content input[type=tel],
.app #plain-form-content input[type=tel]::placeholder {
  font-weight: 400;
  color: var(--color-grey);
}

.app #plain-form-content input[type=text]:disabled,
.app #plain-form-content input[type=number]:disabled,
.app #plain-form-content input[type=email]:disabled,
.app #plain-form-content input[type=password]:disabled,
.app #plain-form-content input[type=search]:disabled,
.app #plain-form-content select:disabled,
.app #plain-form-content option:disabled,
.app #plain-form-content input[type=tel]:disabled {
  color: var(--color-grey-light);
}

.app #plain-form-content button {
  width: auto;
  margin: 0 auto;
  font-size: 17px;
  font-weight: 600;
  padding: 10px 12px;
  border: none;
  box-shadow: var(--box-shadow-elevation-2);
}

.app #plain-form-content .checkbox > input {
  display: none;
}

.app #plain-form-content .checkbox > input + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.app #plain-form-content .checkbox > input + label:before {
  content: "";
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: var(--color-primary-dark);
  border: none;
  border-radius: 50%;
  box-shadow: var(--box-shadow-elevation-1);
}

.app #plain-form-content .checkbox > input:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.app #plain-form-content .checkbox > input:checked + label:before {
  background: var(--color-blue);
}

.app #plain-form-content .checkbox > input:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

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

.noty_bar {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.08), 0 3px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 8px 0 rgba(0, 0, 0, 0.08);
}

.noty_bar.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  background-color: rgba(0, 0, 0, 0.75);
}

.noty_bar .noty_buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0 !important;
}

.noty_bar .noty_buttons > button {
  outline: none;
  display: flex;
  margin: 0 6px;
  padding: 0;
  border: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  color: var(--color-grey-dark);
  background: none;
  cursor: pointer;
  transition: color 100ms, border-bottom-color 150ms;
  will-change: color, border-bottom-color;
}

.noty_bar .noty_buttons > button:hover {
  border-bottom-color: inherit;
}

.noty_bar .noty_buttons > button:active {
  color: var(--color-grey);
}

.swal-footer {
  text-align: unset;
}

.alert .list-inline,
.alert .list-unstyled {
  padding: 0;
}

.noty_theme__backstrap.noty_bar {
  border: none;
}

#noty_layout__topRight {
  top: 45px;
}

.fixedHeader-floating {
  display: none;
}

main > .container-fluid > .row > .col-md-12 > div > .overflow-hidden {
  overflow: unset !important;
}

.swal-content-table {
  width: unset;
}

.swal-table {
  display: grid;
  grid-template-columns: repeat(2, auto);
  border-radius: 4px 4px 0 0;
  color: var(--color-grey);
}

.swal-table__toggler {
  max-width: unset !important;
  transform: unset !important;
}

.swal-table__body,
.swal-table__row {
  display: contents;
}

.swal-table__cell {
  padding: 8px;
  border-bottom: 1px solid var(--color-fog-light);
  text-align: left;
}

.swal-table__cell:first-of-type {
  border-right: 1px solid var(--color-fog-light);
}

.swal-table__cell--last-row {
  border-bottom: none;
}

.swal-table__phone {
  display: block;
}

.swal-table__email {
  color: #467fd0;
  cursor: pointer;
}

.swal-table__email:hover {
  color: #295aa1;
}

.swal-table__email,
.swal-table__social,
.swal-table__phones {
  display: flex;
  align-items: center;
  gap: 8px;
}

.swal-table__email,
.swal-table__email:hover,
.swal-table__email .swal-table__phone,
.swal-table__social,
.swal-table__social:hover,
.swal-table__social .swal-table__phone,
.swal-table__phones,
.swal-table__phones:hover,
.swal-table__phones .swal-table__phone {
  text-decoration: none;
}

.swal-table__social-icon {
  max-width: 24px;
  flex-shrink: 0;
}

.navbar-toggler.sidebar-toggler {
  outline: none;
}

@media (max-width: 1023px) {
  .main > .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .vue-route-main-wrapper {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .avatar-nav-link {
    margin: 0 !important;
  }

  .avatar-nav-item {
    padding-right: 16px !important;
  }
}

#app-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

#app-wrapper ::-moz-placeholder {
  text-rendering: optimizeSpeed;
}

#app-wrapper,
#app-wrapper button,
#app-wrapper input,
#app-wrapper select,
#app-wrapper textarea,
#app-wrapper ::placeholder {
  text-rendering: optimizeSpeed;
}

#app-wrapper input[type=text],
#app-wrapper input[type=number],
#app-wrapper input[type=email],
#app-wrapper input[type=password],
#app-wrapper input[type=search],
#app-wrapper input[type=tel],
#app-wrapper input[type=file],
#app-wrapper input[type=image],
#app-wrapper input[type=url],
#app-wrapper .vc-container input,
#app-wrapper textarea,
#app-wrapper select,
#app-wrapper .app-input,
#app-wrapper .select2-selection,
#app-wrapper .select2-selection__rendered,
#app-wrapper .vue-treeselect__control {
  background-color: var(--color-primary);
}

#app-wrapper input[type=text]::-moz-placeholder, #app-wrapper input[type=number]::-moz-placeholder, #app-wrapper input[type=email]::-moz-placeholder, #app-wrapper input[type=password]::-moz-placeholder, #app-wrapper input[type=search]::-moz-placeholder, #app-wrapper input[type=tel]::-moz-placeholder, #app-wrapper input[type=file]::-moz-placeholder, #app-wrapper input[type=image]::-moz-placeholder, #app-wrapper input[type=url]::-moz-placeholder, #app-wrapper .vc-container input::-moz-placeholder, #app-wrapper textarea::-moz-placeholder, #app-wrapper select::-moz-placeholder, #app-wrapper .app-input::-moz-placeholder, #app-wrapper .select2-selection::-moz-placeholder, #app-wrapper .select2-selection__rendered::-moz-placeholder, #app-wrapper .vue-treeselect__control::-moz-placeholder {
  font-weight: 400;
  color: var(--color-grey);
}

#app-wrapper input[type=text],
#app-wrapper input[type=text]::placeholder,
#app-wrapper input[type=text] .vue-treeselect__placeholder,
#app-wrapper input[type=number],
#app-wrapper input[type=number]::placeholder,
#app-wrapper input[type=number] .vue-treeselect__placeholder,
#app-wrapper input[type=email],
#app-wrapper input[type=email]::placeholder,
#app-wrapper input[type=email] .vue-treeselect__placeholder,
#app-wrapper input[type=password],
#app-wrapper input[type=password]::placeholder,
#app-wrapper input[type=password] .vue-treeselect__placeholder,
#app-wrapper input[type=search],
#app-wrapper input[type=search]::placeholder,
#app-wrapper input[type=search] .vue-treeselect__placeholder,
#app-wrapper input[type=tel],
#app-wrapper input[type=tel]::placeholder,
#app-wrapper input[type=tel] .vue-treeselect__placeholder,
#app-wrapper input[type=file],
#app-wrapper input[type=file]::placeholder,
#app-wrapper input[type=file] .vue-treeselect__placeholder,
#app-wrapper input[type=image],
#app-wrapper input[type=image]::placeholder,
#app-wrapper input[type=image] .vue-treeselect__placeholder,
#app-wrapper input[type=url],
#app-wrapper input[type=url]::placeholder,
#app-wrapper input[type=url] .vue-treeselect__placeholder,
#app-wrapper .vc-container input,
#app-wrapper .vc-container input::placeholder,
#app-wrapper .vc-container input .vue-treeselect__placeholder,
#app-wrapper textarea,
#app-wrapper textarea::placeholder,
#app-wrapper textarea .vue-treeselect__placeholder,
#app-wrapper select,
#app-wrapper select::placeholder,
#app-wrapper select .vue-treeselect__placeholder,
#app-wrapper .app-input,
#app-wrapper .app-input::placeholder,
#app-wrapper .app-input .vue-treeselect__placeholder,
#app-wrapper .select2-selection,
#app-wrapper .select2-selection::placeholder,
#app-wrapper .select2-selection .vue-treeselect__placeholder,
#app-wrapper .select2-selection__rendered,
#app-wrapper .select2-selection__rendered::placeholder,
#app-wrapper .select2-selection__rendered .vue-treeselect__placeholder,
#app-wrapper .vue-treeselect__control,
#app-wrapper .vue-treeselect__control::placeholder,
#app-wrapper .vue-treeselect__control .vue-treeselect__placeholder {
  font-weight: 400;
  color: var(--color-grey);
}

#app-wrapper input[type=text]:disabled,
#app-wrapper input[type=number]:disabled,
#app-wrapper input[type=email]:disabled,
#app-wrapper input[type=password]:disabled,
#app-wrapper input[type=search]:disabled,
#app-wrapper input[type=tel]:disabled,
#app-wrapper input[type=file]:disabled,
#app-wrapper input[type=image]:disabled,
#app-wrapper input[type=url]:disabled,
#app-wrapper .vc-container input:disabled,
#app-wrapper textarea:disabled,
#app-wrapper select:disabled,
#app-wrapper .app-input:disabled,
#app-wrapper .select2-selection:disabled,
#app-wrapper .select2-selection__rendered:disabled,
#app-wrapper .vue-treeselect__control:disabled {
  color: var(--color-grey-light);
}

#app-wrapper fieldset {
  display: flex;
  flex-direction: column;
  margin: 10px 6px 10px 6px;
  padding: 10px;
  border: 1px solid rgba(var(--color-grey-dark-rgb), 0.25);
  border-radius: 5px;
}

#app-wrapper fieldset > legend {
  width: auto;
  margin: 0 0px -5px 0px;
  padding: 0 6px;
  font-size: 14px;
  color: inherit;
}

#app-wrapper .tab-pane,
#app-wrapper .nav-link.active,
#app-wrapper .select2-selection__choice,
#app-wrapper .vue-treeselect__menu {
  background-color: var(--color-primary-light);
}

#app-wrapper .vue-treeselect__option.vue-treeselect__option--selected,
#app-wrapper .vue-treeselect__option.vue-treeselect__option--highlight {
  background-color: var(--prespa-color-light-6);
}

#app-wrapper .vue-treeselect__multi-value-item,
#app-wrapper .vue-treeselect__checkbox--checked {
  background-color: var(--color-blue);
}

#app-wrapper .vue-treeselect__multi-value-item,
#app-wrapper .vue-treeselect__multi-value-item .vue-treeselect__icon,
#app-wrapper .vue-treeselect__checkbox--checked,
#app-wrapper .vue-treeselect__checkbox--checked .vue-treeselect__icon {
  color: var(--color-primary-light);
}

#app-wrapper .vue-treeselect__checkbox--checked {
  border-color: var(--color-blue);
}

#app-wrapper .filepond--root {
  border-radius: 10px;
  box-shadow: var(--box-shadow-elevation-1);
}

#app-wrapper .filepond--root .filepond--panel-root {
  background-color: var(--color-primary-dark);
}

#app-wrapper .vc-popover-content {
  border: 1px solid var(--color-fog);
  box-shadow: var(--box-shadow-elevation-2);
}

#app-wrapper .vc-container.vc-blue {
  background-color: var(--color-primary-light);
}

.swal2-backdrop-show {
  background-color: var(--ovelray-color) !important;
}

.swal2-modal {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 1px 10px 0 rgba(0, 0, 0, 0.02);
}

button.swal2-styled {
  box-shadow: var(--box-shadow-elevation-2);
}

.swal2-confirm {
  background: #467fd0;
}

.swal2-cancel {
  background: #c8ced3 !important;
}

.noty_theme__backstrap.noty_bar .noty_body {
  font-weight: 400;
}

.bg-error {
  background-color: #d14529 !important;
}

.app-tooltip {
  z-index: 10000;
  pointer-events: none;
  word-wrap: break-word;
  position: fixed;
  opacity: 0;
  max-width: 300px;
  padding: 2px 8px;
  font-size: 12px;
  background-color: var(--color-primary-light);
  color: var(--color-grey);
  border-radius: 2px;
  transform: scale(0);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.18), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  transition: opacity 160ms, transform 160ms;
  will-change: opacity, transform;
}

.app-tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

.app-tooltip.app-tooltip--top {
  transform-origin: bottom center;
}

.app-tooltip.app-tooltip--top:before {
  left: 50%;
  bottom: -7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid var(--color-primary-light);
  transform: translateX(-50%);
}

.app-tooltip.app-tooltip--left {
  transform-origin: 100% center;
}

.app-tooltip.app-tooltip--left:before {
  top: 50%;
  right: -7px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid var(--color-primary-light);
  transform: translateY(-50%);
}

.app-tooltip.app-tooltip--right {
  transform-origin: 0 center;
}

.app-tooltip.app-tooltip--right:before {
  top: 50%;
  left: -7px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 8px solid var(--color-primary-light);
  transform: translateY(-50%);
}

.app-tooltip.app-tooltip--bottom {
  transform-origin: top center;
}

.app-tooltip.app-tooltip--bottom:before {
  top: -7px;
  left: 50%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid var(--color-primary-light);
  transform: translateX(-50%);
}

.app-tooltip.app-tooltip--appearance {
  opacity: 1;
  transform: scale(1);
}

.material-symbols-outlined {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.material-symbols-outlined.md-8 {
  font-size: 8px;
}

.material-symbols-outlined.md-10 {
  font-size: 10px;
}

.material-symbols-outlined.md-12 {
  font-size: 12px;
}

.material-symbols-outlined.md-14 {
  font-size: 14px;
}

.material-symbols-outlined.md-16 {
  font-size: 16px;
}

.material-symbols-outlined.md-18 {
  font-size: 18px;
}

.material-symbols-outlined.md-20 {
  font-size: 20px;
}

.material-symbols-outlined.md-22 {
  font-size: 22px;
}

.material-symbols-outlined.md-24 {
  font-size: 24px;
}

.material-symbols-outlined.md-30 {
  font-size: 30px;
}

.material-symbols-outlined.md-36 {
  font-size: 36px;
}

.material-symbols-outlined.md-40 {
  font-size: 40px;
}

.material-symbols-outlined.md-44 {
  font-size: 44px;
}

.material-symbols-outlined.md-48 {
  font-size: 48px;
}

.material-symbols-outlined.md-56 {
  font-size: 56px;
}

.material-symbols-outlined.md-58 {
  font-size: 58px;
}

.material-symbols-outlined.md-70 {
  font-size: 70px;
}

.material-symbols-outlined.md-72 {
  font-size: 72px;
}

.material-symbols-outlined.md-74 {
  font-size: 74px;
}

.material-symbols-outlined.md-78 {
  font-size: 78px;
}

.v-select {
  background: var(--color-primary) !important;
}

.v-select .vs__dropdown-menu,
.v-select.disabled .vs__dropdown-toggle,
.v-select.disabled .vs__dropdown-toggle .vs__clear,
.v-select.disabled .vs__dropdown-toggle input,
.v-select.disabled .vs__open-indicator,
.v-select.disabled .vs__selected .vs__deselect,
.v-select .vs__dropdown-option--disabled {
  background: var(--color-primary-light) !important;
}

.photo-popup__table-wrapper {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.photo-popup__table-image {
  max-width: 64px;
  max-height: 64px;
  cursor: pointer;
}

.photo-popup__modal-wrapper {
  display: flex;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.photo-popup__modal-grid {
  display: grid;
  max-width: 80vw;
  max-height: 90vh;
  grid-template-columns: 40px auto 40px;
  gap: 5px;
}

.photo-popup__modal-image {
  max-width: 100%;
  max-height: 90vh;
}

.photo-popup__control {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0.5;
  cursor: pointer;
  will-change: background-color, opacity;
  transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.photo-popup__control:hover {
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}

.photo-popup__control-icon {
  font-size: 20px;
  color: #FFFFFF;
}

.photo-popup__control-icon--prev {
  transform: translateX(5px);
}

.photo-popup__options {
  display: flex;
  padding: 10px;
  position: absolute;
  top: 5vh;
  right: 5vh;
  align-items: stretch;
}

.photo-popup__options-icon-wrapper {
  display: flex;
  padding: 15px;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0.5;
  cursor: pointer;
  will-change: background-color, opacity;
  transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.photo-popup__options-icon-wrapper:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}

.photo-popup__options-icon {
  font-size: 20px;
  color: #FFFFFF;
}

.recognized-result-cell__wrapper {
  display: flex;
  align-items: center;
}

.recognized-result-cell__wrapper--central {
  margin: 2px 0;
}

.recognized-result-cell__icon {
  margin-right: 4px;
  margin-left: unset !important;
  font-size: 20px;
  opacity: 0.8;
}

.sidebar-pills {
  padding: 0 0 10px !important;
}

.vue-content-container {
  padding: 8px 4px;
}

.vue-content-container--upperlined {
  border-top: 1px solid var(--color-fog);
}

.vue-content-container--underlined {
  border-bottom: 1px solid var(--color-fog);
}

p.no-margin-bottom {
  margin-bottom: 0;
}

.highlighted-search-text {
  padding: 0.1em;
  background-color: var(--color-orange);
}

.vue-route-main-wrapper {
  width: calc(100% + 25px);
}

.sidebar-lg-show .vue-route-main-wrapper {
  width: calc(100% + 60px);
  margin-left: -30px;
}

.app .app-body #crudTable_wrapper #crudTable td .sf-dump span {
  display: inline;
}

.vue-treeselect--main-filter .vue-treeselect__control {
  min-height: 100%;
  background-color: var(--color-primary-light) !important;
}

.vue-treeselect--main-filter .vue-treeselect__input,
.vue-treeselect--main-filter .app-input {
  background-color: var(--color-primary-light) !important;
}

.vue-treeselect--main-filter .vue-treeselect__multi-value-label {
  white-space: normal !important;
}

.backpack-input-required {
  position: relative;
}

.backpack-input-required::after {
  content: "*";
  display: block;
  padding-left: 6px;
  position: absolute;
  left: 100%;
  top: -7px;
  font-size: 24px;
  color: var(--prespa-color-red-3);
}

.tooltip__table-row-cell-divider {
  margin: 5px 0;
}

#right-side-of-header ~ li.nav-item.dropdown > a.nav-link {
  z-index: 0 !important;
}

.fixed {
  position: fixed;
  overflow-y: hidden;
}

.swal2-container {
  z-index: 9999 !important;
}

.swal2-modal .swal2-styled {
  will-change: background;
  transition: background var(--prespa-transition-2);
}

.swal2-modal .swal2-styled:focus {
  box-shadow: none;
  outline: none;
}