/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/theme/variables.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/global.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/theme/variables.scss?ngGlobalStyle (1) ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /** primary **/
  --ion-color-primary: #e9efff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #607ab9;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #232c41;
  /** secondary **/
  --ion-color-secondary: #232c41;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #2e3649;
  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  /** success **/
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  /** Theme **/
  --ion-yuzee-color-blue: "#2b68a0";
  --ion-yuzee-color-black: "#000000";
  --ion-yuzee-color-white: "#ffffff";
  --ion-yuzee-color-lightgrey: "#d2d2d2";
  --ion-yuzee-color-grey: "#77787b";
  --ion-yuzee-color-darkgrey: "#454545";
  --ion-yuzee-color-red: "#FF0000";
  --ion-yuzee-color-purple: "#7E2BA0";
  --ion-yuzee-main-tabs-active-color: "#9d0208";
  --ion-color-surfacecolor: #f2f3f7;
  --ion-color-surfacecolor-rgb: 242, 243, 247;
  --ion-color-surfacecolor-contrast: #000000;
  --ion-color-surfacecolor-contrast-rgb: 0, 0, 0;
  --ion-color-surfacecolor-shade: #d5d6d9;
  --ion-color-surfacecolor-tint: #f3f4f8;
  --ion-color-textgreycolor: #464e5f;
  --ion-color-textgreycolor-rgb: 70, 78, 95;
  --ion-color-textgreycolor-contrast: #ffffff;
  --ion-color-textgreycolor-contrast-rgb: 255, 255, 255;
  --ion-color-textgreycolor-shade: #3e4554;
  --ion-color-textgreycolor-tint: #59606f;
  --ion-color-theme-light-blue: #f3f9ff;
  --ion-color-theme-light-blue-rgb: 243, 249, 255;
  --ion-color-theme-light-blue-contrast: #53677a;
  --ion-color-theme-light-blue-contrast-rgb: 0, 0, 0;
  --ion-color-theme-light-blue-shade: #d6dbe0;
  --ion-color-theme-light-blue-tint: #f4faff;
  --ion-color-theme-border-grey: #dee7f4;
  --ion-color-theme-border-grey-rgb: 222, 231, 244;
  --ion-color-theme-border-grey-contrast: #000000;
  --ion-color-theme-border-grey-contrast-rgb: 0, 0, 0;
  --ion-color-theme-border-grey-shade: #c3cbd7;
  --ion-color-theme-border-grey-tint: #e1e9f5;
}

@font-face {
  font-family: "Silka-Bold";
  src: url("https://firebasestorage.googleapis.com/v0/b/itt-content.appspot.com/o/Common%2Fplbo%2Ffonts%2FSilka-Bold.otf?alt=media&token=33dec66d-90df-44ce-b947-ebffc39e3fee");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Silka-Regular";
  src: url("https://firebasestorage.googleapis.com/v0/b/itt-content.appspot.com/o/Common%2Fplbo%2Ffonts%2FSilka-Regular.otf?alt=media&token=1966b8af-4c57-400a-93d0-75e227b11374");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Silka-Bold-Italic";
  src: url("https://firebasestorage.googleapis.com/v0/b/itt-content.appspot.com/o/Common%2Fplbo%2Ffonts%2FSilka-BoldItalic.otf?alt=media&token=dea9aabc-92fe-4669-8a2a-c69fc7191296");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Silka-Medium";
  src: url("https://firebasestorage.googleapis.com/v0/b/itt-content.appspot.com/o/Common%2Fplbo%2Ffonts%2FSilka-Medium.otf?alt=media&token=c08a9f68-5b43-49e0-90d8-772b8e199570");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Silka-Semi-Bold";
  src: url("https://firebasestorage.googleapis.com/v0/b/itt-content.appspot.com/o/Common%2Fplbo%2Ffonts%2FSilka-SemiBold.otf?alt=media&token=67979cc1-7544-422e-b81f-9fff3d209059");
  font-weight: normal;
  font-style: normal;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/core.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}

html {
  --ion-font-family: var(--ion-default-font);
}

body {
  background: var(--ion-background-color);
}

body.backdrop-no-scroll {
  overflow: hidden;
}

html.ios ion-modal.modal-card .ion-page > ion-header > ion-toolbar:first-of-type {
  padding-top: 0px;
}

html.ios ion-modal .ion-page {
  border-radius: inherit;
}

.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}

.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}

.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}

.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
}

.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}

.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
}

.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}

.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
}

.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}

.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0;
}

.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}

ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.ion-page-invisible {
  opacity: 0;
}

.can-go-back > ion-header ion-back-button {
  display: block;
}

html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}

@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}

.menu-content {
  transform: translate3d(0,  0,  0);
}

.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
}

.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}

[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}

.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

ion-input input::-webkit-date-and-time-value {
  text-align: start;
}

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

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/normalize.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}

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

b,
strong {
  font-weight: bold;
}

img {
  max-width: 100%;
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}

textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}

textarea::placeholder {
  padding-left: 2px;
}

form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}

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

a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}

a ion-label,
button ion-label {
  pointer-events: none;
}

button {
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}

[tappable] {
  cursor: pointer;
}

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

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

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

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

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

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/structure.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

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

html:not(.hydrated) body {
  display: none;
}

html.plt-pwa {
  height: 100vh;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

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

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/typography.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
html {
  font-family: var(--ion-font-family);
}

a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

small {
  font-size: 75%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/display.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.ion-hide {
  display: none !important;
}

.ion-hide-up {
  display: none !important;
}

.ion-hide-down {
  display: none !important;
}

@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}

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

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/padding.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}

.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: var(--ion-padding, 16px);
  }
}

.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    padding-inline-end: var(--ion-padding, 16px);
  }
}

.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}

.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}

.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: var(--ion-margin, 16px);
  }
}

.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    margin-inline-end: var(--ion-margin, 16px);
  }
}

.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}

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

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/float-elements.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.ion-float-left {
  float: left !important;
}

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

.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}

.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}

@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }

  .ion-float-sm-right {
    float: right !important;
  }

  .ion-float-sm-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }

  .ion-float-sm-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }

  .ion-float-md-right {
    float: right !important;
  }

  .ion-float-md-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }

  .ion-float-md-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }

  .ion-float-lg-right {
    float: right !important;
  }

  .ion-float-lg-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }

  .ion-float-lg-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }

  .ion-float-xl-right {
    float: right !important;
  }

  .ion-float-xl-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }

  .ion-float-xl-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
}

/*# sourceMappingURL=float-elements.css.map */

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/text-alignment.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.ion-text-center {
  text-align: center !important;
}

.ion-text-justify {
  text-align: justify !important;
}

.ion-text-start {
  text-align: start !important;
}

.ion-text-end {
  text-align: end !important;
}

.ion-text-left {
  text-align: left !important;
}

.ion-text-right {
  text-align: right !important;
}

.ion-text-nowrap {
  white-space: nowrap !important;
}

.ion-text-wrap {
  white-space: normal !important;
}

@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }

  .ion-text-sm-justify {
    text-align: justify !important;
  }

  .ion-text-sm-start {
    text-align: start !important;
  }

  .ion-text-sm-end {
    text-align: end !important;
  }

  .ion-text-sm-left {
    text-align: left !important;
  }

  .ion-text-sm-right {
    text-align: right !important;
  }

  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }

  .ion-text-md-justify {
    text-align: justify !important;
  }

  .ion-text-md-start {
    text-align: start !important;
  }

  .ion-text-md-end {
    text-align: end !important;
  }

  .ion-text-md-left {
    text-align: left !important;
  }

  .ion-text-md-right {
    text-align: right !important;
  }

  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }

  .ion-text-lg-justify {
    text-align: justify !important;
  }

  .ion-text-lg-start {
    text-align: start !important;
  }

  .ion-text-lg-end {
    text-align: end !important;
  }

  .ion-text-lg-left {
    text-align: left !important;
  }

  .ion-text-lg-right {
    text-align: right !important;
  }

  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }

  .ion-text-xl-justify {
    text-align: justify !important;
  }

  .ion-text-xl-start {
    text-align: start !important;
  }

  .ion-text-xl-end {
    text-align: end !important;
  }

  .ion-text-xl-left {
    text-align: left !important;
  }

  .ion-text-xl-right {
    text-align: right !important;
  }

  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}

/*# sourceMappingURL=text-alignment.css.map */

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/text-transformation.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.ion-text-uppercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}

.ion-text-lowercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: lowercase !important;
}

.ion-text-capitalize {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}

@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-sm-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-sm-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-md-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-md-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-lg-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-lg-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-xl-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}

/*# sourceMappingURL=text-transformation.css.map */

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/flex-utils.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.ion-align-self-start {
  align-self: flex-start !important;
}

.ion-align-self-end {
  align-self: flex-end !important;
}

.ion-align-self-center {
  align-self: center !important;
}

.ion-align-self-stretch {
  align-self: stretch !important;
}

.ion-align-self-baseline {
  align-self: baseline !important;
}

.ion-align-self-auto {
  align-self: auto !important;
}

.ion-wrap {
  flex-wrap: wrap !important;
}

.ion-nowrap {
  flex-wrap: nowrap !important;
}

.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.ion-justify-content-start {
  justify-content: flex-start !important;
}

.ion-justify-content-center {
  justify-content: center !important;
}

.ion-justify-content-end {
  justify-content: flex-end !important;
}

.ion-justify-content-around {
  justify-content: space-around !important;
}

.ion-justify-content-between {
  justify-content: space-between !important;
}

.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}

.ion-align-items-start {
  align-items: flex-start !important;
}

.ion-align-items-center {
  align-items: center !important;
}

.ion-align-items-end {
  align-items: flex-end !important;
}

.ion-align-items-stretch {
  align-items: stretch !important;
}

.ion-align-items-baseline {
  align-items: baseline !important;
}

/*# sourceMappingURL=flex-utils.css.map */

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/global.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
/* Basic CSS for apps built with Ionic */
/* Optional CSS utils that can be commented out */
@font-face {
  font-family: "Silka-Regular";
  src: url("https://firebasestorage.googleapis.com/v0/b/itt-content.appspot.com/o/Common%2Fplbo%2Ffonts%2FSilka-Regular.otf?alt=media&token=1966b8af-4c57-400a-93d0-75e227b11374");
  font-weight: normal;
  font-style: normal;
}
body {
  --ion-font-family: "Silka-Regular" !important;
}

ion-button {
  font-family: "Poppins", sans-serif !important;
}

.mt-12 {
  margin-top: 12px;
}

.bg-color-basic {
  --background: #232c41 !important;
}

h1 {
  font-size: 18px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 15px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px !important;
}

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

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-lighter {
  font-weight: lighter;
}

.fw-normal {
  font-weight: normal;
}

.fw-bold {
  font-weight: bold;
}

.w-100 {
  width: 100%;
}

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

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

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

.tex-posi {
  position: absolute;
  bottom: 0;
}

.posi-rel {
  position: relative !important;
}

.fs-w1 {
  font-weight: 100;
}

.fs-w2 {
  font-weight: 200;
}

.fs-w3 {
  font-weight: 300;
}

.fs-w4 {
  font-weight: 400;
}

.fs-w5 {
  font-weight: 500 !important;
}

.fs-w6 {
  font-weight: 600 !important;
}

ion-button.button1 {
  background-color: #e9efff;
  height: 42px;
  flex-shrink: 0;
  border-radius: 15px !important;
  --box-shadow: none !important;
}

.small-font {
  color: #b5b5c3;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.main-content {
  margin-top: 2.5%;
  border-radius: 15px;
  border: 1px solid rgba(85, 149, 210, 0.3490196078);
}

.actions-size {
  width: 16px;
  height: 16px;
  border-radius: 6px;
}

.actions-bg {
  background: #f3f6f9;
  width: 32px;
  height: 32px;
}

.circle-icon {
  background: #f3f6f9;
  width: 16px;
  height: 16px;
  border-radius: 18%;
  text-align: center;
  line-height: 100px;
  vertical-align: middle;
  padding: 6px;
}

ion-checkbox {
  --size: 20px;
  --checkbox-background-checked: #f3f6f9;
  border-radius: 6px;
  --background: #f3f6f9 !important;
  --border-color: #f3f6f9 !important;
}

.small-font-date {
  color: #5595d2;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.list-row {
  border-bottom: 1px solid #e5eaee;
  /* Add a 1px solid black underline to each row */
  padding-bottom: 10px;
  /* Add some padding below the row to separate content */
}

.table-text-1 {
  color: #464e5f;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}

.mt-10 {
  margin-top: 10px;
}

.custom-modal {
  width: 537px;
  height: 705px;
  flex-shrink: 0;
}

.generic-center-modal {
  --height: 28%;
  --width: 86%;
  --border-radius: 10px;
}

.hoverLink {
  cursor: pointer;
}

ion-ion-toolbar.in-toolbar.md.toolbar-title-default.hydrated {
  --background: #f7fafc !important;
  font-size: 18px !important;
}

/* Change text color for ion-chip */
ion-chip {
  --ion-color-primary: rgba(15, 51, 86, 0.32);
}

/* Change background color for ion-chip */
ion-chip {
  background: #f0f7fc;
}

/* Optional: Style chip text */
ion-chip span {
  color: #333; /* Change the text color */
}

ion-icon {
  color: #0f3356;
}

.add-new-area-modal .modal-wrapper {
  width: 537px;
  height: 400px;
  border-radius: 15px;
}

.area-modal .modal-wrapper {
  width: 537px;
  height: 700px;
  border-radius: 15px;
}

.delete-modal .modal-wrapper {
  width: 398px;
  height: 347px;
  border-radius: 15px;
}

.metattach-alert-modal .modal-wrapper {
  width: 420px;
  height: 347px;
  border-radius: 15px;
}

.add-new-division-modal .modal-wrapper {
  width: 537px;
  height: 594px !important;
  border-radius: 15px;
}

.add-new-trade .modal-wrapper {
  width: 537px;
  height: 580px;
  border-radius: 15px;
}

.add-new-suite .modal-wrapper {
  width: 537px;
  height: 660px;
  border-radius: 15px;
}

ion-toolbar.in-toolbar.md.toolbar-title-default.hydrated {
  --background: #f7fafc !important;
  font-size: 18px !important;
}

/* Remove the black border on select focus */
select:focus {
  outline: none;
  border: 1.107px solid #a9cbec;
  /* You can also set other styles for the focused state if needed */
}

input:focus {
  outline: none;
  border: 1.107px solid #a9cbec;
}

/* For IE (thanks to @SaiManoj) */
select::-ms-expand {
  display: none;
}

select {
  width: 100%;
  height: 56px;
  border-radius: 10px;
  border: 1.107px solid #a9cbec;
}

.ng2-tag-input {
  border: 1px solid #a9cbec !important;
  border-radius: 10px !important;
}

.ng2-tag-input__text-input {
  background: transparent !important;
}

.main-inner-wrapper {
  margin: 0 !important;
  margin: 0 10px 10px 10px !important;
  height: auto;
  min-height: calc(100vh - 185px);
  overflow: hidden;
}
.main-inner-wrapper .item-wrapper {
  padding: 54px 30px 0px 0px;
}
.main-inner-wrapper .item-wrapper .grid-margin {
  margin-bottom: 64px;
}
.main-inner-wrapper .item-wrapper .heading-gap {
  padding-bottom: 18px !important;
}
.main-inner-wrapper .item-wrapper .chevron-icon {
  margin-left: 10px;
}
.main-inner-wrapper .item-wrapper .content-main-heading {
  margin-bottom: 7px;
  color: #212121;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.main-inner-wrapper .item-wrapper .list-row-style {
  border-bottom: 1px solid #e5eaee;
  padding: 20px 20px 20px 20px;
  margin-left: 20px;
}
.main-inner-wrapper .item-wrapper .division-main {
  padding: 20px 0px 0 0px;
}

.main-inner-wrapper-v2 {
  margin: 0px 30px 0px 0px;
}

.add-btn {
  border-radius: 6px;
  --background: #232c41;
  width: 185px;
  height: 44px;
  color: #fff;
  text-align: center;
  font-family: "Silka-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.check-gap {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  display: flex;
  margin: auto;
}
.check-gap .DateIcon {
  color: #5595d2;
}

.divisiion-list {
  padding: 17px 0 17px 0;
  border-bottom: 1px solid #e5eaee;
}

.data-list {
  margin-top: -18px;
  margin-left: 20px;
  padding: 18px;
  border-bottom: 1px solid #e5eaee;
}

.data-list:hover {
  background-color: white;
  box-shadow: 0px 1px 40px lightgrey;
  border-radius: 10px;
}
.data-list:hover .edit-button {
  background-color: rgb(35, 44, 65);
}
.data-list:hover .edit-button img {
  filter: brightness(0) invert(1);
}

.small-font-date-title {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #5595d2;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.edit-btns-wrapper {
  display: flex;
  align-items: end;
  gap: 9px;
  align-items: center;
  justify-content: end;
}
.edit-btns-wrapper .edit-button {
  width: 30.421px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 6px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-btns-wrapper .edit-button .svgtest {
  filter: brightness(0) saturate(100%) invert(14%) sepia(11%) saturate(2280%) hue-rotate(184deg) brightness(96%) contrast(90%);
}

.management-main-heading {
  padding: 19px 43px 34px 43px;
  color: #232c41;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.content-sub-heading {
  color: #b5b5c3;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.small-heading {
  color: #b5b5c3;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.sub-title {
  color: #464e5f;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.heading3 {
  font-weight: 600;
  font-size: 14px;
  color: --ion-color-secondary;
}

.heading4 {
  font-weight: 500;
  font-size: 14px;
  color: --ion-color-secondary;
}

.heading5 {
  font-weight: 400;
  color: #7a8596;
  font-size: 14px;
}

.heading6 {
  font-weight: 400;
  color: #7a8596;
  font-size: 13px;
}

.small-font-date-data {
  color: #5595d2;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.small-font-date-time {
  color: #b5b5c3;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.tab-heading {
  color: #232c41;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.tab-sub-heading {
  color: rgba(35, 44, 65, 0.7);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  text-transform: lowercase;
}

.form-tab {
  padding: 66px 53px 59px !important;
}
.form-tab .form-wrapper {
  display: flex;
  justify-content: space-between;
}
.form-tab .form-wrapper .add-new-btn {
  text-transform: none;
  --box-shadow: none !important;
  height: 44px;
  border-radius: 6px;
  color: rgba(35, 44, 65, 0.3) !important;
  --background: rgba(178, 190, 201, 0.33) !important;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  margin-top: 14px;
  --background-hover: rgba(178, 190, 201, 0.33) !important;
}
.form-tab .tab-save-btn {
  width: 478px;
  height: 44px;
  border-radius: 6px;
  --background: #232c41;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  --background-hover: #232c41 !important;
  --box-shadow: none;
  margin: 0 auto;
}

.line-items {
  color: rgba(15, 51, 86, 0.32);
  font-size: 17.719px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 12px;
  width: 100%;
  height: 56px;
}

:host ::ng-deep .ng2-tag-input {
  border-bottom: 0 !important;
  color: rgba(15, 51, 86, 0.32) !important;
  font-size: 17.719px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 4px 17px !important;
  font-family: "Silka-Regular";
  border: 1px solid #a9cbec !important;
  border-radius: 10px !important;
}
:host ::ng-deep .ng2-tag-input .ng2-tags-container tag {
  border-radius: 10px;
  background: #f0f7fc;
  color: rgba(15, 51, 86, 0.32);
  font-size: 17.719px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  display: flex;
  align-items: center;
  padding: 7px 17px;
  text-transform: capitalize;
  margin-right: 4px;
  margin-bottom: 10px;
  margin-top: 10px;
}
:host ::ng-deep .ng2-tag-input .ng2-tags-container tag delete-icon {
  width: 30px !important;
}
:host ::ng-deep .ng2-tag-input .ng2-tags-container tag delete-icon svg {
  height: 20px !important;
  vertical-align: unset !important;
  width: 25.581px;
  stroke: #0f3356;
  fill: #0f3356;
  margin-left: 5px;
}
:host ::ng-deep .ng2-tag-input .ng2-tags-container tag delete-icon:hover {
  transform: none !important;
}
:host ::ng-deep .ng2-tag-input ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(15, 51, 86, 0.32) !important;
  font-size: 17.719px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
}
:host ::ng-deep .ng2-tag-input ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(15, 51, 86, 0.32) !important;
  font-size: 17.719px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
}
:host ::ng-deep .ng2-tag-input :-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(15, 51, 86, 0.32) !important;
  font-size: 17.719px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
}
:host ::ng-deep .ng2-tag-input :-moz-placeholder {
  /* Firefox 18- */
  color: rgba(15, 51, 86, 0.32) !important;
  font-size: 17.719px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
}
:host ::ng-deep .ng2-tag-input__text-input {
  background: transparent !important;
  padding-left: 4px !important;
  color: rgba(15, 51, 86, 0.7) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: normal !important;
}

.ng2-dropdown-menu {
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1) !important;
  margin-top: 25px !important;
  padding: 0 !important;
  border-radius: 9.758px !important;
  max-height: 328px !important;
  z-index: 999999 !important;
  width: max-content !important;
}
.ng2-dropdown-menu .ng2-dropdown-menu__options-container {
  background: #fff;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
  padding: 9px 32px;
  width: 100%;
}
.ng2-dropdown-menu .ng2-dropdown-menu__options-container ng2-menu-item .ng2-menu-item {
  height: 50px !important;
  padding: 16px 11px !important;
  color: #305e8a !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
  text-align: left !important;
  display: block !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  font-family: "Silka-Regular" !important;
  letter-spacing: unset !important;
}
.ng2-dropdown-menu .ng2-dropdown-menu__options-container ng2-menu-item .ng2-menu-item--selected {
  background: #e9efff !important;
}

ion-button {
  height: 44px;
  border-radius: 6px;
}

ion-button.black {
  text-transform: none;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  border-radius: 15px !important;
  --box-shadow: none;
  width: 100%;
  --background: #232c41;
  color: #fff;
}

ion-button.white {
  text-transform: none;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  border-radius: 6.754px;
  border: 1.038px solid #232c41;
  --box-shadow: none;
  width: 100%;
  --background: #fff;
  color: #232c41;
}

ion-button.white:hover {
  --background-color: #232c41;
  color: #fff;
}

ion-button.lightBlue {
  text-transform: none;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  border-radius: 15px;
  --box-shadow: none;
  width: 18%;
}

ion-button.lightGray {
  text-transform: none;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  --box-shadow: none !important;
  height: 44px;
  border-radius: 6px;
  color: rgba(35, 44, 65, 0.3) !important;
  --background: rgba(178, 190, 201, 0.33) !important;
}

ion-button.lightGray:hover {
  background-color: #232c41 !important;
  color: #fff !important;
}

ion-label {
  font-family: "Silka-Regular";
}

ion-label.font-color-gray {
  color: rgba(15, 51, 86, 0.32) !important;
}

.ion-grid {
  height: 65vh;
}

.modal-main-header {
  padding: 15px 0px 15px 0px;
  border-radius: 15px 15px 0px 0px;
  background: #f7fafc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-main-header .modal-title {
  color: #232c41;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

.field-gap {
  margin-top: 35px;
}

.modal-content {
  padding: 38px 51px;
}
.modal-content ion-label {
  color: #0f3356;
  font-size: 17.719px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.modal-content ion-input {
  border-radius: 10.806px;
  border: 1.107px solid #a9cbec;
  height: 56px;
  padding: 10px !important;
  margin-top: 12px;
  color: rgba(15, 51, 86, 0.7) !important;
  font-size: 17.719px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  --placeholder-color: rgba(15, 51, 86, 0.32);
  --placeholder-opacity: 1;
}
.modal-content .add-tag-btn {
  margin: 0;
  width: 108px;
  height: 44px;
  --border-radius: 6px;
  --background: rgba(178, 190, 201, 0.33);
  color: rgba(35, 44, 65, 0.3);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  --background-hover: rgba(178, 190, 201, 0.33);
  margin-top: 20px !important;
  --box-shadow: none;
}
.modal-content .edit-back-btn {
  margin: 0;
  height: 44px;
  font-weight: 600;
  line-height: normal;
  --background-hover: #e9efff !important;
  --box-shadow: none;
  --border-radius: 64px;
}
.modal-content .edit-back-btn ion-icon {
  color: #607ab9 !important;
  margin-right: 10px;
}
.modal-content .edit-save-btn {
  margin: 0;
  height: 44px;
  font-weight: 600;
  line-height: normal;
  --background-hover: #e9efff !important;
  --box-shadow: none;
  margin-top: 100px;
  --border-radius: 64px;
  width: 478px;
}
.modal-content .go-back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116.284px;
  height: 40.146px;
  --border-radius: 6.754px;
  --background: #fff;
  border: 1.038px solid #232c41;
  color: #232c41;
  text-align: center;
  font-size: 12.459px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  --background-hover: #fff;
}
.modal-content .go-back img {
  margin-right: 5px;
}
.modal-content .modal-btn-wrapper {
  padding: 0 27px;
  display: flex;
  gap: 25px;
  margin-top: 116px;
}
.modal-content .modal-btn-wrapper .modal-back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116.284px;
  height: 40.146px;
  --border-radius: 6.754px;
  --background: #fff;
  border: 1.038px solid #232c41;
  color: #232c41;
  text-align: center;
  font-size: 12.459px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  --background-hover: #fff;
}
.modal-content .modal-btn-wrapper .modal-back-btn img {
  margin-right: 5px;
}
.modal-content .modal-btn-wrapper .modal-save-btn {
  width: 238.798px;
  height: 40.146px;
  --border-radius: 6.754px;
  --background: #232c41;
  color: #fff;
  text-align: center;
  font-size: 12.459px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.modal-content .modal-btn-wrapper ion-input {
  border-radius: 10.806px;
  border: 1.107px solid #a9cbec;
  height: 56px;
  padding: 10px !important;
  margin-top: 12px;
  color: rgba(15, 51, 86, 0.7) !important;
  font-size: 17.719px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  --placeholder-color: rgba(15, 51, 86, 0.32);
  --placeholder-opacity: 1;
}
.modal-content .modal-btn-wrapper .add-tag-btn {
  margin: 0;
  width: 108px;
  height: 44px;
  --border-radius: 6px;
  --background: rgba(178, 190, 201, 0.33);
  color: rgba(35, 44, 65, 0.3);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  --background-hover: rgba(178, 190, 201, 0.33);
  margin-top: 20px !important;
  --box-shadow: none;
}
.modal-content .modal-btn-wrapper .edit-back-btn {
  margin: 0;
  height: 44px;
  font-weight: 600;
  line-height: normal;
  --background-hover: #e9efff !important;
  --box-shadow: none;
  --border-radius: 64px;
}
.modal-content .modal-btn-wrapper .edit-back-btn ion-icon {
  color: #607ab9 !important;
  margin-right: 10px;
}
.modal-content .modal-btn-wrapper .edit-save-btn {
  margin: 0;
  height: 44px;
  font-weight: 600;
  line-height: normal;
  --background-hover: #e9efff !important;
  --box-shadow: none;
  margin-top: 100px;
  --border-radius: 64px;
  width: 478px;
}
.modal-content .modal-btn-wrapper .go-back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116.284px;
  height: 40.146px;
  --border-radius: 6.754px;
  --background: #fff;
  border: 1.038px solid #232c41;
  color: #232c41;
  text-align: center;
  font-size: 12.459px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  --background-hover: #fff;
}
.modal-content .modal-btn-wrapper .go-back img {
  margin-right: 5px;
}
.modal-content .modal-btn-wrapper .modal-btn-wrapper {
  padding: 0px 100px 0px 0px;
  display: flex;
  gap: 5px;
  margin-top: 50px;
  flex-direction: column-reverse;
}
.modal-content .modal-btn-wrapper .modal-btn-wrapper .modal-back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50.146px;
  --border-radius: 6.754px;
  --background: #fff;
  border: 1.038px solid #232c41;
  color: #232c41;
  text-align: center;
  font-size: 12.459px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  --background-hover: #fff;
}
.modal-content .modal-btn-wrapper .modal-btn-wrapper .modal-back-btn img {
  margin-right: 5px;
}
.modal-content .modal-btn-wrapper .modal-btn-wrapper .modal-save-btn {
  width: 100%;
  height: 50.146px;
  --border-radius: 6.754px;
  --background: #232c41;
  color: #fff;
  text-align: center;
  font-size: 12.459px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

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

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #182135;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(35, 44, 65, 0.968627451);
}

ion-content,
.custom-scroll {
  --offset-bottom: auto !important;
  --overflow: auto;
  overflow: auto;
}
ion-content::-webkit-scrollbar,
.custom-scroll::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}
ion-content::-webkit-scrollbar-track,
.custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
ion-content::-webkit-scrollbar-thumb,
.custom-scroll::-webkit-scrollbar-thumb {
  background: #182135;
  border-radius: 10px;
}
ion-content::-webkit-scrollbar-thumb:hover,
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(35, 44, 65, 0.968627451);
}
ion-content .inner-scroll,
.custom-scroll .inner-scroll {
  scrollbar-width: thin;
}

.themeButton {
  --border-radius: 12px;
}

.themeButtonFilled {
  --border-radius: 12px;
  --background: var(--ion-color-secondary);
  color: var(--ion-color-secondary-contrast);
  --box-shadow: none;
}

.themeButtonBordered {
  --border-radius: 12px;
  --background: transparent;
  border: 1px solid var(--ion-color-theme-light-blue-contrast);
  border-radius: 12px;
  color: var(--ion-color-theme-light-blue-contrast);
  --box-shadow: none;
}

.listPopup {
  --width: 30%;
}

.custom-divider {
  border-top: 1px solid var(--ion-color-theme-border-grey) !important;
  height: 1px !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/*hr {
	border: 0;
	clear: both;
	display: block;
	background-color: rgba(0,0,0,0.13);
	height: 1px;
}

input, textarea, select {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}


.hoverLink:hover {
	text-decoration: underline;
}*/
.show-hand {
  cursor: pointer;
}

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